diff -r 346c88efed21 -r 5e2f62d02dcd wp/wp-content/themes/twentytwelve/style.css --- a/wp/wp-content/themes/twentytwelve/style.css Mon Jun 08 16:11:51 2015 +0000 +++ b/wp/wp-content/themes/twentytwelve/style.css Tue Jun 09 03:35:32 2015 +0200 @@ -1,13 +1,13 @@ /* Theme Name: Twenty Twelve -Theme URI: http://wordpress.org/themes/twentytwelve +Theme URI: https://wordpress.org/themes/twentytwelve/ Author: the WordPress team -Author URI: http://wordpress.org/ +Author URI: https://wordpress.org/ 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. -Version: 1.3 +Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html -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 +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 Text Domain: twentytwelve This theme, like WordPress, is licensed under the GPL. @@ -205,6 +205,7 @@ /* Form fields, general styles first */ button, input, +select, textarea { border: 1px solid #ccc; border-radius: 3px; @@ -271,6 +272,7 @@ cursor: default; } .menu-toggle:hover, +.menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, @@ -504,8 +506,14 @@ .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); + overflow: hidden; + height: 1px; + width: 1px; } -.main-navigation .assistive-text:focus { +.main-navigation .assistive-text:focus, +.site .screen-reader-text:hover, +.site .screen-reader-text:active, +.site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; @@ -589,7 +597,8 @@ .main-navigation a { color: #5e5e5e; } -.main-navigation a:hover { +.main-navigation a:hover, +.main-navigation a:focus { color: #21759b; } .main-navigation ul.nav-menu, @@ -802,6 +811,9 @@ .comment-content a:visited { color: #9f9f9f; } +.entry-content .more-link { + white-space: nowrap; +} .entry-content ol, .comment-content ol, .entry-content ul, @@ -1005,6 +1017,17 @@ margin-top: 1.571428571rem; } +/* =Single audio/video attachment view +-------------------------------------------------------------- */ + +.attachment .entry-content .mejs-audio { + max-width: 400px; +} + +.attachment .entry-content .mejs-container { + margin-bottom: 24px; +} + /* =Single image attachment view -------------------------------------------------------------- */ @@ -1432,6 +1455,18 @@ /* =Media queries -------------------------------------------------------------- */ +/* Does the same thing as , + * but in the future W3C standard way. -ms- prefix is required for IE10+ to + * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor + * the meta tag. See https://core.trac.wordpress.org/ticket/25888. + */ +@-ms-viewport { + width: device-width; +} +@viewport { + width: device-width; +} + /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { .author-avatar { @@ -1496,7 +1531,8 @@ text-transform: uppercase; white-space: nowrap; } - .main-navigation li a:hover { + .main-navigation li a:hover, + .main-navigation li a:focus { color: #000; } .main-navigation li { @@ -1505,20 +1541,28 @@ position: relative; } .main-navigation li ul { - display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); } .main-navigation li ul ul { top: 0; left: 100%; } - .main-navigation ul li:hover > ul { + .main-navigation ul li:hover > ul, + .main-navigation ul li:focus > ul, + .main-navigation .focus > ul { border-left: 0; - display: block; + clip: inherit; + overflow: inherit; + height: inherit; + width: inherit; } .main-navigation li ul li a { background: #efefef; @@ -1533,7 +1577,8 @@ width: 12.85714286rem; white-space: normal; } - .main-navigation li ul li a:hover { + .main-navigation li ul li a:hover, + .main-navigation li ul li a:focus { background: #e3e3e3; color: #444; } @@ -1696,20 +1741,9 @@ margin: 0; width: auto; } - .singular .entry-header .entry-meta { - position: static; - } - .singular .site-content, - .singular .entry-header, - .singular .entry-content, - .singular footer.entry-meta, - .singular .comments-title { - margin: 0; - width: 100%; - } + .entry-header .entry-title, - .entry-title, - .singular .entry-title { + .entry-title { font-size: 21pt; } footer.entry-meta,