/* 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; }