e6282c7f0d
git-svn-id: https://develop.svn.wordpress.org/trunk@20010 602fd350-edb4-49c9-b593-d223f7449a82
789 lines
16 KiB
CSS
789 lines
16 KiB
CSS
/*
|
|
Theme Name: Twenty Twelve
|
|
Theme URI: http://wordpress.org/extend/themes/twentytwelve
|
|
Author: the WordPress team
|
|
Author URI: http://wordpress.org/
|
|
Description: The 2012 theme for WordPress.
|
|
Version: .5
|
|
License: GNU General Public License
|
|
License URI: license.txt
|
|
Tags: white, light, two-columns, right-sidebar, responsive-width, custom-background, custom-menu, microformats, post-formats, rtl-language-support, translation-ready
|
|
|
|
This theme, like WordPress, is licensed under the GPL.
|
|
Use it to make something cool, have fun, and share what you've learned with others.
|
|
*/
|
|
|
|
/* _reset.scss
|
|
* Zero it out ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
|
|
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
body {
|
|
line-height: 1;
|
|
}
|
|
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
html {
|
|
overflow-y: scroll;
|
|
font-size: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
a:focus {
|
|
outline: thin dotted;
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
video {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1;
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
.clear {
|
|
zoom: 1;
|
|
}
|
|
.clear:before, .clear:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
.clear:after {
|
|
clear: both;
|
|
}
|
|
|
|
/* patterns.scss
|
|
* Repeatable patterns
|
|
* ------------------------------------------------------------------ */
|
|
.all-caps-title {
|
|
text-transform: uppercase;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
line-height: 2;
|
|
}
|
|
|
|
/* scaffolding.css.scss
|
|
* Basic structure
|
|
* ------------------------------------------------------------------ */
|
|
/*---------------------------------------------------------
|
|
Body, links, basics
|
|
------------------------------------------------------------ */
|
|
html {
|
|
font-size: 87.5%;
|
|
}
|
|
|
|
body {
|
|
font-size: 14px;
|
|
font-size: 1rem;
|
|
font-family: "Open Sans", Helvetica, Arial, sans-serif;
|
|
text-rendering: optimizeLegibility;
|
|
color: #444444;
|
|
}
|
|
|
|
a {
|
|
outline: none;
|
|
color: #13609e;
|
|
}
|
|
a:hover {
|
|
color: #082943;
|
|
}
|
|
|
|
.skip-link,
|
|
.assistive-text {
|
|
display: none;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Page structure
|
|
------------------------------------------------------------ */
|
|
#page {
|
|
padding: 0 24px;
|
|
padding: 0 1.714285714rem;
|
|
background-color: #fff;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
#page {
|
|
zoom: 1;
|
|
margin: 0 auto;
|
|
max-width: 960px;
|
|
max-width: 68.571428571rem;
|
|
}
|
|
#page:before, #page:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
#page:after {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
#primary {
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
#primary {
|
|
float: left;
|
|
width: 65.104166667%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 600px) {
|
|
body.full-width #primary {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#secondary {
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
#secondary {
|
|
float: right;
|
|
width: 26.041666667%;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Header
|
|
------------------------------------------------------------ */
|
|
.site-header {
|
|
padding: 24px 0;
|
|
padding: 1.714285714rem 0;
|
|
}
|
|
.site-header hgroup h1,
|
|
.site-header hgroup h2 {
|
|
text-align: center;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
.site-header hgroup h1,
|
|
.site-header hgroup h2 {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.site-header hgroup h1 a,
|
|
.site-header hgroup h2 a {
|
|
color: #444444;
|
|
text-decoration: none;
|
|
}
|
|
.site-header hgroup h1 a:hover,
|
|
.site-header hgroup h2 a:hover {
|
|
color: #13609e;
|
|
text-decoration: underline;
|
|
}
|
|
.site-header hgroup h1 {
|
|
font-size: 24px;
|
|
font-size: 1.714285714rem;
|
|
line-height: 2;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
.site-header hgroup h1 {
|
|
font-size: 26px;
|
|
font-size: 1.857142857rem;
|
|
line-height: 1.846153846;
|
|
}
|
|
}
|
|
.site-header hgroup h2 {
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
line-height: 1.846153846;
|
|
color: #777777;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Navigation
|
|
------------------------------------------------------------ */
|
|
nav[role="navigation"] {
|
|
display: inline-block;
|
|
margin-top: 24px;
|
|
margin-top: 1.714285714rem;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
border-bottom: 1px solid #ededed;
|
|
border-top: 1px solid #ededed;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
nav[role="navigation"] {
|
|
-webkit-column-count: 2;
|
|
-webkit-column-gap: 0.714285714rem;
|
|
-moz-column-count: 2;
|
|
-moz-column-gap: 0.714285714rem;
|
|
column-count: 2;
|
|
column-gap: 0.714285714rem;
|
|
text-align: center;
|
|
}
|
|
}
|
|
nav[role="navigation"] ul {
|
|
margin: 0;
|
|
text-indent: 0;
|
|
}
|
|
nav[role="navigation"] li ul li {
|
|
padding-left: 0;
|
|
}
|
|
nav[role="navigation"] li a,
|
|
nav[role="navigation"] li {
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
nav[role="navigation"] li a,
|
|
nav[role="navigation"] li {
|
|
display: list-item;
|
|
}
|
|
}
|
|
nav[role="navigation"] li a {
|
|
color: #444444;
|
|
}
|
|
nav[role="navigation"] li a:hover {
|
|
color: #1e1e1e;
|
|
}
|
|
nav[role="navigation"] li {
|
|
margin-right: 40px;
|
|
margin-right: 2.857142857rem;
|
|
position: relative;
|
|
}
|
|
nav[role="navigation"] li a {
|
|
border-bottom: 0;
|
|
line-height: 3.692307692;
|
|
}
|
|
nav[role="navigation"] li ul {
|
|
display: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
z-index: 1;
|
|
}
|
|
nav[role="navigation"] li:hover ul {
|
|
display: block;
|
|
border-left: 0;
|
|
}
|
|
nav[role="navigation"] li ul li,
|
|
nav[role="navigation"] li ul li a {
|
|
text-align: center;
|
|
}
|
|
nav[role="navigation"] li ul li a {
|
|
background: #efefef;
|
|
border-bottom: 1px solid #ededed;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
line-height: 1.846153846;
|
|
padding: 8px 12px;
|
|
padding: 0.571428571rem 0.857142857rem;
|
|
width: 90px;
|
|
}
|
|
|
|
/* Small menu */
|
|
nav[role="navigation"].main-small-navigation {
|
|
text-align: left;
|
|
}
|
|
.menu-toggle {
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
line-height: 1.846153846;
|
|
}
|
|
.main-small-navigation .menu {
|
|
display: none;
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
nav[role="navigation"] li a {
|
|
padding: 8px 0;
|
|
line-height: 1.090909091;
|
|
}
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Banner
|
|
------------------------------------------------------------ */
|
|
section[role="banner"] {
|
|
margin-bottom: 48px;
|
|
margin-bottom: 3.428571429rem;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Sidebar
|
|
------------------------------------------------------------ */
|
|
div#secondary aside {
|
|
margin-bottom: 48px;
|
|
margin-bottom: 3.428571429rem;
|
|
}
|
|
div#secondary aside h3 {
|
|
margin-bottom: 24px;
|
|
margin-bottom: 1.714285714rem;
|
|
}
|
|
div#secondary aside p,
|
|
div#secondary aside li {
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
line-height: 1.846153846;
|
|
}
|
|
div#secondary aside a {
|
|
color: #777777;
|
|
}
|
|
div#secondary aside a:hover {
|
|
color: #13609e;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Footer
|
|
------------------------------------------------------------ */
|
|
footer[role="contentinfo"] {
|
|
clear: both;
|
|
zoom: 1;
|
|
max-width: 960px;
|
|
max-width: 68.571428571rem;
|
|
margin-top: 48px;
|
|
margin-top: 3.428571429rem;
|
|
margin-bottom: 48px;
|
|
margin-bottom: 3.428571429rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 24px 0;
|
|
padding: 1.714285714rem 0;
|
|
border-top: 1px solid #ededed;
|
|
}
|
|
footer[role="contentinfo"]:before, footer[role="contentinfo"]:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
footer[role="contentinfo"]:after {
|
|
clear: both;
|
|
}
|
|
footer[role="contentinfo"] a {
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
line-height: 2;
|
|
color: #686868;
|
|
}
|
|
footer[role="contentinfo"] a:hover {
|
|
color: #13609e;
|
|
}
|
|
|
|
/* index.css.scss
|
|
* Basic post styling
|
|
* ------------------------------------------------------------------ */
|
|
/*---------------------------------------------------------
|
|
Basic post styling
|
|
------------------------------------------------------------ */
|
|
header.entry-header {
|
|
margin-bottom: 24px;
|
|
margin-bottom: 1.714285714rem;
|
|
}
|
|
header.entry-header .entry-title {
|
|
font-size: 20px;
|
|
font-size: 1.428571429rem;
|
|
line-height: 1.2;
|
|
font-weight: normal;
|
|
}
|
|
header.entry-header .entry-title a {
|
|
text-decoration: none;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
header.entry-header .entry-title {
|
|
font-size: 22px;
|
|
font-size: 1.571428571rem;
|
|
line-height: 1.090909091;
|
|
}
|
|
}
|
|
header.entry-header .entry-format {
|
|
margin-top: 24px;
|
|
margin-top: 1.714285714rem;
|
|
font-weight: normal;
|
|
}
|
|
header.entry-header .entry-meta {
|
|
font-size: 11px;
|
|
font-size: 0.785714286rem;
|
|
line-height: 2.181818182;
|
|
color: #777777;
|
|
}
|
|
|
|
.entry-meta a {
|
|
color: #777777;
|
|
}
|
|
.entry-meta a:hover {
|
|
color: #13609e;
|
|
}
|
|
|
|
div.entry-content p {
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
line-height: 1.714285714;
|
|
}
|
|
|
|
div#content article {
|
|
padding-bottom: 24px;
|
|
padding-bottom: 1.714285714rem;
|
|
margin-bottom: 48px;
|
|
margin-bottom: 3.428571429rem;
|
|
border-bottom: 1px solid #ededed;
|
|
}
|
|
|
|
div.page-links {
|
|
line-height: 1.714285714;
|
|
}
|
|
|
|
footer.entry-meta {
|
|
margin-top: 24px;
|
|
margin-top: 1.714285714rem;
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
line-height: 1.846153846;
|
|
font-style: italic;
|
|
color: #777777;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Elements
|
|
------------------------------------------------------------ */
|
|
abbr,
|
|
acronym,
|
|
dfn {
|
|
border-bottom: 1px solid #ededed;
|
|
cursor: help;
|
|
}
|
|
|
|
code,
|
|
kbd {
|
|
font-family: Consolas, Monaco, Lucida Console, monospace;
|
|
padding: 0 4px;
|
|
padding: 0 0.285714286rem;
|
|
}
|
|
|
|
mark {
|
|
color: #fff;
|
|
padding: 0 4px;
|
|
padding: 0 0.285714286rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
pre,
|
|
tt,
|
|
var {
|
|
font-family: Consolas, Monaco, Lucida Console, monospace;
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
overflow: auto;
|
|
}
|
|
pre code,
|
|
tt code,
|
|
var code {
|
|
display: block;
|
|
padding: 14px;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Media
|
|
------------------------------------------------------------ */
|
|
img,
|
|
embed,
|
|
object,
|
|
video {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* comments.css.scss
|
|
* Comment styling
|
|
* ------------------------------------------------------------------ */
|
|
#comments-title {
|
|
margin-bottom: 48px;
|
|
margin-bottom: 3.428571429rem;
|
|
font-size: 16px;
|
|
font-size: 1.142857143rem;
|
|
line-height: 1.5;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#comments article {
|
|
zoom: 1;
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
}
|
|
#comments article:before, #comments article:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
#comments article:after {
|
|
clear: both;
|
|
}
|
|
#comments article header {
|
|
position: relative;
|
|
zoom: 1;
|
|
margin: 0 0 48px 0;
|
|
margin: 0 0 3.428571429rem 0;
|
|
}
|
|
#comments article header:before, #comments article header:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
#comments article header:after {
|
|
clear: both;
|
|
}
|
|
#comments article header img {
|
|
float: left;
|
|
padding: 0;
|
|
line-height: 0;
|
|
}
|
|
#comments article header cite,
|
|
#comments article header time {
|
|
display: block;
|
|
margin-left: 85px;
|
|
margin-left: 6.071428571rem;
|
|
}
|
|
#comments article header cite {
|
|
font-style: normal;
|
|
font-size: 15px;
|
|
font-size: 1.071428571rem;
|
|
line-height: 1.6;
|
|
}
|
|
#comments article header time {
|
|
line-height: 1.714285714;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
color: #5e5e5e;
|
|
}
|
|
#comments article header a {
|
|
text-decoration: none;
|
|
color: #5e5e5e;
|
|
}
|
|
#comments article header a:hover {
|
|
color: #13609e;
|
|
}
|
|
#comments article header cite a {
|
|
color: #444444;
|
|
}
|
|
#comments article header cite a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#comments article header h4 {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 6px 12px;
|
|
padding: 0.428571429rem 0.857142857rem;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
font-weight: normal;
|
|
color: #fff;
|
|
background-color: #0088d0;
|
|
background-repeat: repeat-x;
|
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#009cee), to(#0088d0));
|
|
background-image: -moz-linear-gradient(top, #009cee, #0088d0);
|
|
background-image: -ms-linear-gradient(top, #009cee, #0088d0);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009cee), color-stop(100%, #0088d0));
|
|
background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
|
|
background-image: -o-linear-gradient(top, #009cee, #0088d0);
|
|
background-image: linear-gradient(top, #009cee, #0088d0);
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
border: 1px solid #007cbd;
|
|
}
|
|
#comments article p {
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
line-height: 1.714285714;
|
|
}
|
|
|
|
a.comment-reply-link {
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
line-height: 1.846153846;
|
|
color: #686868;
|
|
}
|
|
a.comment-reply-link:hover {
|
|
color: #13609e;
|
|
}
|
|
|
|
/*---------------------------------------------------------
|
|
Form
|
|
------------------------------------------------------------ */
|
|
#respond {
|
|
margin-top: 48px;
|
|
margin-top: 3.428571429rem;
|
|
}
|
|
#respond h3#reply-title {
|
|
font-size: 16px;
|
|
font-size: 1.142857143rem;
|
|
line-height: 1.5;
|
|
}
|
|
#respond h3#reply-title #cancel-comment-reply-link {
|
|
margin-left: 10px;
|
|
margin-left: 0.714285714rem;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
}
|
|
#respond form {
|
|
margin: 24px 0;
|
|
margin: 1.714285714rem 0;
|
|
}
|
|
#respond form p {
|
|
zoom: 1;
|
|
margin: 11px 0;
|
|
margin: 0.785714286rem 0;
|
|
}
|
|
#respond form p:before, #respond form p:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
#respond form p:after {
|
|
clear: both;
|
|
}
|
|
#respond form p.logged-in-as {
|
|
margin-bottom: 24px;
|
|
margin-bottom: 1.714285714rem;
|
|
}
|
|
#respond form label {
|
|
display: block;
|
|
line-height: 1.714285714;
|
|
}
|
|
#respond form input[type="text"],
|
|
#respond form textarea {
|
|
font-family: inherit;
|
|
line-height: 1.714285714;
|
|
padding: 10px;
|
|
padding: 0.714285714rem;
|
|
border: 1px solid #d5d2ca;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
width: 96%;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
#respond form input[type="text"] {
|
|
width: 46.333333333%;
|
|
}
|
|
#respond form textarea.blog-textarea {
|
|
width: 79.666666667%;
|
|
}
|
|
}
|
|
#respond form p.form-allowed-tags {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
font-size: 0.857142857rem;
|
|
line-height: 2;
|
|
color: #5e5e5e;
|
|
}
|
|
|
|
/* widgets.css.scss
|
|
* All widget styling
|
|
* ------------------------------------------------------------------ */
|
|
#wp-calendar {
|
|
margin: 0;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
line-height: 1.846153846;
|
|
color: #686868;
|
|
}
|
|
#wp-calendar th,
|
|
#wp-calendar td,
|
|
#wp-calendar caption {
|
|
text-align: left;
|
|
}
|
|
|
|
.widget_search label {
|
|
display: block;
|
|
font-size: 13px;
|
|
font-size: 0.928571429rem;
|
|
line-height: 1.846153846;
|
|
}
|
|
.widget_search input[type="text"] {
|
|
padding: 6px;
|
|
padding: 0.428571429rem;
|
|
border: 1px solid #ccc;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* archive.css.scss
|
|
* Styling for the archive view
|
|
* ------------------------------------------------------------------ */
|
|
.archive #content h1.archive-title {
|
|
margin-bottom: 48px;
|
|
margin-bottom: 3.428571429rem;
|
|
padding-bottom: 22px;
|
|
padding-bottom: 1.571428571rem;
|
|
border-bottom: 1px solid #ededed;
|
|
color: #777777;
|
|
}
|