Changeset 445
- Timestamp:
- 02/28/2014 07:41:49 AM (11 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-forums/style.css
r443 r445 34 34 body #headline h2 a:before { content: '\f110'; } 35 35 36 section.wporg-support-forumlist article h2:before { 37 font-family: 'dashicons'; 38 content: '\f110'; 39 margin-right: 0.4em; 40 vertical-align: -3px; 41 font-weight:normal; 42 } 43 44 section.wporg-support-forumlist article.forums-id-tags h2:before { content: '\f323'; } 45 section.wporg-support-forumlist article.forums-id-views h2:before { content: '\f177'; } 46 section.wporg-support-forumlist article.forums-id-7 h2:before { content: '\f107'; } 47 section.wporg-support-forumlist article.forums-id-17 h2:before { content: '\f339'; } 48 section.wporg-support-forumlist article.forums-id-19 h2:before { content: '\f100'; } 49 section.wporg-support-forumlist article.forums-id-21 h2:before { content: '\f106'; } 50 section.wporg-support-forumlist article.forums-id-23 h2:before { content: '\f308'; } 51 section.wporg-support-forumlist article.forums-id-25 h2:before { content: '\f118'; } 52 section.wporg-support-forumlist article.forums-id-27 h2:before { content: '\f112'; } 53 section.wporg-support-forumlist article.forums-id-29 h2:before { content: '\f102'; } 54 section.wporg-support-forumlist article.forums-id-31 h2:before { content: '\f120'; } 55 section.wporg-support-forumlist article.forums-id-33 h2:before { content: '\f223'; } 56 section.wporg-support-forumlist article.forums-id-35 h2:before { content: '\f175'; } 57 section.wporg-support-forumlist article.forums-id-37 h2:before { content: '\f220'; } 58 section.wporg-support-forumlist article.forums-id-39 h2:before { content: '\f307'; } 59 section.wporg-support-forumlist article.forums-id-41 h2:before { content: '\f473'; } 60 36 61 /** 37 62 * 2.0 Accesability … … 63 88 display: inline-block; 64 89 } 90 /* start commented backslash hack \*/ 91 * html .wrapper { height: 1%; } 92 .wrapper { display: block; } 93 /* close commented backslash hack */ 94 95 /** 96 * 4.0 header.masthead 97 */ 98 header.masthead { 99 clear: both; 100 background: rgb(1, 116, 162); 101 border: 1px solid rgb(6, 122, 166); 102 border-width: 1px 0; 103 position: relative; 104 overflow: hidden; 105 } 106 107 header.masthead > .wrap { 108 max-width: 950px; 109 padding: 20px 10px; 110 margin: 0 auto; 111 overflow: hidden; 112 position: relative; 113 z-index: 1; 114 } 115 116 header.masthead img { 117 float: right; 118 display: block; 119 border: 3px solid #fff; 120 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 121 margin-left: 40px; 122 max-width: 98%; 123 max-width: calc( 100% - 6px ); 124 height: auto; 125 } 126 127 header.masthead h1 { 128 float: left; 129 font-size: 24px; 130 line-height: 1.5; 131 color: #fff; 132 font-family: 'Open Sans', sans-serif; 133 font-weight: 100; 134 max-width: 48%; 135 margin: 0; 136 } 137 138 header.masthead h5 { 139 float: left; 140 margin: 0 5px 10px; 141 font-family: 'Open Sans', sans-serif; 142 font-weight: 300; 143 color: #fff; 144 font-size: 16px; 145 line-height: 1.5; 146 width: 450px; 147 width: calc( 100% / 2 - 10px ); 148 } 149 150 header.masthead ul { 151 font-size: 14px; 152 line-height: 1.5; 153 font-family: 'Open Sans', sans-serif; 154 font-weight: 100; 155 padding: 0px 20px; 156 } 157 158 header.masthead ul li { 159 margin-right: 10px; 160 } 161 162 header.masthead ul li a { 163 color: #fff; 164 font-weight: 100; 165 } 166 167 header.masthead ul li a:hover { 168 opacity: 0.8; 169 } 170 171 header.masthead ul ul { 172 display: none; 173 } 174 175 /** 176 * 5.0 nav.subhead === 177 */ 178 179 nav.subhead { 180 background: rgb(51, 51, 51); 181 border-top: 1px solid #0a4c6b; 182 border-bottom: 1px solid #003245; 183 position: relative; 184 } 185 186 nav.subhead .nav-menu ul { 187 float: left; 188 padding: 5px 0; 189 margin: 0 auto; 190 font-family: 'Open Sans', sans-serif; 191 font-weight: 300; 192 font-size: 16px; 193 } 194 195 nav.subhead .nav-menu ul li { 196 display: inline-block; 197 margin-right: 10px; 198 } 199 200 nav.subhead .nav-menu ul li a { 201 color: #fff; 202 text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); 203 text-decoration: none; 204 display: inline-block; 205 padding: 5px 10px; 206 } 207 208 nav.subhead .nav-menu ul li a:hover { 209 opacity: 0.8; 210 } 211 212 nav.subhead .nav-menu ul ul { 213 display: none; 214 } 215 216 nav.subhead form { 217 float: right; 218 display: block; 219 padding: 2px 10px 8px; 220 } 221 222 nav.subhead form fieldset { 223 display: block; 224 height: 23px; 225 padding-bottom: 9px; 226 } 227 228 nav.subhead form label { 229 color: #fff; 230 display: inline-block; 231 font-size: 14px; 232 padding: 9px 5px 0; 233 } 234 235 nav.subhead input[type=text] { 236 display: inline-block; 237 background: rgb(18, 18, 18); 238 border: 0; 239 border-bottom: 1px solid rgb(78, 78, 78); 240 color: #aaa; 241 padding: 5px; 242 font-size: 12px; 243 vertical-align: baseline; 244 } 245 246 nav.subhead button { 247 display: inline-block; 248 } 249 250 /** 251 * 6.0 section.wporg-support-forumlist 252 */ 253 254 section.wporg-support-forumlist { 255 padding: 20px 0 60px; 256 } 257 258 section.wporg-support-forumlist h2 { 259 font-family: "Open Sans", sans-serif; 260 font-weight: 600; 261 padding-bottom: 0.5em; 262 } 263 264 section.wporg-support-forumlist h2.section-title { 265 padding: 20px 10px; 266 } 267 268 section.wporg-support-forumlist article { 269 margin: 10px; 270 padding: 20px; 271 width: 420px; 272 width: calc( 100% / 2 - 60px ); 273 font-size: 1.5em; 274 background: #fff; 275 float: left; 276 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); 277 -webkit-transition: none 0.4s ease; 278 -moz-transition: none 0.4s ease; 279 -ms-transition: none 0.4s ease; 280 -o-transition: none 0.4s ease; 281 transition: none 0.4s ease; 282 -webkit-transition-property: background, box-shadow; 283 -moz-transition-property: background, box-shadow; 284 -ms-transition-property: background, box-shadow; 285 -o-transition-property: background, box-shadow; 286 transition-property: background, box-shadow; 287 } 288 289 section.wporg-support-forumlist article:hover { 290 background: #fcfcfc; 291 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 ); 292 } 293 294 section.wporg-support-forumlist article:nth-of-type(odd) { 295 clear: left; 296 } 297 298 section.wporg-support-forumlist article h2 a { 299 font-weight: 600; 300 color: #444444; 301 } 302 303 section.wporg-support-forumlist article div.tag-description p, 304 section.wporg-support-forumlist article div.view-description p { 305 display: inline; 306 font-size: 1em; 307 line-height: 1.5; 308 } 309 310 section.wporg-support-forumlist article div.count-description p { 311 display: inline; 312 font-size: 1em; 313 line-height: 1.5; 314 } 315 316 section.wporg-support-forumlist article small { 317 display: block; 318 font-size: 0.8em; 319 font-style: italic; 320 opacity: 0.5; 321 padding-top: 0.5em; 322 } 323 324 section.wporg-support-forumlist article small p { 325 line-height: 1.5; 326 } 327 328 @media ( max-width: 960px ) { 329 section.wporg-support-forumlist article { 330 width: 43%; 331 width: calc( 100% / 2 - 60px ); 332 } 333 } 334 335 @media ( max-width: 600px ) { 336 337 header.masthead img { 338 float: none; 339 margin: 0 auto 10px; 340 } 341 342 header.masthead h5 { 343 width: 90%; 344 width: calc( 100% - 60px ); 345 float: none; 346 } 347 348 nav.subhead ul, 349 nav.subhead form { 350 float: none; 351 text-align: center; 352 } 353 354 nav.subhead form fieldset { 355 height: auto; 356 } 357 358 nav.subhead form label { 359 display: block; 360 } 361 362 section.wporg-support-forumlist article { 363 width: 90%; 364 width: calc( 100% - 60px ); 365 float: none; 366 } 367 }
Note: See TracChangeset
for help on using the changeset viewer.