| changeset 5 | 5e2f62d02dcd |
| parent 0 | d970ebf37754 |
| child 7 | cf61fcea0001 |
| 4:346c88efed21 | 5:5e2f62d02dcd |
|---|---|
1 /* |
1 /* |
2 Theme Name: Twenty Twelve |
2 Theme Name: Twenty Twelve |
3 Theme URI: http://wordpress.org/themes/twentytwelve |
3 Theme URI: https://wordpress.org/themes/twentytwelve/ |
4 Author: the WordPress team |
4 Author: the WordPress team |
5 Author URI: http://wordpress.org/ |
5 Author URI: https://wordpress.org/ |
6 Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. |
6 Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. |
7 Version: 1.3 |
7 Version: 1.7 |
8 License: GNU General Public License v2 or later |
8 License: GNU General Public License v2 or later |
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html |
10 Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready |
10 Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready |
11 Text Domain: twentytwelve |
11 Text Domain: twentytwelve |
12 |
12 |
13 This theme, like WordPress, is licensed under the GPL. |
13 This theme, like WordPress, is licensed under the GPL. |
14 Use it to make something cool, have fun, and share what you've learned with others. |
14 Use it to make something cool, have fun, and share what you've learned with others. |
15 */ |
15 */ |
203 } |
203 } |
204 |
204 |
205 /* Form fields, general styles first */ |
205 /* Form fields, general styles first */ |
206 button, |
206 button, |
207 input, |
207 input, |
208 select, |
|
208 textarea { |
209 textarea { |
209 border: 1px solid #ccc; |
210 border: 1px solid #ccc; |
210 border-radius: 3px; |
211 border-radius: 3px; |
211 font-family: inherit; |
212 font-family: inherit; |
212 padding: 6px; |
213 padding: 6px; |
269 button[disabled], |
270 button[disabled], |
270 input[disabled] { |
271 input[disabled] { |
271 cursor: default; |
272 cursor: default; |
272 } |
273 } |
273 .menu-toggle:hover, |
274 .menu-toggle:hover, |
275 .menu-toggle:focus, |
|
274 button:hover, |
276 button:hover, |
275 input[type="submit"]:hover, |
277 input[type="submit"]:hover, |
276 input[type="button"]:hover, |
278 input[type="button"]:hover, |
277 input[type="reset"]:hover, |
279 input[type="reset"]:hover, |
278 article.post-password-required input[type=submit]:hover { |
280 article.post-password-required input[type=submit]:hover { |
502 /* Assistive text */ |
504 /* Assistive text */ |
503 .assistive-text, |
505 .assistive-text, |
504 .site .screen-reader-text { |
506 .site .screen-reader-text { |
505 position: absolute !important; |
507 position: absolute !important; |
506 clip: rect(1px, 1px, 1px, 1px); |
508 clip: rect(1px, 1px, 1px, 1px); |
507 } |
509 overflow: hidden; |
508 .main-navigation .assistive-text:focus { |
510 height: 1px; |
511 width: 1px; |
|
512 } |
|
513 .main-navigation .assistive-text:focus, |
|
514 .site .screen-reader-text:hover, |
|
515 .site .screen-reader-text:active, |
|
516 .site .screen-reader-text:focus { |
|
509 background: #fff; |
517 background: #fff; |
510 border: 2px solid #333; |
518 border: 2px solid #333; |
511 border-radius: 3px; |
519 border-radius: 3px; |
512 clip: auto !important; |
520 clip: auto !important; |
513 color: #000; |
521 color: #000; |
587 line-height: 1.42857143; |
595 line-height: 1.42857143; |
588 } |
596 } |
589 .main-navigation a { |
597 .main-navigation a { |
590 color: #5e5e5e; |
598 color: #5e5e5e; |
591 } |
599 } |
592 .main-navigation a:hover { |
600 .main-navigation a:hover, |
601 .main-navigation a:focus { |
|
593 color: #21759b; |
602 color: #21759b; |
594 } |
603 } |
595 .main-navigation ul.nav-menu, |
604 .main-navigation ul.nav-menu, |
596 .main-navigation div.nav-menu > ul { |
605 .main-navigation div.nav-menu > ul { |
597 display: none; |
606 display: none; |
800 } |
809 } |
801 .entry-content a:visited, |
810 .entry-content a:visited, |
802 .comment-content a:visited { |
811 .comment-content a:visited { |
803 color: #9f9f9f; |
812 color: #9f9f9f; |
804 } |
813 } |
814 .entry-content .more-link { |
|
815 white-space: nowrap; |
|
816 } |
|
805 .entry-content ol, |
817 .entry-content ol, |
806 .comment-content ol, |
818 .comment-content ol, |
807 .entry-content ul, |
819 .entry-content ul, |
808 .comment-content ul, |
820 .comment-content ul, |
809 .mu_register ul { |
821 .mu_register ul { |
1001 font-size: 12px; |
1013 font-size: 12px; |
1002 font-size: 0.857142857rem; |
1014 font-size: 0.857142857rem; |
1003 line-height: 2; |
1015 line-height: 2; |
1004 margin-top: 22px; |
1016 margin-top: 22px; |
1005 margin-top: 1.571428571rem; |
1017 margin-top: 1.571428571rem; |
1018 } |
|
1019 |
|
1020 /* =Single audio/video attachment view |
|
1021 -------------------------------------------------------------- */ |
|
1022 |
|
1023 .attachment .entry-content .mejs-audio { |
|
1024 max-width: 400px; |
|
1025 } |
|
1026 |
|
1027 .attachment .entry-content .mejs-container { |
|
1028 margin-bottom: 24px; |
|
1006 } |
1029 } |
1007 |
1030 |
1008 |
1031 |
1009 /* =Single image attachment view |
1032 /* =Single image attachment view |
1010 -------------------------------------------------------------- */ |
1033 -------------------------------------------------------------- */ |
1430 |
1453 |
1431 |
1454 |
1432 /* =Media queries |
1455 /* =Media queries |
1433 -------------------------------------------------------------- */ |
1456 -------------------------------------------------------------- */ |
1434 |
1457 |
1458 /* Does the same thing as <meta name="viewport" content="width=device-width">, |
|
1459 * but in the future W3C standard way. -ms- prefix is required for IE10+ to |
|
1460 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor |
|
1461 * the meta tag. See https://core.trac.wordpress.org/ticket/25888. |
|
1462 */ |
|
1463 @-ms-viewport { |
|
1464 width: device-width; |
|
1465 } |
|
1466 @viewport { |
|
1467 width: device-width; |
|
1468 } |
|
1469 |
|
1435 /* Minimum width of 600 pixels. */ |
1470 /* Minimum width of 600 pixels. */ |
1436 @media screen and (min-width: 600px) { |
1471 @media screen and (min-width: 600px) { |
1437 .author-avatar { |
1472 .author-avatar { |
1438 float: left; |
1473 float: left; |
1439 margin-top: 8px; |
1474 margin-top: 8px; |
1494 color: #6a6a6a; |
1529 color: #6a6a6a; |
1495 line-height: 3.692307692; |
1530 line-height: 3.692307692; |
1496 text-transform: uppercase; |
1531 text-transform: uppercase; |
1497 white-space: nowrap; |
1532 white-space: nowrap; |
1498 } |
1533 } |
1499 .main-navigation li a:hover { |
1534 .main-navigation li a:hover, |
1535 .main-navigation li a:focus { |
|
1500 color: #000; |
1536 color: #000; |
1501 } |
1537 } |
1502 .main-navigation li { |
1538 .main-navigation li { |
1503 margin: 0 40px 0 0; |
1539 margin: 0 40px 0 0; |
1504 margin: 0 2.857142857rem 0 0; |
1540 margin: 0 2.857142857rem 0 0; |
1505 position: relative; |
1541 position: relative; |
1506 } |
1542 } |
1507 .main-navigation li ul { |
1543 .main-navigation li ul { |
1508 display: none; |
|
1509 margin: 0; |
1544 margin: 0; |
1510 padding: 0; |
1545 padding: 0; |
1511 position: absolute; |
1546 position: absolute; |
1512 top: 100%; |
1547 top: 100%; |
1513 z-index: 1; |
1548 z-index: 1; |
1549 height: 1px; |
|
1550 width: 1px; |
|
1551 overflow: hidden; |
|
1552 clip: rect(1px, 1px, 1px, 1px); |
|
1514 } |
1553 } |
1515 .main-navigation li ul ul { |
1554 .main-navigation li ul ul { |
1516 top: 0; |
1555 top: 0; |
1517 left: 100%; |
1556 left: 100%; |
1518 } |
1557 } |
1519 .main-navigation ul li:hover > ul { |
1558 .main-navigation ul li:hover > ul, |
1559 .main-navigation ul li:focus > ul, |
|
1560 .main-navigation .focus > ul { |
|
1520 border-left: 0; |
1561 border-left: 0; |
1521 display: block; |
1562 clip: inherit; |
1563 overflow: inherit; |
|
1564 height: inherit; |
|
1565 width: inherit; |
|
1522 } |
1566 } |
1523 .main-navigation li ul li a { |
1567 .main-navigation li ul li a { |
1524 background: #efefef; |
1568 background: #efefef; |
1525 border-bottom: 1px solid #ededed; |
1569 border-bottom: 1px solid #ededed; |
1526 display: block; |
1570 display: block; |
1531 padding: 0.571428571rem 0.714285714rem; |
1575 padding: 0.571428571rem 0.714285714rem; |
1532 width: 180px; |
1576 width: 180px; |
1533 width: 12.85714286rem; |
1577 width: 12.85714286rem; |
1534 white-space: normal; |
1578 white-space: normal; |
1535 } |
1579 } |
1536 .main-navigation li ul li a:hover { |
1580 .main-navigation li ul li a:hover, |
1581 .main-navigation li ul li a:focus { |
|
1537 background: #e3e3e3; |
1582 background: #e3e3e3; |
1538 color: #444; |
1583 color: #444; |
1539 } |
1584 } |
1540 .main-navigation .current-menu-item > a, |
1585 .main-navigation .current-menu-item > a, |
1541 .main-navigation .current-menu-ancestor > a, |
1586 .main-navigation .current-menu-ancestor > a, |
1694 } |
1739 } |
1695 .site-content { |
1740 .site-content { |
1696 margin: 0; |
1741 margin: 0; |
1697 width: auto; |
1742 width: auto; |
1698 } |
1743 } |
1699 .singular .entry-header .entry-meta { |
1744 |
1700 position: static; |
|
1701 } |
|
1702 .singular .site-content, |
|
1703 .singular .entry-header, |
|
1704 .singular .entry-content, |
|
1705 .singular footer.entry-meta, |
|
1706 .singular .comments-title { |
|
1707 margin: 0; |
|
1708 width: 100%; |
|
1709 } |
|
1710 .entry-header .entry-title, |
1745 .entry-header .entry-title, |
1711 .entry-title, |
1746 .entry-title { |
1712 .singular .entry-title { |
|
1713 font-size: 21pt; |
1747 font-size: 21pt; |
1714 } |
1748 } |
1715 footer.entry-meta, |
1749 footer.entry-meta, |
1716 footer.entry-meta a { |
1750 footer.entry-meta a { |
1717 color: #444; |
1751 color: #444; |