/*
Theme Name: Twenty Twelve
-Theme URI: http://wordpress.org/extend/themes/twentytwelve
+Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://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.1
+Version: 1.5
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.
/* Form fields, general styles first */
button,
input,
+select,
textarea {
border: 1px solid #ccc;
border-radius: 3px;
}
button,
input {
- line-height: normal;
+ line-height: normal;
}
textarea {
font-size: 100%;
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
-li.bypostauthor cite span {
+.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
}
button[disabled],
input[disabled] {
- cursor: default;
+ cursor: default;
}
.menu-toggle:hover,
+.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(top, #ebebeb, #e1e1e1);
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
- border: none;
+ border-color: transparent;
}
-li.bypostauthor cite span {
+.bypostauthor cite span {
color: #fff;
background-color: #21759b;
background-image: none;
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
-.main-navigation .assistive-text:hover,
-.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
background: #fff;
border: 2px solid #333;
.main-navigation a {
color: #5e5e5e;
}
-.main-navigation a:hover {
+.main-navigation a:hover,
+.main-navigation a:focus {
color: #21759b;
}
.main-navigation ul.nav-menu,
.widget-area .widget a:hover {
color: #21759b;
}
+.widget-area .widget a:visited {
+ color: #9f9f9f;
+}
.widget-area #s {
width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
+.entry-content a:visited,
+.comment-content a:visited {
+ color: #9f9f9f;
+}
.entry-content ol,
.comment-content ol,
.entry-content ul,
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
-img.alignleft {
+img.alignleft,
+.wp-caption.alignleft {
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
-img.alignright {
+img.alignright,
+.wp-caption.alignright {
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
-img.aligncenter {
+img.aligncenter,
+.wp-caption.aligncenter {
+ clear: both;
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
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
-------------------------------------------------------------- */
font-size: 1.071428571rem;
line-height: 1.42857143;
}
+.comments-area cite b {
+ font-weight: normal;
+}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
border-radius: 3px;
border: 1px solid #007cbd;
}
-.comments-area li.bypostauthor cite span {
+.comments-area .bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
+.comments-area .bypostauthor cite b {
+ font-weight: bold;
+}
a.comment-reply-link,
a.comment-edit-link {
color: #686868;
/* =Media queries
-------------------------------------------------------------- */
+/* Does the same thing as <meta name="viewport" content="width=device-width">,
+ * 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 http://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 {
width: 65.104166667%;
}
body.template-front-page .site-content,
- body.single-attachment .site-content,
+ body.attachment .site-content,
body.full-width .site-content {
width: 100%;
}
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 {
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;
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;
}
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,