Changeset 18181
- Timestamp:
- 06/07/2011 09:28:56 PM (13 years ago)
- Location:
- trunk/wp-content/themes/twentyeleven
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/wp-content/themes/twentyeleven/colors/dark.css
r18172 r18181 158 158 159 159 /* Image borders */ 160 .entry-content img, 161 .widget img, 160 img[class*="wp-image-"], 162 161 #content .gallery .gallery-icon img { 163 162 border-color: #2c2c2c; … … 166 165 border-color: #2c2c2c; 167 166 } 168 .entry-content a:focus img, 169 .entry-content a:hover img, 170 .entry-content a:active img, 171 .widget a:focus img, 172 .widget a:hover img, 173 .widget a:active img { 167 a:focus img[class*="wp-image-"], 168 a:hover img[class*="wp-image-"], 169 a:active img[class*="wp-image-"] { 174 170 background: #2c2c2c; 175 171 border-color: #444; … … 326 322 327 323 /* Featured Slider */ 328 .featured-posts {329 border-bottom: 1px solid #171717;330 }331 324 .featured-posts section.featured-post { 332 325 background: #000; 326 } 327 .featured-post .feature-text:after, 328 .featured-post .feature-image.small:after { 329 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ 330 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ 331 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ 332 background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */ 333 background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ 334 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ 335 background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ 333 336 } 334 337 .feature-slider a { -
trunk/wp-content/themes/twentyeleven/header.php
r18117 r18181 87 87 if ( is_singular() && 88 88 has_post_thumbnail( $post->ID ) && 89 ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail') ) &&89 ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) && 90 90 $image[1] >= HEADER_IMAGE_WIDTH ) : 91 91 // Houston, we have a new header image! -
trunk/wp-content/themes/twentyeleven/inc/theme-options.php
r18152 r18181 347 347 .entry-header .comments-link a:hover, 348 348 .entry-header .comments-link a:focus, 349 .entry-header .comments-link a:active { 349 .entry-header .comments-link a:active, 350 .feature-slider a.active { 350 351 background: <?php echo $link_color; ?>; 351 352 } -
trunk/wp-content/themes/twentyeleven/showcase.php
r17959 r18181 90 90 $feature_class = 'feature-image large'; 91 91 } 92 } else { 93 $feature_class = 'feature-text'; 92 94 } 93 95 ?> -
trunk/wp-content/themes/twentyeleven/style.css
r18175 r18181 834 834 835 835 /* Images */ 836 img.size-auto, 837 img.size-large, 838 img.size-full, 839 img.size-medium, 840 img.size-thumbnail { 836 img[class*="wp-image-"] { 841 837 height: auto; 842 838 max-width: 97.5%; … … 913 909 914 910 /* Image borders */ 915 .entry-content img, 916 .widget img, 911 img[class*="wp-image-"], 917 912 #content .gallery .gallery-icon img { 918 913 border: 1px solid #ddd; … … 922 917 border-color: #eee; 923 918 } 924 .entry-content a:focus img, 925 .entry-content a:hover img, 926 .entry-content a:active img, 927 .widget a:focus img, 928 .widget a:hover img, 929 .widget a:active img { 919 a:focus img[class*="wp-image-"], 920 a:hover img[class*="wp-image-"], 921 a:active img[class*="wp-image-"] { 930 922 background: #eee; 931 923 border-color: #bbb; … … 1368 1360 /* Small featured post */ 1369 1361 section.featured-post .attachment-small-feature { 1370 border-right: 20px solid #bbb;1371 1362 float: right; 1372 1363 height: auto; … … 1374 1365 max-width: 59%; 1375 1366 position: relative; 1376 right: - 35px;1367 right: -15px; 1377 1368 } 1378 1369 section.featured-post.small { 1379 1370 padding-top: 0; 1380 1371 } 1381 section.featured-post .attachment-small-feature:hover { 1382 border-color: #888; 1372 section.featured-post .attachment-small-feature:hover, 1373 section.featured-post .attachment-small-feature:focus, 1374 section.featured-post .attachment-small-feature:active { 1375 opacity: .8; 1383 1376 } 1384 1377 article.feature-image.small { … … 1404 1397 top: 20px; 1405 1398 width: 180px; 1399 z-index: 1; 1406 1400 } 1407 1401 article.feature-image.small .entry-summary p a:hover { … … 1456 1450 /* Featured Slider */ 1457 1451 .featured-posts { 1458 border-bottom: 1px solid # e8e8e8;1452 border-bottom: 1px solid #ddd; 1459 1453 display: block; 1460 1454 height: 328px; … … 1463 1457 padding: 0; 1464 1458 position: relative; 1459 overflow: hidden; 1465 1460 } 1466 1461 .featured-posts .showcase-heading { … … 1496 1491 visibility: visible; 1497 1492 } 1493 .featured-post .feature-text:after, 1494 .featured-post .feature-image.small:after { 1495 content: ' '; 1496 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ 1497 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ 1498 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ 1499 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ 1500 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ 1501 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ 1502 background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ 1503 width: 100%; 1504 height: 45px; 1505 position: absolute; 1506 top: 230px; 1507 } 1508 .featured-post .feature-image.small:after { 1509 top: 253px; 1510 } 1498 1511 #content .feature-slider { 1499 1512 top: 5px; … … 1523 1536 } 1524 1537 .feature-slider a.active { 1525 background: #fff; 1526 background: rgba(255,255,255,0.8); 1538 background: #1982d1; 1527 1539 -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); 1528 1540 -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); 1529 1541 box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); 1542 cursor: default; 1543 opacity: 0.5; 1530 1544 } 1531 1545 … … 2170 2184 font-size: 12px; 2171 2185 line-height: 2.2em; 2172 padding: 2.2em 0 ;2186 padding: 2.2em 0.5em; 2173 2187 text-align: center; 2174 2188 } … … 2306 2320 } 2307 2321 @media (max-width: 650px) { 2322 /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */ 2323 body, input, textarea { 2324 font-size: 13px; 2325 } 2326 #site-title a { 2327 font-size: 24px; 2328 } 2329 #site-description { 2330 font-size: 12px; 2331 } 2332 #access ul { 2333 font-size: 12px; 2334 } 2335 article.intro .entry-content { 2336 font-size: 12px; 2337 } 2338 .entry-title { 2339 font-size: 21px; 2340 } 2341 .featured-post .entry-title { 2342 font-size: 14px; 2343 } 2344 .singular .entry-title { 2345 font-size: 28px; 2346 } 2347 .entry-meta { 2348 font-size: 12px; 2349 } 2350 blockquote { 2351 margin: 0; 2352 } 2353 blockquote.pull { 2354 font-size: 17px; 2355 } 2308 2356 /* Reposition the site title and description slightly */ 2309 2357 #site-title { … … 2330 2378 position: static; 2331 2379 } 2380 .singular .hentry { 2381 padding: 1.625em 0 0; 2382 } 2383 .singular.page .hentry { 2384 padding: 1.625em 0 0; 2385 } 2332 2386 /* Talking avatars take up too much room at this size */ 2333 2387 .commentlist > li.comment, … … 2377 2431 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 2378 2432 body { 2379 padding: 0 .5em; 2433 padding: 0; 2434 } 2435 #page { 2436 margin-top: 0; 2437 } 2438 #branding { 2439 border-top: none; 2380 2440 } 2381 2441 }
Note: See TracChangeset
for help on using the changeset viewer.