<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[25788] trunk/src/wp-content/themes/twentyfourteen: Twenty Fourteen: first pass at CSS revamp, props iamtakashi.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/25788">25788</a></dd>
<dt>Author</dt> <dd>lancewillett</dd>
<dt>Date</dt> <dd>2013-10-15 16:45:42 +0000 (Tue, 15 Oct 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Twenty Fourteen: first pass at CSS revamp, props iamtakashi. See <a href="http://core.trac.wordpress.org/ticket/25592">#25592</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentyfourteenfunctionsphp">trunk/src/wp-content/themes/twentyfourteen/functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyfourteensidebarphp">trunk/src/wp-content/themes/twentyfourteen/sidebar.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyfourteenstylecss">trunk/src/wp-content/themes/twentyfourteen/style.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpcontentthemestwentyfourteenfunctionsphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/functions.php (25787 => 25788)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/functions.php 2013-10-15 14:54:29 UTC (rev 25787)
+++ trunk/src/wp-content/themes/twentyfourteen/functions.php 2013-10-15 16:45:42 UTC (rev 25788)
</span><span class="lines">@@ -100,6 +100,11 @@
</span><span class="cx"> add_theme_support( 'custom-background', apply_filters( 'twentyfourteen_custom_background_args', array(
</span><span class="cx"> 'default-color' => 'f5f5f5',
</span><span class="cx"> ) ) );
</span><ins>+
+ /*
+ * This theme uses its own gallery styles.
+ */
+ add_filter( 'use_default_gallery_style', '__return_false' );
</ins><span class="cx"> }
</span><span class="cx"> endif; // twentyfourteen_setup
</span><span class="cx"> add_action( 'after_setup_theme', 'twentyfourteen_setup' );
</span><span class="lines">@@ -112,7 +117,7 @@
</span><span class="cx"> * @return void
</span><span class="cx"> */
</span><span class="cx"> function twentyfourteen_content_width() {
</span><del>- if ( is_page_template( 'full-width-page.php' ) || is_attachment() )
</del><ins>+ if ( is_attachment() )
</ins><span class="cx"> $GLOBALS['content_width'] = 810;
</span><span class="cx"> }
</span><span class="cx"> add_action( 'template_redirect', 'twentyfourteen_content_width' );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteensidebarphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/sidebar.php (25787 => 25788)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/sidebar.php 2013-10-15 14:54:29 UTC (rev 25787)
+++ trunk/src/wp-content/themes/twentyfourteen/sidebar.php 2013-10-15 16:45:42 UTC (rev 25788)
</span><span class="lines">@@ -17,16 +17,18 @@
</span><span class="cx"> <?php endif; ?>
</span><span class="cx">
</span><span class="cx"> <?php if ( has_nav_menu( 'secondary' ) ) : ?>
</span><del>- <nav role="navigation" class="navigation secondary-navigation">
</del><ins>+ <nav role="navigation" class="navigation site-navigation secondary-navigation">
</ins><span class="cx"> <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
</span><span class="cx"> </nav>
</span><span class="cx"> <?php endif; ?>
</span><span class="cx"> </div><!-- #secondary-top -->
</span><span class="cx">
</span><del>- <div id="secondary-bottom" class="widget-area" role="complementary">
</del><ins>+ <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
+ <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
</ins><span class="cx"> <?php
</span><span class="cx"> do_action( 'before_sidebar' );
</span><span class="cx"> dynamic_sidebar( 'sidebar-1' );
</span><span class="cx"> ?>
</span><span class="cx"> </div><!-- #secondary-bottom -->
</span><ins>+ <?php endif; ?>
</ins><span class="cx"> </div><!-- #secondary -->
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteenstylecss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/style.css (25787 => 25788)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/style.css 2013-10-15 14:54:29 UTC (rev 25787)
+++ trunk/src/wp-content/themes/twentyfourteen/style.css 2013-10-15 16:45:42 UTC (rev 25788)
</span><span class="lines">@@ -14,17 +14,52 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx">
</span><del>-/* =Reset
------------------------------------------------ */
</del><ins>+/**
+ * Table of Contents:
+ *
+ * 1.0 - Reset
+ * 2.0 - Repeatable Patterns
+ * 3.0 - Basic Structure
+ * 4.0 - Header
+ * 5.0 - Navigations
+ * 6.0 - Content
+ * 6.1 - Post Thumbnail
+ * 6.1 - Entry Header
+ * 6.2 - Entry Meta
+ * 6.3 - Entry Content
+ * 6.4 - Galleries
+ * 6.5 - Post Formats
+ * 6.6 - Post/Paging Navigation
+ * 6.7 - Attachments
+ * 6.8 - Archives
+ * 6.9 - Contributor Page
+ * 6.10 - 404 Page
+ * 6.11 - Front Page
+ * 6.12 - Comments
+ * 7.0 - Sidebar
+ * 7.1 - Widgets
+ * 7.2 - Content Sidebar Widgets
+ * 8.0 - Footer
+ * 9.0 - Featured Content
+ * 10.0 - Media Queries
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><del>-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, font, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
</del><ins>+
+
+/**
+ * 1.0 Reset
+ *
+ * Resetting and rebuilding styles have been helped along thanks to the fine
+ * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
+ * along with Nicolas Gallagher and Jonathan Neal
+ * http://necolas.github.com/normalize.css/ and Blueprint
+ * http://www.blueprintcss.org/
+ *
+ * -----------------------------------------------------------------------------
+ */
+
+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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
</ins><span class="cx"> border: 0;
</span><span class="cx"> font-family: inherit;
</span><span class="cx"> font-size: 100%;
</span><span class="lines">@@ -35,15 +70,7 @@
</span><span class="cx"> padding: 0;
</span><span class="cx"> vertical-align: baseline;
</span><span class="cx"> }
</span><del>-html {
- font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
- overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
-}
-body {
- background: #fff;
-}
</del><ins>+
</ins><span class="cx"> article,
</span><span class="cx"> aside,
</span><span class="cx"> details,
</span><span class="lines">@@ -56,191 +83,190 @@
</span><span class="cx"> section {
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span><del>-ol, ul {
- list-style: none;
</del><ins>+
+audio,
+canvas,
+video {
+ display: inline-block;
</ins><span class="cx"> }
</span><del>-table { /* tables still need 'cellspacing="0"' in the markup */
- border-collapse: separate;
- border-spacing: 0;
</del><ins>+
+html {
+ overflow-y: scroll;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
</ins><span class="cx"> }
</span><del>-caption, th, td {
- font-weight: normal;
- text-align: left;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: "";
-}
-blockquote, q {
- quotes: "" "";
-}
-a:focus {
- outline: thin dotted;
-}
-a:hover,
-a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
- outline: 0;
-}
-a img {
- border: 0;
- display: block;
-}
</del><span class="cx">
</span><del>-/* =Global
------------------------------------------------ */
-
</del><span class="cx"> body,
</span><span class="cx"> button,
</span><span class="cx"> input,
</span><span class="cx"> select,
</span><span class="cx"> textarea {
</span><span class="cx"> color: #2b2b2b;
</span><del>- font-family: lato, sans-serif;
</del><ins>+ font-family: Lato, sans-serif;
</ins><span class="cx"> font-size: 16px;
</span><span class="cx"> font-weight: 400;
</span><span class="cx"> line-height: 1.5;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Selection */
-::-moz-selection {
- background: #24890d;
- color: #fff;
- text-shadow: none;
</del><ins>+body {
+ background: #f5f5f5;
</ins><span class="cx"> }
</span><del>-::selection {
- background: #24890d;
- color: #fff;
- text-shadow: none;
</del><ins>+
+a {
+ color: #24890d;
+ text-decoration: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-/* Headings */
-h1,h2,h3,h4,h5,h6 {
</del><ins>+a:focus {
+ outline: thin dotted;
+}
+
+a:hover,
+a:active {
+ outline: 0;
+}
+
+a:hover,
+a:focus,
+a:active {
+ color: #5ff23d;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx"> clear: both;
</span><span class="cx"> font-weight: 700;
</span><span class="cx"> margin: 36px 0 12px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h1 {
</span><span class="cx"> font-size: 26px;
</span><span class="cx"> line-height: 1.3846153846;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h2 {
</span><span class="cx"> font-size: 24px;
</span><span class="cx"> line-height: 1;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h3 {
</span><span class="cx"> font-size: 22px;
</span><span class="cx"> line-height: 1.0909090909;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h4 {
</span><span class="cx"> font-size: 20px;
</span><span class="cx"> line-height: 1.2;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h5 {
</span><span class="cx"> font-size: 18px;
</span><span class="cx"> line-height: 1.3333333333;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h6 {
</span><span class="cx"> font-size: 16px;
</span><span class="cx"> line-height: 1.5;
</span><span class="cx"> }
</span><del>-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a {
- color: #2b2b2b;
- text-decoration: none;
-}
-h1 a:hover,
-h2 a:hover,
-h3 a:hover,
-h4 a:hover,
-h5 a:hover,
-h6 a:hover {
- color: #24890d;
- text-decoration: none;
-}
-hr {
- background-color: rgba(0, 0, 0, 0.1);
- border: 0;
- height: 1px;
- margin-bottom: 23px;
-}
</del><span class="cx">
</span><del>-/* Text elements */
-p {
</del><ins>+address {
</ins><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> }
</span><del>-ul, ol {
- margin: 0 0 24px 22px;
</del><ins>+
+abbr,
+acronym {
+ border-bottom: 1px dotted #2b2b2b;
+ cursor: help;
</ins><span class="cx"> }
</span><del>-ul {
- list-style: disc;
</del><ins>+
+b,
+strong {
+ font-weight: 700;
</ins><span class="cx"> }
</span><del>-ol {
- list-style: decimal;
</del><ins>+
+dfn,
+em,
+i {
+ font-style: italic;
</ins><span class="cx"> }
</span><del>-li > ul,
-li > ol {
- margin-bottom: 0;
- margin-left: 20px;
</del><ins>+
+mark,
+ins {
+ background: #fff9c0;
+ text-decoration: none;
</ins><span class="cx"> }
</span><del>-dt {
- font-weight: bold;
</del><ins>+
+code,
+kbd,
+tt,
+var,
+samp,
+pre {
+ font-family: monospace, serif;
+ font-size: 15px;
+ line-height: 1.6;
</ins><span class="cx"> }
</span><del>-dd {
- margin: 0 0 24px;
</del><ins>+
+pre {
+ background: #eee;
+ margin-bottom: 24px;
+ max-width: 100%;
+ overflow: auto;
+ padding: 12px;
</ins><span class="cx"> }
</span><del>-b, strong {
- font-weight: bold;
</del><ins>+
+blockquote,
+q {
+ quotes: none;
</ins><span class="cx"> }
</span><del>-dfn, cite, em, i {
- font-style: italic;
</del><ins>+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+ content: none;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> blockquote {
</span><ins>+ color: #767676;
+ font-size: 19px;
</ins><span class="cx"> font-style: italic;
</span><span class="cx"> font-weight: 300;
</span><del>- margin: 0 0 24px;
</del><ins>+ line-height: 1.2631578947;
+ margin-bottom: 24px;
</ins><span class="cx"> }
</span><del>-blockquote em, blockquote i, blockquote cite {
</del><ins>+
+blockquote em,
+blockquote i,
+blockquote cite {
</ins><span class="cx"> font-style: normal;
</span><span class="cx"> }
</span><del>-blockquote p {
- color: #767676;
- font-size: 19px;
- line-height: 1.2631578947;
-}
</del><ins>+
</ins><span class="cx"> blockquote cite {
</span><span class="cx"> color: #2b2b2b;
</span><span class="cx"> font-size: 16px;
</span><span class="cx"> font-weight: 400;
</span><span class="cx"> line-height: 1.5;
</span><span class="cx"> }
</span><del>-address {
- margin: 0 0 24px;
</del><ins>+
+blockquote strong,
+blockquote b {
+ font-weight: 400;
</ins><span class="cx"> }
</span><del>-pre {
- background: #eee;
- font-family: 'Courier 10 Pitch', Courier, monospace;
- font-size: 15px;
- line-height: 1.6;
- margin-bottom: 24px;
- max-width: 100%;
- overflow: auto;
- padding: 12px;
</del><ins>+
+small {
+ font-size: 75%;
</ins><span class="cx"> }
</span><del>-code, kbd, tt, var {
- font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
</del><ins>+
+big {
+ font-size: 125%;
</ins><span class="cx"> }
</span><del>-abbr, acronym {
- border-bottom: 1px dotted #2b2b2b;
- cursor: help;
-}
-mark, ins {
- background: #fff9c0;
- text-decoration: none;
-}
</del><ins>+
</ins><span class="cx"> sup,
</span><span class="cx"> sub {
</span><span class="cx"> font-size: 75%;
</span><span class="lines">@@ -249,164 +275,399 @@
</span><span class="cx"> position: relative;
</span><span class="cx"> vertical-align: baseline;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> sup {
</span><span class="cx"> bottom: 1ex;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> sub {
</span><span class="cx"> top: .5ex;
</span><span class="cx"> }
</span><del>-small {
- font-size: 75%;
</del><ins>+
+dl {
+ margin-bottom: 24px;
</ins><span class="cx"> }
</span><del>-big {
- font-size: 125%;
</del><ins>+
+dt {
+ font-weight: bold;
</ins><span class="cx"> }
</span><ins>+
+dd {
+ margin-bottom: 24px;
+}
+
+ul,
+ol {
+ list-style: none;
+ margin: 0 0 24px 20px;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ list-style: decimal;
+}
+
+li > ul,
+li > ol {
+ margin: 0 0 0 20px;
+}
+
+img {
+ -ms-interpolation-mode: bicubic;
+ border: 0;
+ vertical-align: middle;
+}
+
</ins><span class="cx"> figure {
</span><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><ins>+
+table,
+th,
+td {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
</ins><span class="cx"> table {
</span><del>- margin: 0 0 24px;
</del><ins>+ border-collapse: separate;
+ border-spacing: 0;
+ border-width: 1px 0 0 1px;
+ margin-bottom: 24px;
</ins><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><ins>+
+caption,
+th,
+td {
+ font-weight: normal;
+ text-align: left;
+}
+
</ins><span class="cx"> th {
</span><ins>+ border-width: 0 1px 1px 0;
</ins><span class="cx"> font-weight: bold;
</span><span class="cx"> }
</span><ins>+
+td {
+ border-width: 0 1px 1px 0;
+}
+
+del {
+ color: #767676;
+}
+
+hr {
+ background-color: rgba(0, 0, 0, 0.1);
+ border: 0;
+ height: 1px;
+ margin-bottom: 23px;
+}
+
+::selection {
+ background: #24890d;
+ color: #fff;
+ text-shadow: none;
+}
+
+::-moz-selection {
+ background: #24890d;
+ color: #fff;
+ text-shadow: none;
+}
+
+p {
+ margin-bottom: 24px;
+}
+
</ins><span class="cx"> button,
</span><span class="cx"> input,
</span><span class="cx"> select,
</span><span class="cx"> textarea {
</span><del>- font-size: 100%; /* Corrects font size not being inherited in all browsers */
- margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
</del><ins>+ font-size: 100%;
+ margin: 0;
+ max-width: 100%;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button,
</span><span class="cx"> input {
</span><del>- line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
- *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
</del><ins>+ line-height: normal;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button,
</span><del>-.contributor-posts-link,
</del><ins>+input[type="button"],
+input[type="checkbox"],
+input[type="email"],
+input[type="password"],
+input[type="radio"],
+input[type="reset"],
+input[type="search"],
+input[type="submit"]
+input[type="text"],
+input[type="url"],
+textarea {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+button,
</ins><span class="cx"> html input[type="button"],
</span><span class="cx"> input[type="reset"],
</span><span class="cx"> input[type="submit"] {
</span><ins>+ -webkit-appearance: button;
+ cursor: pointer;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ padding: 0;
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+
+
+/**
+ * 2.0 Repeatable Patterns
+ * -----------------------------------------------------------------------------
+ */
+
+/* Buttons */
+
+button,
+.contributor-posts-link,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
</ins><span class="cx"> background-color: #24890d;
</span><span class="cx"> border: none;
</span><span class="cx"> border-radius: 2px;
</span><span class="cx"> color: #fff;
</span><span class="cx"> font-size: 12px;
</span><span class="cx"> font-weight: 700;
</span><del>- line-height: 1;
- padding: 13px 33px 11px;
</del><ins>+ padding: 11px 30px 10px;
</ins><span class="cx"> text-transform: uppercase;
</span><span class="cx"> vertical-align: top;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button:hover,
</span><ins>+button:focus,
</ins><span class="cx"> .contributor-posts-link:hover,
</span><del>-html input[type="button"]:hover,
</del><ins>+input[type="button"]:hover,
+input[type="button"]:focus,
</ins><span class="cx"> input[type="reset"]:hover,
</span><ins>+input[type="reset"]:focus,
</ins><span class="cx"> input[type="submit"]:hover,
</span><del>-button:focus,
-html input[type="button"]:focus,
-input[type="reset"]:focus,
</del><span class="cx"> input[type="submit"]:focus {
</span><span class="cx"> background-color: #35921f;
</span><span class="cx"> color: #fff;
</span><del>- cursor: pointer;
</del><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button:active,
</span><span class="cx"> .contributor-posts-link:active,
</span><del>-html input[type="button"]:active,
</del><ins>+input[type="button"]:active,
</ins><span class="cx"> input[type="reset"]:active,
</span><span class="cx"> input[type="submit"]:active {
</span><span class="cx"> background-color: #5ff23d;
</span><span class="cx"> }
</span><del>-input[type="checkbox"],
-input[type="radio"] {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0; /* Addresses excess padding in IE8/9 */
-}
-input[type="search"] {
- -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
-}
-input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
- -webkit-appearance: none;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
- border: 0;
- padding: 0;
-}
</del><ins>+
+/* Input Fields */
+
+input[type="email"],
+input[type="password"],
+input[type="search"],
</ins><span class="cx"> input[type="text"],
</span><del>-input[type="email"],
</del><span class="cx"> input[type="url"],
</span><del>-input[type="search"],
-input[type="password"],
</del><span class="cx"> textarea {
</span><span class="cx"> border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx"> border-radius: 2px;
</span><del>- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
</del><span class="cx"> color: #2b2b2b;
</span><ins>+ padding: 8px 10px 7px;
</ins><span class="cx"> }
</span><ins>+
+input[type="email"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
</ins><span class="cx"> input[type="text"]:focus,
</span><del>-input[type="email"]:focus,
</del><span class="cx"> input[type="url"]:focus,
</span><del>-input[type="search"]:focus,
-input[type="password"]:focus,
</del><span class="cx"> textarea:focus {
</span><span class="cx"> color: #2b2b2b;
</span><span class="cx"> }
</span><del>-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="password"] {
- padding: 8px 10px;
-}
</del><ins>+
</ins><span class="cx"> textarea {
</span><del>- overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
</del><span class="cx"> padding: 8px 10px;
</span><del>- vertical-align: top; /* Improves readability and alignment in all browsers */
</del><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-field {
</span><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Links */
-a {
- color: #24890d;
- text-decoration: none;
</del><ins>+.search-submit {
+ display: none;
</ins><span class="cx"> }
</span><del>-a:hover,
-a:focus,
-a:active {
- color: #5FF23D;
</del><ins>+
+/* Responsive images. Fluid images for posts, comments, and widgets */
+
+.entry-content img,
+.entry-summary img,
+.comment-content img,
+#site-header img,
+.widget img,
+.wp-caption {
+ max-width: 100%;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+/**
+ * Make sure images with WordPress-added height and width attributes are
+ * scaled correctly.
+ */
+
+.entry-content img,
+.entry-summary img,
+.comment-content img[height],
+img[class*="align"],
+img[class*="wp-image-"],
+img[class*="attachment-"],
+#site-header img {
+ height: auto;
+}
+
+img.size-full,
+img.size-large,
+img.wp-post-image {
+ height: auto;
+ max-width: 100%;
+}
+
+.attachment-featured-featured img,
+.attachment-featured-thumbnail img {
+ height: auto;
+ max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers */
+
+embed,
+iframe,
+object,
+video {
+ margin-bottom: 24px;
+ max-width: 100%;
+}
+
+p > embed,
+p > iframe,
+p > object,
+span > embed,
+span > iframe,
+span > object {
+ margin-bottom: 0;
+}
+
</ins><span class="cx"> /* Alignment */
</span><ins>+
</ins><span class="cx"> .alignleft {
</span><span class="cx"> display: inline;
</span><span class="cx"> float: left;
</span><span class="cx"> margin-right: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .alignright {
</span><span class="cx"> display: inline;
</span><span class="cx"> float: right;
</span><span class="cx"> margin-left: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .aligncenter {
</span><span class="cx"> clear: both;
</span><span class="cx"> display: block;
</span><span class="cx"> margin: 0 auto;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+blockquote.alignleft,
+img.alignleft,
+.wp-caption.alignleft {
+ margin: 7px 24px 7px 0;
+}
+
+blockquote.alignright,
+img.alignright,
+.wp-caption.alignright {
+ margin: 7px 0 7px 24px;
+}
+
+blockquote.aligncenter,
+img.aligncenter,
+.wp-caption.aligncenter {
+ margin-top: 7px;
+ margin-bottom: 7px;
+}
+
+.site-content blockquote.alignleft,
+.site-content blockquote.alignright {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ padding-top: 17px;
+ width: 50%;
+}
+
+.site-content blockquote.alignleft p,
+.site-content blockquote.alignright p {
+ margin-bottom: 17px;
+}
+
+.wp-caption {
+ margin-bottom: 24px;
+}
+
+.wp-caption img[class*="wp-image-"] {
+ display: block;
+ margin: 0;
+}
+
+.wp-caption {
+ color: #767676;
+}
+
+.wp-caption-text {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ font-size: 12px;
+ font-style: italic;
+ line-height: 1.5;
+ margin: 9px 0;
+}
+
+img.wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+
</ins><span class="cx"> /* Assistive text */
</span><ins>+
</ins><span class="cx"> .screen-reader-text {
</span><span class="cx"> clip: rect(1px, 1px, 1px, 1px);
</span><span class="cx"> position: absolute !important;
</span><span class="lines">@@ -433,41 +694,45 @@
</span><span class="cx"> z-index: 100000; /* Above WP toolbar */
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Hidden */
</del><span class="cx"> .hide {
</span><span class="cx"> display: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Clearing */
</del><ins>+/* Clearing floats */
+
</ins><span class="cx"> .clear:before,
</span><span class="cx"> .clear:after,
</span><ins>+.footer-sidebar:before,
+.footer-sidebar:after,
</ins><span class="cx"> .hentry:before,
</span><span class="cx"> .hentry:after,
</span><del>-.footer-sidebar:before,
-.footer-sidebar:after,
</del><span class="cx"> [class*="content"]:before,
</span><span class="cx"> [class*="content"]:after,
</span><span class="cx"> [class*="site"]:before,
</span><span class="cx"> [class*="site"]:after {
</span><del>- content: '';
</del><ins>+ content: "";
</ins><span class="cx"> display: table;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .clear:after,
</span><ins>+.footer-sidebar:after,
</ins><span class="cx"> .hentry:after,
</span><del>-.footer-sidebar:after,
</del><span class="cx"> [class*="content"]:after,
</span><span class="cx"> [class*="site"]:after {
</span><span class="cx"> clear: both;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* Genericons */
</span><ins>+
+.comment-edit-link:before,
+.comment-reply-link:before,
+.comment-reply-login:before,
+.contributor-posts-link:before,
</ins><span class="cx"> .search-toggle:before,
</span><del>-.contributor-posts-link:before,
</del><span class="cx"> .widget_twentyfourteen_ephemera .widget-title:before {
</span><span class="cx"> -webkit-font-smoothing: antialiased;
</span><span class="cx"> display: inline-block;
</span><del>- font-family: 'Genericons';
</del><ins>+ font-family: Genericons;
</ins><span class="cx"> font-size: 16px;
</span><span class="cx"> font-style: normal;
</span><span class="cx"> font-weight: normal;
</span><span class="lines">@@ -476,26 +741,41 @@
</span><span class="cx"> vertical-align: top;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/* Separator */
</ins><span class="cx">
</span><del>-/* =Basic Structure
------------------------------------------------ */
</del><ins>+.site-content span + .entry-date:before,
+.full-size-link:before,
+.parent-post-link:before,
+span + .byline:before,
+span + .comments-link:before,
+span + .edit-link:before,
+.widget_twentyfourteen_ephemera .entry-title:after {
+ content: "\0020\007c\0020";
+}
</ins><span class="cx">
</span><del>-body {
- background-color: #f5f5f5;
-}
</del><ins>+
+/**
+ * 3.0 Basic Structure
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .site {
</span><span class="cx"> background-color: #fff;
</span><span class="cx"> max-width: 1260px;
</span><span class="cx"> position: relative;
</span><span class="cx"> }
</span><del>-.content-area {
- padding-top: 24px;
-}
</del><span class="cx">
</span><span class="cx">
</span><del>-/* =Header
------------------------------------------------ */
</del><ins>+/**
+ * 4.0 Header
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><ins>+#site-header {
+ position: relative;
+ z-index: 3;
+}
+
</ins><span class="cx"> .site-header {
</span><span class="cx"> background-color: #000;
</span><span class="cx"> max-width: 1260px;
</span><span class="lines">@@ -504,31 +784,17 @@
</span><span class="cx"> z-index: 3;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Fixed Header */
-.site-header.masthead-fixed {
- box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
- position: fixed;
- top: 0;
-}
-.admin-bar .site-header.masthead-fixed {
- top: 28px;
-}
-.admin-bar.mp6 .site-header.masthead-fixed {
- top: 32px;
-}
-#site-header {
- position: relative;
- z-index: 3;
-}
</del><span class="cx"> .header-main {
</span><span class="cx"> margin-right: 48px;
</span><span class="cx"> min-height: 48px;
</span><span class="cx"> padding-left: 10px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .header-extra {
</span><span class="cx"> background-color: #24890d;
</span><span class="cx"> float: right;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-title {
</span><span class="cx"> display: inline-block;
</span><span class="cx"> float: left;
</span><span class="lines">@@ -537,30 +803,20 @@
</span><span class="cx"> line-height: 48px;
</span><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-title a {
</span><span class="cx"> color: #fff;
</span><span class="cx"> }
</span><del>-#nav-toggle {
- background-color: #000;
- line-height: 1;
- padding: 16px;
- position: absolute;
- top:0;
- right: 0;
-}
-#nav-toggle:before {
- color: #fff;
- content: '\F419';
-}
-#nav-toggle:hover {
- cursor: pointer;
-}
</del><ins>+
+/* Search in the header */
+
</ins><span class="cx"> .search-toggle {
</span><span class="cx"> background-color: #24890d;
</span><span class="cx"> -webkit-box-sizing: border-box;
</span><span class="cx"> -moz-box-sizing: border-box;
</span><span class="cx"> box-sizing: border-box;
</span><span class="cx"> color: #fff;
</span><ins>+ cursor: pointer;
</ins><span class="cx"> display: block;
</span><span class="cx"> float: left;
</span><span class="cx"> font-size: 10px;
</span><span class="lines">@@ -571,25 +827,26 @@
</span><span class="cx"> text-align: center;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.search-toggle a,
-.search-toggle a:hover {
- color: #fff;
-}
</del><ins>+
</ins><span class="cx"> .search-toggle:hover,
</span><span class="cx"> .search-toggle.active {
</span><span class="cx"> background-color: #35921f;
</span><span class="cx"> }
</span><del>-.search-toggle:hover {
- cursor: pointer;
-}
</del><ins>+
</ins><span class="cx"> .search-toggle:before {
</span><span class="cx"> color: #fff;
</span><del>- content: '\f400';
</del><ins>+ content: "\f400";
</ins><span class="cx"> margin-left: -8px;
</span><span class="cx"> position: absolute;
</span><del>- top: 9px;
- left: 50%;
</del><ins>+ top: 9px;
+ left: 50%;
</ins><span class="cx"> }
</span><ins>+
+.search-toggle a,
+.search-toggle a:hover {
+ color: #fff;
+}
+
</ins><span class="cx"> .search-box-wrapper {
</span><span class="cx"> -webkit-box-sizing: border-box;
</span><span class="cx"> -moz-box-sizing: border-box;
</span><span class="lines">@@ -598,9 +855,11 @@
</span><span class="cx"> width: 100%;
</span><span class="cx"> z-index: 2;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-box {
</span><span class="cx"> background-color: #35921f;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-box .search-field {
</span><span class="cx"> background-color: #fff;
</span><span class="cx"> float: right;
</span><span class="lines">@@ -610,25 +869,57 @@
</span><span class="cx"> width: 326px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/* Fixed Header */
</ins><span class="cx">
</span><del>-/* =Menu
------------------------------------------------ */
</del><ins>+.site-header.masthead-fixed {
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
+ position: fixed;
+ top: 0;
+}
</ins><span class="cx">
</span><ins>+.admin-bar .site-header.masthead-fixed {
+ top: 28px;
+}
+
+.admin-bar.mp6 .site-header.masthead-fixed {
+ top: 32px;
+}
+
+
+/**
+ * 5.0 Navigations
+ * -----------------------------------------------------------------------------
+ */
+
+.site-navigation a {
+ color: #fff;
+ text-transform: uppercase;
+}
+
+.site-navigation .current_page_item > a,
+.site-navigation .current-menu-item > a {
+ color: #5ff23d;
+}
+
+.site-navigation ul {
+ list-style: none;
+}
+
</ins><span class="cx"> /* Primary Navigation */
</span><ins>+
</ins><span class="cx"> .primary-navigation {
</span><span class="cx"> display: none;
</span><span class="cx"> float: right;
</span><span class="cx"> font-size: 11px;
</span><del>- font-weight: 700;
</del><span class="cx"> line-height: 1.6363636363;
</span><span class="cx"> margin: 0 10px 0 -10px;
</span><del>- text-transform: uppercase;
</del><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul {
</span><del>- list-style: none;
</del><span class="cx"> margin: 0;
</span><span class="cx"> padding-left: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation li {
</span><span class="cx"> -webkit-box-sizing: border-box;
</span><span class="cx"> -moz-box-sizing: border-box;
</span><span class="lines">@@ -638,142 +929,185 @@
</span><span class="cx"> line-height: 48px;
</span><span class="cx"> position: relative;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation a {
</span><del>- color: #fff;
</del><span class="cx"> display: inline-block;
</span><span class="cx"> padding: 0 10px;
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul {
</span><span class="cx"> background-color: #24890d;
</span><span class="cx"> float: left;
</span><span class="cx"> position: absolute;
</span><del>- top: 48px;
- left: -999em;
</del><ins>+ top: 48px;
+ left: -999em;
</ins><span class="cx"> z-index: 99999;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation li li {
</span><span class="cx"> display: block;
</span><span class="cx"> height: auto;
</span><span class="cx"> line-height: 1.6363636363;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul ul {
</span><span class="cx"> left: -999em;
</span><span class="cx"> top: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul a {
</span><span class="cx"> padding: 9px 12px;
</span><span class="cx"> white-space: normal;
</span><span class="cx"> width: 148px;
</span><span class="cx"> }
</span><del>-.primary-navigation ul ul li {
-}
</del><ins>+
</ins><span class="cx"> .primary-navigation li:hover > a {
</span><span class="cx"> background-color: #24890d;
</span><span class="cx"> color: #fff;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul a:hover {
</span><span class="cx"> background-color: #000;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul li:hover > ul,
</span><span class="cx"> .primary-navigation ul li.focus > ul {
</span><span class="cx"> left: auto;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul li:hover > ul,
</span><span class="cx"> .primary-navigation ul ul li.focus > ul {
</span><span class="cx"> left: 100%;
</span><span class="cx"> }
</span><del>-.primary-navigation .current_page_item > a,
-.primary-navigation .current-menu-item > a {
- color: #5ff23d;
-}
</del><span class="cx">
</span><span class="cx"> /* Secondary Navigation */
</span><ins>+
</ins><span class="cx"> .secondary-navigation {
</span><span class="cx"> border-bottom: 1px solid rgba(255, 255, 255, 0.4);
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> margin: 0 auto 48px;
</span><span class="cx"> max-width: 474px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation a {
</span><del>- color: #fff;
</del><span class="cx"> display: block;
</span><del>- font-weight: 700;
- padding: 7px 0 7px;
- text-transform: uppercase;
</del><ins>+ padding: 7px 0;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation a:hover {
</span><del>- color: #5FF23D;
</del><ins>+ color: #5ff23d;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul {
</span><del>- list-style: none;
</del><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul ul {
</span><del>- margin: 0 0 0 20px;
</del><ins>+ margin-left: 20px;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation li {
</span><span class="cx"> border-top: 1px solid rgba(255, 255, 255, 0.4);
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation li li {
</span><span class="cx"> border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> }
</span><del>-#secondary .current_page_item > a,
-#secondary .current-menu-item > a {
- color: #5FF23D;
-}
</del><span class="cx">
</span><span class="cx"> /* Mobile Navigations */
</span><ins>+
</ins><span class="cx"> #mobile-navigations {
</span><span class="cx"> margin: 1px auto 0;
</span><span class="cx"> max-width: 474px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation {
</span><span class="cx"> background-color: #000;
</span><span class="cx"> -webkit-box-sizing: border-box;
</span><span class="cx"> -moz-box-sizing: border-box;
</span><span class="cx"> box-sizing: border-box;
</span><span class="cx"> font-size: 14px;
</span><del>- font-weight: 700;
</del><span class="cx"> padding: 24px 10px 0;
</span><del>- text-transform: uppercase;
</del><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation ul {
</span><del>- list-style: none;
</del><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation li {
</span><span class="cx"> border-top: 1px solid rgba(255, 255, 255, 0.4);
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation li li {
</span><span class="cx"> border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation ul ul li {
</span><span class="cx"> margin-left: 15px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation a {
</span><del>- color: rgba(255, 255, 255, 1);
</del><span class="cx"> display: block;
</span><del>- padding: 7px 0 7px;
</del><ins>+ padding: 7px 0;
</ins><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation a:hover {
</span><span class="cx"> color: rgba(255, 255, 255, 0.7);
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#nav-toggle {
+ background-color: #000;
+ cursor: pointer;
+ line-height: 1;
+ padding: 16px;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
</ins><span class="cx">
</span><del>-/* =Content
------------------------------------------------ */
</del><ins>+#nav-toggle:before {
+ color: #fff;
+ content: "\f419";
+}
</ins><span class="cx">
</span><del>-.sticky .entry-date {
- display: none;
</del><ins>+
+/**
+ * 6.0 Content
+ * -----------------------------------------------------------------------------
+ */
+
+.content-area {
+ padding-top: 24px;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .hentry {
</span><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> max-width: 672px;
</span><span class="cx"> }
</span><del>-.attachment-featured-thumbnail {
</del><ins>+
+.full-width .hentry {
+ max-width: 100%;
+}
+
+.site-content .entry-header,
+.site-content .entry-content,
+.site-content .entry-summary,
+.site-content .entry-meta,
+.page-content {
+ margin: 0 auto;
+ max-width: 474px;
+}
+
+
+/**
+ * 6.1 Post Thumbnail
+ * -----------------------------------------------------------------------------
+ */
+
+ .attachment-featured-thumbnail {
</ins><span class="cx"> background: #767676;
</span><span class="cx"> background-attachment: fixed;
</span><span class="cx"> background-image: -webkit-linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%);
</span><span class="lines">@@ -788,10 +1122,7 @@
</span><span class="cx"> height: auto;
</span><span class="cx"> z-index: 0;
</span><span class="cx"> }
</span><del>-.has-featured-image .attachment-featured-thumbnail,
-.format-standard .attachment-featured-thumbnail {
- display: block;
-}
</del><ins>+
</ins><span class="cx"> .attachment-featured-thumbnail:hover {
</span><span class="cx"> background: #919191;
</span><span class="cx"> background-attachment: fixed;
</span><span class="lines">@@ -799,14 +1130,42 @@
</span><span class="cx"> background-image: linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%);
</span><span class="cx"> background-size: 4px 4px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .attachment-featured-thumbnail img {
</span><span class="cx"> display: block;
</span><span class="cx"> margin: 0 auto;
</span><span class="cx"> }
</span><ins>+
+.has-featured-image .attachment-featured-thumbnail,
+.format-standard .attachment-featured-thumbnail {
+ display: block;
+}
+
+
+/**
+ * 6.2 Entry Header
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .entry-header {
</span><span class="cx"> position: relative;
</span><span class="cx"> z-index: 1;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-header {
+ background-color: #fff;
+ padding: 0 10px 12px;
+}
+
+.site-content .has-featured-image .entry-header,
+.site-content .format-standard .entry-header {
+ padding-top: 24px;
+}
+
+.site-content .format-standard.post-password-required .entry-header {
+ padding-top: 0;
+}
+
</ins><span class="cx"> .entry-title {
</span><span class="cx"> clear: none;
</span><span class="cx"> font-size: 15px;
</span><span class="lines">@@ -814,12 +1173,30 @@
</span><span class="cx"> line-height: 18px;
</span><span class="cx"> margin: 0 0 6px 0;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-title {
+ font-size: 33px;
+ font-weight: 300;
+ line-height: 1.0909090909;
+ margin-bottom: 12px;
+ text-transform: uppercase;
+}
+
</ins><span class="cx"> .entry-title a {
</span><span class="cx"> color: #2b2b2b;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-title a:hover {
</span><span class="cx"> color: #24890d;
</span><span class="cx"> }
</span><ins>+
+
+
+/**
+ * 6.3 Entry Meta
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .entry-meta {
</span><span class="cx"> clear: both;
</span><span class="cx"> color: #767676;
</span><span class="lines">@@ -827,599 +1204,446 @@
</span><span class="cx"> font-weight: 400;
</span><span class="cx"> line-height: 1.3333333333;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-meta {
+ background-color: #fff;
+ margin-bottom: 8px;
+ text-transform: uppercase;
+}
+
</ins><span class="cx"> .entry-meta a {
</span><span class="cx"> color: #767676;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-meta a:hover {
</span><span class="cx"> color: #2b2b2b;
</span><span class="cx"> }
</span><ins>+
+.sticky .entry-date {
+ display: none;
+}
+
</ins><span class="cx"> .cat-links {
</span><span class="cx"> font-weight: 900;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .cat-links a {
</span><span class="cx"> color: #2b2b2b;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .cat-links a:hover {
</span><span class="cx"> color: #24890d;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .byline {
</span><span class="cx"> display: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .single .byline,
</span><span class="cx"> .group-blog .byline {
</span><span class="cx"> display: inline;
</span><span class="cx"> }
</span><del>-.widget_twentyfourteen_ephemera .entry-title:after,
-.content-area span + .entry-date:before,
-span + .byline:before,
-span + .comments-link:before,
-span + .edit-link:before,
-.full-size-link:before,
-.parent-post-link:before {
- content: '\0020\007c\0020';
</del><ins>+
+.site-content footer.entry-meta {
+ margin: 12px auto 36px;
+ padding: 0 10px;
</ins><span class="cx"> }
</span><ins>+
+
+/* Tag links style */
+
+.tag-links a {
+ background-color: #767676;
+ border-radius: 0 2px 2px 0;
+ color: #fff;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: 700;
+ line-height: 1.2727272727;
+ margin: 0 4px 4px 10px;
+ padding: 3px 7px;
+ position: relative;
+ text-transform: uppercase;
+}
+
+.tag-links a:hover,
+.tag-links a:focus {
+ background-color: #2b2b2b;
+ color: #fff;
+ text-decoration: none;
+}
+
+.tag-links a:before {
+ border-top: 10px solid transparent;
+ border-right: 8px solid #767676;
+ border-bottom: 10px solid transparent;
+ content: "";
+ position: absolute;
+ top: 0;
+ left: -8px;
+ width: 0;
+ height: 0;
+}
+
+.tag-links a:hover:before,
+.tag-links a:focus:before {
+ border-right-color: #2b2b2b;
+}
+
+.tag-links a:after {
+ background-color: #fff;
+ border-radius: 50%;
+ content: "";
+ position: absolute;
+ top: 8px;
+ left: -2px;
+ width: 4px;
+ height: 4px;
+}
+
+@-moz-document url-prefix() { /* For Firefox to avoid jagged edge */
+ .tag-links a:before {
+ border-right: 10px solid #767676;
+ left: -10px;
+ }
+}
+
+
+/**
+ * 6.3 Entry Content
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .entry-content,
</span><span class="cx"> .page-content,
</span><span class="cx"> .entry-summary {
</span><span class="cx"> position: relative;
</span><span class="cx"> z-index: 2;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-content,
+.site-content .entry-summary,
+.page-content {
+ background-color: #fff;
+ padding: 12px 10px 0;
+}
+
+.page .entry-content {
+ padding-top: 0;
+}
+
</ins><span class="cx"> .entry-content a,
</span><span class="cx"> .page-content a,
</span><span class="cx"> .entry-summary a,
</span><span class="cx"> .comment-content a {
</span><span class="cx"> text-decoration: underline;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-content table,
</span><span class="cx"> .comment-content table {
</span><del>- border: 1px solid rgba(0, 0, 0, 0.1);
- border-width: 1px 0 1px 1px;
</del><span class="cx"> font-size: 14px;
</span><span class="cx"> line-height: 1.2857142857;
</span><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-content th,
</span><span class="cx"> .comment-content th {
</span><del>- border-right: 1px solid rgba(0, 0, 0, 0.1);
</del><span class="cx"> font-weight: 700;
</span><span class="cx"> padding: 8px;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-content td,
</span><span class="cx"> .comment-content td {
</span><del>- border-top: 1px solid rgba(0, 0, 0, 0.1);
- border-right: 1px solid rgba(0, 0, 0, 0.1);
</del><span class="cx"> padding: 8px;
</span><span class="cx"> }
</span><del>-.site-content blockquote.alignleft,
-.site-content blockquote.alignright {
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- padding-top: 17px;
- width: 50%;
</del><ins>+
+.entry-content .edit-link {
+ clear: both;
+ display: block;
</ins><span class="cx"> }
</span><del>-.site-content blockquote.alignleft p,
-.site-content blockquote.alignright p {
- margin-bottom: 17px;
</del><ins>+
+/* Mediaelements */
+
+.hentry .mejs-container {
+ margin: 12px 0 18px;
</ins><span class="cx"> }
</span><del>-.entry-content .video-player,
-.entry-content .PDS_Poll {
- margin-bottom: 24px;
</del><ins>+
+.hentry .mejs-mediaelement,
+.hentry .mejs-container .mejs-controls {
+ background: #000;
</ins><span class="cx"> }
</span><del>-footer.entry-meta {
- margin-bottom: 36px;
</del><ins>+
+.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+ background: #fff;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-/* .content-area specific styles */
-.content-area .entry-header,
-.content-area .entry-content,
-.content-area .entry-summary,
-.content-area .entry-meta,
-.page-content {
- margin: 0 auto;
- max-width: 474px;
</del><ins>+.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
+ background: #24890d;
</ins><span class="cx"> }
</span><del>-.content-area .entry-header {
- background-color: #fff;
- padding: 0 10px 12px;
</del><ins>+
+.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
+ background: #595959;
</ins><span class="cx"> }
</span><del>-.content-area .has-featured-image .entry-header,
-.content-area .format-standard .entry-header {
- padding-top: 24px;
</del><ins>+
+.hentry .mejs-container .mejs-controls .mejs-time {
+ padding-top: 9px;
</ins><span class="cx"> }
</span><del>-.content-area .format-standard.post-password-required .entry-header {
- padding-top: 0;
</del><ins>+
+.hentry .mejs-controls .mejs-time-rail span,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+ border-radius: 0;
</ins><span class="cx"> }
</span><del>-.content-area .entry-title {
- font-size: 33px;
- font-weight: 300;
- line-height: 1.0909090909;
- margin-bottom: 12px;
- text-transform: uppercase;
</del><ins>+
+.hentry .mejs-overlay-loading {
+ background: transparent;
</ins><span class="cx"> }
</span><del>-.content-area .entry-meta {
- background-color: #fff;
- margin-bottom: 8px;
- text-transform: uppercase;
-}
-.content-area .entry-content,
-.content-area .entry-summary,
-.page-content {
- background-color: #fff;
- padding: 12px 10px 0;
-}
-.content-area footer.entry-meta {
- margin-top: 12px;
- padding: 0 10px;
-}
-.content-area footer.entry-meta {
- margin-bottom: 24px;
-}
-.content-area footer.entry-meta .entry-title {
- font-size: 12px;
- font-weight: 400;
- line-height: 1.3333333333;
- margin-bottom: 8px;
- text-transform: none;
-}
-footer.entry-meta .entry-title a {
- color: #767676;
-}
-footer.entry-meta .entry-title a:hover {
- color: #2b2b2b;
-}
-.format-aside .entry-content,
-.format-aside .entry-summary,
-.format-quote .entry-content,
-.format-quote .entry-summary,
-.format-link .entry-content,
-.format-link.entry-summary {
- padding-top: 0;
-}
-/* Page specific styles */
-.page .entry-content,
-.error404 .page-header,
-.error404 .page-content,
-.attachment .entry-content {
- padding-top: 0;
-}
-.attachment footer.entry-meta {
- text-transform: none;
-}
-.more-link,
-.post-format-archive-link {
- font-size: 14px;
- text-transform: uppercase;
- white-space: pre;
-}
-.more-link:hover,
-.post-format-archive-link:hover {
- text-decoration: none;
-}
-.more-link .meta-nav,
-.post-format-archive-link .meta-nav {
- position: relative;
- left: 0;
-}
-.more-link:hover .meta-nav,
-.post-format-archive-link:hover .meta-nav {
- left: 5px;
-}
</del><ins>+
+/* Page links */
+
</ins><span class="cx"> .page-links {
</span><span class="cx"> clear: both;
</span><span class="cx"> font-size: 12px;
</span><span class="cx"> font-weight: 900;
</span><span class="cx"> line-height: 2;
</span><del>- margin: 0 0 24px;
</del><ins>+ margin-bottom: 24px;
</ins><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links a,
</span><span class="cx"> .page-links > span {
</span><span class="cx"> background: #fff;
</span><span class="cx"> border: 1px solid #fff;
</span><del>- border-radius: 2px;
</del><span class="cx"> display: inline-block;
</span><span class="cx"> margin: 0 1px 2px 0;
</span><span class="cx"> text-align: center;
</span><span class="cx"> width: 22px;
</span><span class="cx"> height: 22px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links a {
</span><span class="cx"> background: #000;
</span><span class="cx"> border: 1px solid #000;
</span><span class="cx"> color: #fff;
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links a:hover {
</span><span class="cx"> background: #24890d;
</span><span class="cx"> border: 1px solid #24890d;
</span><span class="cx"> color: #fff;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links > span.page-links-title {
</span><span class="cx"> margin: 0;
</span><span class="cx"> padding-right: 9px;
</span><span class="cx"> width: auto;
</span><span class="cx"> height: auto;
</span><span class="cx"> }
</span><del>-.tag-links a {
- background-color: #767676;
- border-radius: 0 2px 2px 0;
- color: #fff;
- display: inline-block;
- font-size: 11px;
- font-weight: 700;
- line-height: 1.2727272727;
- margin: 0 4px 4px 10px;
- padding: 3px 7px;
- position: relative;
</del><ins>+
+/* More link */
+
+.more-link,
+.post-format-archive-link {
+ font-size: 14px;
</ins><span class="cx"> text-transform: uppercase;
</span><ins>+ white-space: pre;
</ins><span class="cx"> }
</span><del>-.tag-links a:hover,
-.tag-links a:focus {
- background-color: #2b2b2b;
- color: #fff;
</del><ins>+
+.more-link:hover,
+.post-format-archive-link:hover {
</ins><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><del>-.tag-links a:before {
- border-top: 10px solid transparent;
- border-right: 8px solid #767676;
- border-bottom: 10px solid transparent;
- content: '';
- position: absolute;
- top: 0;
- left: -8px;
- width: 0;
- height: 0;
</del><ins>+
+.more-link .meta-nav,
+.post-format-archive-link .meta-nav {
+ position: relative;
+ left: 0;
</ins><span class="cx"> }
</span><del>-/* For Firefox to avoid jagged edge */
-@-moz-document url-prefix() {
- .tag-links a:before {
- border-right: 10px solid #767676;
- left: -10px;
- }
</del><ins>+
+.more-link:hover .meta-nav,
+.post-format-archive-link:hover .meta-nav {
+ left: 5px;
</ins><span class="cx"> }
</span><del>-.tag-links a:hover:before,
-.tag-links a:focus:before {
- border-right-color: #2b2b2b;
-}
-.tag-links a:after {
- background-color: #fff;
- border-radius: 50%;
- content: '';
- position: absolute;
- top: 8px;
- left: -2px;
- width: 4px;
- height: 4px;
-}
-.archive-header,
-.page-header {
- margin: 0 auto 12px;
- max-width: 474px;
-}
-.archive-title,
-.page-title {
- font-size: 16px;
- font-weight: 900;
- line-height: 1.5;
- margin: 0 0 24px;
-}
-.taxonomy-description {
- color: #767676;
- font-size: 12px;
- line-height: 1.5;
- margin-bottom: 18px;
-}
-.taxonomy-description p:last-child {
- margin: 0;
-}
-.entry-content .edit-link {
- clear: both;
- display: block;
-}
</del><span class="cx">
</span><span class="cx">
</span><del>-/* =Front Page
------------------------------------------------ */
</del><ins>+/**
+ * 6.4 Gallery
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><del>-.front-page-content-wrapper {
- width: 100%;
</del><ins>+.gallery {
+ margin-bottom: 20px;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+.gallery-item {
+ float: left;
+ margin: 0 4px 4px 0;
+ overflow: hidden;
+ position: relative;
+}
</ins><span class="cx">
</span><del>-/* =404 Page
------------------------------------------------ */
-
-.error404 .page-content .search-form {
- margin-bottom: 36px;
</del><ins>+.gallery-columns-1.gallery-size-medium,
+.gallery-columns-1.gallery-size-thumbnail,
+.gallery-columns-2.gallery-size-thumbnail,
+.gallery-columns-3.gallery-size-thumbnail {
+ display: table;
+ margin: 0 auto 20px;
</ins><span class="cx"> }
</span><del>-.error404 .page-content .widget-title {
- border-top: 5px solid #000;
- color: #2b2b2b;
- padding-top: 7px;
-}
</del><span class="cx">
</span><del>-
-/* =Full-width Layout
------------------------------------------------ */
-
-.full-width .hentry {
</del><ins>+.gallery-columns-1 .gallery-item {
</ins><span class="cx"> max-width: 100%;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.gallery-columns-2 .gallery-item {
+ max-width: 48%;
+ max-width: -webkit-calc(50% - 4px);
+ max-width: calc(50% - 4px);
+}
</ins><span class="cx">
</span><del>-/* =Featured Content
------------------------------------------------ */
</del><ins>+.gallery-columns-3 .gallery-item {
+ max-width: 32%;
+ max-width: -webkit-calc(33.3% - 4px);
+ max-width: calc(33.3% - 4px);
+}
</ins><span class="cx">
</span><del>-.featured-content {
- background: #000;
- background-attachment: fixed;
- background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
- background-image: linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
- background-size: 4px 4px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width: 100%;
</del><ins>+.gallery-columns-4 .gallery-item {
+ max-width: 23%;
+ max-width: -webkit-calc(25% - 4px);
+ max-width: calc(25% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content .hentry {
- color: #fff;
- margin: 0;
- width: 100%;
</del><ins>+
+.gallery-columns-5 .gallery-item {
+ max-width: 19%;
+ max-width: -webkit-calc(20% - 4px);
+ max-width: calc(20% - 4px);
</ins><span class="cx"> }
</span><del>-.attachment-featured-featured {
- background-color: #2b2b2b;
- display: block;
- min-height: 168px;
</del><ins>+
+.gallery-columns-6 .gallery-item {
+ max-width: 15%;
+ max-width: -webkit-calc(16.7% - 4px);
+ max-width: calc(16.7% - 4px);
</ins><span class="cx"> }
</span><del>-.attachment-featured-featured:hover img {
- opacity: 0.85;
</del><ins>+
+.gallery-columns-7 .gallery-item {
+ max-width: 13%;
+ max-width: -webkit-calc(14.28% - 4px);
+ max-width: calc(14.28% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content .entry-wrap {
- background-color: #000;
- overflow: hidden;
- padding: 12px 10px;
</del><ins>+
+.gallery-columns-8 .gallery-item {
+ max-width: 11%;
+ max-width: -webkit-calc(12.5% - 4px);
+ max-width: calc(12.5% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content a {
- color: #fff;
</del><ins>+
+.gallery-columns-9 .gallery-item {
+ max-width: 9%;
+ max-width: -webkit-calc(11.1% - 4px);
+ max-width: calc(11.1% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content a:hover {
- color: #5FF23d;
</del><ins>+
+.gallery-columns-1 .gallery-item:nth-of-type(1n),
+.gallery-columns-2 .gallery-item:nth-of-type(2n),
+.gallery-columns-3 .gallery-item:nth-of-type(3n),
+.gallery-columns-4 .gallery-item:nth-of-type(4n),
+.gallery-columns-5 .gallery-item:nth-of-type(5n),
+.gallery-columns-6 .gallery-item:nth-of-type(6n),
+.gallery-columns-7 .gallery-item:nth-of-type(7n),
+.gallery-columns-8 .gallery-item:nth-of-type(8n),
+.gallery-columns-9 .gallery-item:nth-of-type(9n) {
+ margin-right: 0;
</ins><span class="cx"> }
</span><del>-.featured-content .entry-meta {
- font-size: 11px;
- font-weight: 700;
- line-height: 1.0909090909;
-}
-.featured-content .cat-links {
- font-weight: 700;
-}
-.featured-content .entry-title {
- font-size: 18px;
- font-weight: 300;
- line-height: 1.3333333333;
- margin-bottom: 0;
- overflow: hidden;
- text-overflow: ellipsis;
- text-transform: uppercase;
- white-space: nowrap;
-}
-.featured-content .entry-summary {
- background-color: transparent;
- color: rgba(255, 255, 255, 0.75);
- font-size: 11px;
- line-height: 1.6363636363;
- padding: 9px 0 12px;
-}
-.featured-content .more-link {
- color: #5FF23d;
- font-size: 11px;
-}
</del><span class="cx">
</span><del>-
-/* =Media
------------------------------------------------ */
-
-img {
- max-width: 100%;
- height: auto;
-}
-.attachment-featured-featured img,
-.attachment-featured-thumbnail img {
- height: auto;
- max-width: 100%;
-}
-img.alignleft,
-.wp-caption.alignleft,
-blockquote.alignleft {
- margin: 7px 24px 7px 0;
-}
-img.alignright,
-.wp-caption.alignright,
-blockquote.alignright {
- margin: 7px 0 7px 24px;
-}
-img.aligncenter,
-.wp-caption.aligncenter {
- margin-top: 7px;
- margin-bottom: 7px;
-}
-.wp-smiley {
- border: none;
- margin-bottom: 0;
- margin-top: 0;
- padding: 0;
-}
-.wp-caption {
- margin-bottom: 24px;
- max-width: 100%;
-}
-.wp-caption img[class*="wp-image-"] {
- display: block;
- height: auto;
</del><ins>+.gallery-caption {
+ background-color: rgba(0, 0, 0, 0.7);
+ box-sizing: border-box;
+ color: #fff;
+ font-size: 12px;
+ line-height: 1.5;
</ins><span class="cx"> margin: 0;
</span><del>- max-width: 100%;
-}
-.wp-caption-text {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- font-size: 12px;
- font-style: italic;
- line-height: 1.6666666666;
- margin: 4px 0;
- padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
</del><ins>+ max-height: 50%;
+ opacity: 0;
+ padding: 6px 8px;
+ position: absolute;
+ bottom: 0;
+ left: 0;
</ins><span class="cx"> text-align: left;
</span><ins>+ width: 100%;
</ins><span class="cx"> }
</span><del>-.site-content .gallery a img {
- border: none;
- height: auto;
- vertical-align: middle; /* Remove a little margin bottom */
-}
-.site-content .gallery .gallery-icon {
- line-height: 1; /* Remove a little margin bottom */
-}
-.site-content .gallery .gallery-item {
- margin: 0 0 12px 0;
-}
-.site-content .gallery {
- margin-bottom: 12px;
-}
-.site-content .gallery dd {
- margin: 4px 0 0 0; /* Reset the margin and add a bit of margin-top to captions */
-}
-.gallery-caption {
- padding: 0;
-}
-.gallery-item .wp-caption-text {
- text-align: center;
-}
-.hentry .tiled-gallery {
- margin-bottom: 24px;
-}
-.site-content .gallery-columns-1 a img {
- max-width: 100%;
-}
-.site-content .gallery-columns-2 a img {
- max-width: 96%;
-}
-.site-content .gallery-columns-3 a img {
- max-width: 94%;
-}
-.site-content .gallery-columns-4 a img {
- max-width: 92%;
-}
-.site-content .gallery-columns-5 a img {
- max-width: 90%;
-}
-.site-content .gallery-columns-6 a img,
-.site-content .gallery-columns-7 a img,
-.site-content .gallery-columns-8 a img,
-.site-content .gallery-columns-9 a img {
- max-width: 88%;
-}
-.entry-attachment .attachment {
- margin-bottom: 24px;
-}
</del><span class="cx">
</span><del>-/* Mediaelements */
-.hentry .mejs-container {
- margin: 12px 0 18px;
</del><ins>+.gallery-caption:before {
+ content: "";
+ height: 100%;
+ min-height: 49px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.hentry .mejs-mediaelement,
-.hentry .mejs-container .mejs-controls {
- background: #000;
</del><ins>+.gallery-item:hover .gallery-caption {
+ opacity: 1;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
- background: #fff;
</del><ins>+.gallery-columns-7 .gallery-caption,
+.gallery-columns-8 .gallery-caption,
+.gallery-columns-9 .gallery-caption {
+ display: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
- background: #24890d;
-}
</del><span class="cx">
</span><del>-.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
- background: #595959;
-}
</del><ins>+/**
+ * 6.5 Post Formats
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><del>-.hentry .mejs-container .mejs-controls .mejs-time {
- padding-top: 9px;
</del><ins>+.format-aside .entry-content,
+.format-aside .entry-summary,
+.format-quote .entry-content,
+.format-quote .entry-summary,
+.format-link .entry-content,
+.format-link.entry-summary {
+ padding-top: 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.hentry .mejs-controls .mejs-time-rail span,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
- border-radius: 0;
</del><ins>+.site-content .entry-meta .entry-title {
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 1.3333333333;
+ margin-bottom: 8px;
+ text-transform: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.hentry .mejs-overlay-loading {
- background: transparent;
</del><ins>+.entry-meta .entry-title a {
+ color: #767676;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-/* Make sure embeds and iframes fit their containers */
-embed,
-iframe,
-object,
-video {
- margin-bottom: 24px;
- max-width: 100%;
</del><ins>+.entry-meta .entry-title a:hover {
+ color: #2b2b2b;
</ins><span class="cx"> }
</span><del>-p > embed,
-p > iframe,
-p > object,
-span > embed,
-span > iframe,
-span > object {
- margin-bottom: 0;
-}
</del><span class="cx">
</span><span class="cx">
</span><del>-/* =Navigation
------------------------------------------------ */
</del><ins>+/**
+ * 6.6 Post/Image/Paging Navigation
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><del>-.paging-navigation {
</del><ins>+.nav-links {
</ins><span class="cx"> border-top: 1px solid rgba(0, 0, 0, 0.1);
</span><del>- margin: 36px 0;
</del><span class="cx"> }
</span><del>-.paging-navigation .loop-pagination {
- margin-top: -1px;
- text-align: center;
-}
-.paging-navigation .page-numbers {
- border-top: 1px solid transparent;
- display: inline-block;
- font-size: 12px;
- font-weight: 900;
- margin-right: 5px;
- padding: 9px 15px;
- text-transform: uppercase;
-}
-.paging-navigation .page-numbers.current {
- border-top: 1px solid #24890d;
- color: #24890d;
-}
-.paging-navigation a {
- color: #2b2b2b;
-}
-.paging-navigation a:hover {
- background-color: #f5f5f5;
- border-top: 1px solid #000;
- color: #2b2b2b;
-}
</del><ins>+
</ins><span class="cx"> .post-navigation,
</span><span class="cx"> .image-navigation {
</span><span class="cx"> margin: 24px auto 48px;
</span><span class="cx"> max-width: 474px;
</span><span class="cx"> padding: 0 10px;
</span><span class="cx"> }
</span><del>-.nav-links {
- border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
</del><ins>+
</ins><span class="cx"> .post-navigation [rel="prev"],
</span><span class="cx"> .post-navigation [rel="next"],
</span><span class="cx"> .image-navigation .previous-image,
</span><span class="lines">@@ -1433,9 +1657,7 @@
</span><span class="cx"> text-align: left;
</span><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><del>-.post-navigation [rel="next"] {
- margin: 0;
-}
</del><ins>+
</ins><span class="cx"> .post-navigation .meta-nav {
</span><span class="cx"> color: #767676;
</span><span class="cx"> display: block;
</span><span class="lines">@@ -1444,8 +1666,9 @@
</span><span class="cx"> line-height: 2;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.site-content .post-navigation a,
-.site-content .image-navigation a {
</del><ins>+
+.post-navigation a,
+.image-navigation a {
</ins><span class="cx"> color: #2b2b2b;
</span><span class="cx"> display: block;
</span><span class="cx"> font-size: 14px;
</span><span class="lines">@@ -1453,173 +1676,341 @@
</span><span class="cx"> line-height: 1.7142857142;
</span><span class="cx"> text-transform: none;
</span><span class="cx"> }
</span><del>-.site-content .post-navigation a:hover,
-.site-content .image-navigation a:hover {
- background-color: rgba(0, 0, 0, 0.01);
</del><ins>+
+.post-navigation a:hover,
+.image-navigation a:hover {
</ins><span class="cx"> color: #24890d;
</span><span class="cx"> }
</span><del>-.comment-navigation {
</del><ins>+
+/* Paging Navigation */
+
+.paging-navigation {
+ border-top: 5px solid #000;
+ margin: 36px 0;
+}
+
+.paging-navigation .loop-pagination {
+ margin-top: -5px;
+ text-align: center;
+}
+
+.paging-navigation .page-numbers {
+ border-top: 5px solid transparent;
+ display: inline-block;
+ font-size: 13px;
+ font-weight: 900;
+ margin-right: 1px;
+ padding: 7px 15px;
+ text-transform: uppercase;
+}
+
+.paging-navigation .page-numbers.current {
+ border-top: 5px solid #24890d;
+ color: #24890d;
+}
+
+.paging-navigation a {
+ color: #2b2b2b;
+}
+
+.paging-navigation a:hover {
+ background-color: #f5f5f5;
+ border-top: 5px solid #24890d;
+ color: #2b2b2b;
+}
+
+
+/**
+ * 6.7 Attachments
+ * -----------------------------------------------------------------------------
+ */
+
+.attachment .entry-content {
+ padding-top: 0;
+}
+
+.attachment footer.entry-meta {
+ text-transform: none;
+}
+.entry-attachment .attachment {
+ margin-bottom: 24px;
+}
+
+
+/**
+ * 6.8 Archives
+ * -----------------------------------------------------------------------------
+ */
+
+.archive-header,
+.page-header {
+ margin: 0 auto 12px;
+ max-width: 474px;
+}
+
+.archive-title,
+.page-title {
+ font-size: 16px;
+ font-weight: 900;
+ line-height: 1.5;
+ margin: 0 0 24px;
+}
+
+.taxonomy-description {
+ color: #767676;
</ins><span class="cx"> font-size: 12px;
</span><del>- line-height: 2;
- margin-bottom: 48px;
</del><ins>+ line-height: 1.5;
+ margin-bottom: 18px;
+}
+
+.taxonomy-description p:last-child {
+ margin: 0;
+}
+
+
+/**
+ * 6.9 Contributor Page
+ * -----------------------------------------------------------------------------
+ */
+
+.contributor {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 48px 10px;
+}
+
+.contributor-info {
+ margin: 0 auto;
+ max-width: 474px;
+}
+
+.contributor-avatar {
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ float: left;
+ margin: 0 30px 20px 0;
+ padding: 2px;
+}
+
+.contributor-name {
+ font-size: 16px;
+ font-weight: 900;
+ line-height: 1.5;
+ margin: 0;
</ins><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.comment-navigation .nav-previous,
-.comment-navigation .nav-next {
</del><ins>+
+.contributor-bio {
+ color: #767676;
+}
+
+.contributor-posts-link {
</ins><span class="cx"> display: inline-block;
</span><ins>+ line-height: 1;
+ padding: 13px 30px 11px;
</ins><span class="cx"> }
</span><del>-.comment-navigation .nav-previous a {
- margin-right: 10px;
</del><ins>+
+.contributor-posts-link:before {
+ content: "\f443";
+ margin: -3px 5px -2px -3px;
</ins><span class="cx"> }
</span><del>-#comment-nav-above {
- margin-top: 36px;
- margin-bottom: 0;
</del><ins>+
+
+/**
+ * 6.10 404 Page
+ * -----------------------------------------------------------------------------
+ */
+
+.error404 .page-header,
+.error404 .page-content {
+ padding-top: 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+.error404 .page-content .search-form {
+ margin-bottom: 36px;
+}
</ins><span class="cx">
</span><del>-/* =Comments
------------------------------------------------ */
</del><span class="cx">
</span><ins>+/**
+ * 6.11 Front Page
+ * -----------------------------------------------------------------------------
+ */
+
+.front-page-content-wrapper {
+ width: 100%;
+}
+
+
+/**
+ * 6.11 Comments
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .comments-area {
</span><span class="cx"> margin: 48px auto;
</span><span class="cx"> max-width: 474px;
</span><span class="cx"> padding: 0 10px;
</span><span class="cx"> }
</span><del>-.comments-title,
-.comment-reply-title {
</del><ins>+
+.comment-reply-title,
+.comments-title, {
</ins><span class="cx"> font-size: 16px;
</span><span class="cx"> font-weight: 900;
</span><span class="cx"> line-height: 1.5;
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form {
</span><span class="cx"> background: #fff;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list {
</span><span class="cx"> list-style: none;
</span><span class="cx"> margin: 0 0 48px 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author {
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> line-height: 1.7142857142;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.comment-metadata,
-.comment-list .reply {
</del><ins>+
+.comment-list .reply,
+.comment-metadata {
</ins><span class="cx"> font-size: 12px;
</span><span class="cx"> line-height: 2;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .fn {
</span><span class="cx"> font-weight: 900;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author a {
</span><span class="cx"> color: #2b2b2b;
</span><span class="cx"> }
</span><del>-.comment-metadata a,
</del><ins>+
</ins><span class="cx"> .comment-list .trackback a,
</span><del>-.comment-list .pingback a {
</del><ins>+.comment-list .pingback a,
+.comment-metadata a {
</ins><span class="cx"> color: #767676;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author a:hover,
</span><del>-.comment-metadata a:hover,
</del><ins>+.comment-list .pingback a:hover,
</ins><span class="cx"> .comment-list .trackback a:hover,
</span><del>-.comment-list .pingback a:hover {
</del><ins>+.comment-metadata a:hover {
</ins><span class="cx"> color: #24890d;
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comments-area article,
</span><del>-.comment-list .trackback,
-.comment-list .pingback {
</del><ins>+.comment-list .pingback,
+.comment-list .trackback {
</ins><span class="cx"> border-top: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> padding-top: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list li:first-child article {
</span><span class="cx"> border: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comments-area article {
</span><span class="cx"> background: none;
</span><span class="cx"> min-height: 48px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author {
</span><span class="cx"> padding-left: 36px;
</span><span class="cx"> position: relative;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .avatar {
</span><span class="cx"> border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx"> padding: 2px;
</span><span class="cx"> position: absolute;
</span><del>- top: 0;
- left: 0;
</del><ins>+ top: 0;
+ left: 0;
</ins><span class="cx"> width: 18px;
</span><span class="cx"> height: 18px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .bypostauthor .avatar {
</span><span class="cx"> background-color: #000;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .says {
</span><span class="cx"> display: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .fn {
</span><span class="cx"> font-style: normal;
</span><span class="cx"> }
</span><del>-.comment-metadata,
</del><ins>+
</ins><span class="cx"> .comment-content,
</span><del>-.comment-list .reply {
</del><ins>+.comment-list .reply,
+.comment-metadata {
</ins><span class="cx"> padding-left: 36px;
</span><span class="cx"> }
</span><del>-.comment-edit-link:before,
-.comment-reply-link:before,
-.comment-reply-login:before {
- display: inline-block;
- -webkit-font-smoothing: antialiased;
- font: normal 16px/1 'Genericons';
- vertical-align: top;
-}
</del><ins>+
+
+
</ins><span class="cx"> .comment-edit-link {
</span><span class="cx"> margin-left: 10px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-edit-link:before {
</span><span class="cx"> content: "\f411";
</span><span class="cx"> margin: 3px 2px 0 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-reply-link:before,
</span><span class="cx"> .comment-reply-login:before {
</span><span class="cx"> content: "\f412";
</span><span class="cx"> margin: 3px 3px 0 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-content {
</span><span class="cx"> word-wrap: break-word;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-content ul,
</span><span class="cx"> .comment-content ol {
</span><span class="cx"> margin: 0 0 24px 22px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-content li > ul,
</span><span class="cx"> .comment-content li > ol {
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list .children {
</span><span class="cx"> list-style: none;
</span><span class="cx"> margin-left: 18px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comments-area .children article {
</span><span class="cx"> border: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-respond {
</span><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> padding: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment .comment-respond {
</span><span class="cx"> margin-left: 36px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-respond h3 {
</span><span class="cx"> margin-top: 0;
</span><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .no-comments {
</span><span class="cx"> color: #767676;
</span><span class="cx"> font-size: 16px;
</span><span class="lines">@@ -1629,29 +2020,60 @@
</span><span class="cx"> padding: 0 10px;
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form label {
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form input[type=text] {
</span><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .form-allowed-tags {
</span><span class="cx"> display: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form p:last-child {
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.comment-navigation {
+ font-size: 12px;
+ line-height: 2;
+ margin-bottom: 48px;
+ text-transform: uppercase;
+}
</ins><span class="cx">
</span><del>-/* =Primary Sidebar
------------------------------------------------ */
</del><ins>+.comment-navigation .nav-next,
+.comment-navigation .nav-previous {
+ display: inline-block;
+}
</ins><span class="cx">
</span><ins>+.comment-navigation .nav-previous a {
+ margin-right: 10px;
+}
+
+#comment-nav-above {
+ margin-top: 36px;
+ margin-bottom: 0;
+}
+
+
+/**
+ * 7.0 Sidebars
+ * -----------------------------------------------------------------------------
+ */
+
+/* Primary Sidebar */
+
</ins><span class="cx"> #secondary {
</span><span class="cx"> background-color: #000;
</span><span class="cx"> border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> clear: both;
</span><span class="cx"> color: rgba(255, 255, 255, 0.55);
</span><del>- padding: 48px 10px 0;
</del><ins>+ font-size: 14px;
+ line-height: 1.2857142857;
+ padding: 0 10px;
</ins><span class="cx"> position: relative;
</span><span class="cx"> z-index: 2;
</span><span class="cx"> }
</span><span class="lines">@@ -1663,16 +2085,16 @@
</span><span class="cx"> font-weight: 400;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.primary-sidebar {
+ padding-top: 48px;
+}
</ins><span class="cx">
</span><del>-/* =Widgets
------------------------------------------------ */
-
</del><span class="cx"> .widget-area p {
</span><span class="cx"> margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .widget-area a {
</span><del>- color: #bfbfbf;
</del><ins>+ color: rgba(255, 255, 255, 0.75);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .widget-area a:hover {
</span><span class="lines">@@ -1685,6 +2107,36 @@
</span><span class="cx"> color: #fff;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/* Content Sidebar */
+
+.content-sidebar {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ color: #767676;
+ font-size: 14px;
+ line-height: 1.2857142857;
+ margin: 0 auto;
+ padding: 36px 10px 0;
+ position: relative;
+}
+
+.content-sidebar.widget-area a {
+ color: #2b2b2b;
+}
+
+.content-sidebar.widget-area a:hover {
+ color: #24890d;
+}
+
+
+/**
+ * 7.1 Widgets
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .widget {
</span><span class="cx"> margin: 0 auto 48px;
</span><span class="cx"> max-width: 474px;
</span><span class="lines">@@ -1697,11 +2149,17 @@
</span><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.widget li > ul,
-.widget li > ol {
</del><ins>+.widget li > ol,
+.widget li > ul {
</ins><span class="cx"> margin-left: 10px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.widget select,
+.widget iframe {
+ margin-left: 1px;
+ max-width: 99%;
+}
+
</ins><span class="cx"> .widget-title {
</span><span class="cx"> font-size: 14px;
</span><span class="cx"> font-weight: 900;
</span><span class="lines">@@ -1711,36 +2169,35 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .widget-area button,
</span><del>-.widget-area html input[type="button"],
</del><ins>+.widget-area input[type="button"],
</ins><span class="cx"> .widget-area input[type="reset"],
</span><span class="cx"> .widget-area input[type="submit"] {
</span><span class="cx"> font-size: 11px;
</span><span class="cx"> padding: 6px 24px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.widget-area input[type="email"],
+.widget-area input[type="password"],
+.widget-area input[type="search"],
</ins><span class="cx"> .widget-area input[type="text"],
</span><del>-.widget-area input[type="email"],
</del><span class="cx"> .widget-area input[type="url"],
</span><del>-.widget-area input[type="search"],
-.widget-area input[type="password"],
</del><span class="cx"> .widget-area textarea {
</span><del>- background-color: #2b2b2b;
</del><ins>+ background-color: rgba(255, 255, 255, 0.15);
</ins><span class="cx"> border: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> color: #fff;
</span><span class="cx"> max-width: 100%;
</span><span class="cx"> padding: 4px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.widget select,
-.widget iframe {
- margin-left: 1px;
- max-width: 99%;
</del><ins>+/* Calendar Widget*/
+
+.widget_calendar table,
+.widget_calendar th,
+.widget_calendar td {
+ border-color: rgba(255, 255, 255, 0.2);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-/* Calendar widget*/
</del><span class="cx"> .widget_calendar table {
</span><del>- border: 1px solid rgba(255, 255, 255, 0.2);
- border-width: 1px 0 1px 1px;
</del><span class="cx"> line-height: 2;
</span><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><span class="lines">@@ -1754,10 +2211,12 @@
</span><span class="cx"> text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.widget_calendar thead th,
-.widget_calendar tbody td {
- border: 1px solid rgba(255, 255, 255, 0.2);
- border-width: 0 1px 1px 0;
</del><ins>+.widget_calendar thead th {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.widget_calendar tbody td,
+.widget_calendar thead th {
</ins><span class="cx"> text-align: center;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -1780,17 +2239,18 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .widget_calendar #next {
</span><del>- border-right: 1px solid rgba(255, 255, 255, 0.2);
</del><span class="cx"> padding-right: 5px;
</span><span class="cx"> text-align: right;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* Cloud Widgets */
</span><ins>+
</ins><span class="cx"> .widget_tag_cloud div {
</span><span class="cx"> word-wrap: break-word;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Ephemera widget*/
</del><ins>+/* Ephemera Widget*/
+
</ins><span class="cx"> .widget_twentyfourteen_ephemera .hentry {
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> }
</span><span class="lines">@@ -1831,21 +2291,62 @@
</span><span class="cx"> margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.widget_twentyfourteen_ephemera .entry-content a {
+ word-wrap: break-word;
+}
+
</ins><span class="cx"> .widget_twentyfourteen_ephemera .entry-content blockquote p cite {
</span><span class="cx"> font-size: 13px;
</span><span class="cx"> line-height: 1.3846153846;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/* List Style Widgets*/
+
+.widget_archive li,
+.widget_categories li,
+.widget_links li,
+.widget_meta li,
+.widget_nav_menu li,
+.widget_pages li,
+.widget_recent_comments li,
+.widget_recent_entries li {
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 8px 0 9px;
+}
+
+.widget_archive li:first-child,
+.widget_categories li:first-child,
+.widget_links li:first-child,
+.widget_meta li:first-child,
+.widget_nav_menu li:first-child,
+.widget_pages li:first-child,
+.widget_recent_comments li:first-child,
+.widget_recent_entries li:first-child {
+ border-top: none;
+}
+
+.widget_archive li li,
+.widget_categories li li,
+.widget_links li li,
+.widget_meta li li,
+.widget_nav_menu li li,
+.widget_pages li li,
+.widget_recent_comments li li,
+.widget_recent_entries li li {
+ border-top: none;
+ padding-bottom: 0;
+}
+
</ins><span class="cx"> /* Recent Posts Widget */
</span><ins>+
</ins><span class="cx"> .widget_recent_entries .post-date {
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* RSS Widget */
</span><ins>+
</ins><span class="cx"> .widget_rss a img {
</span><del>- display: inline;
</del><span class="cx"> margin-top: -5px;
</span><del>- vertical-align: middle;
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .widget_rss li {
</span><span class="lines">@@ -1856,36 +2357,17 @@
</span><span class="cx"> margin-bottom: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Search widget */
-.search-submit {
- display: none;
-}
</del><ins>+/* Text Widget */
</ins><span class="cx">
</span><del>-
-/* =Content Sidebar
------------------------------------------------ */
-
-.content-sidebar {
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- color: #767676;
- font-size: 14px;
- line-height: 1.2857142857;
- margin: 0 auto;
- padding: 36px 10px 0;
- position: relative;
</del><ins>+.widget_text > div > :last-child {
+ margin-bottom: 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.content-sidebar.widget-area a {
- color: #2b2b2b;
-}
</del><span class="cx">
</span><del>-.content-sidebar.widget-area a:hover {
- color: #24890d;
-}
</del><ins>+/**
+ * 7.2 Content Sidebar Widgets
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><span class="cx"> .content-sidebar.widget-area .widget-title {
</span><span class="cx"> border-top: 5px solid #000;
</span><span class="lines">@@ -1903,17 +2385,17 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-sidebar.widget-area button,
</span><del>-.content-sidebar.widget-area html input[type="button"],
</del><ins>+.content-sidebar.widget-area input[type="button"],
</ins><span class="cx"> .content-sidebar.widget-area input[type="reset"],
</span><span class="cx"> .content-sidebar.widget-area input[type="submit"] {
</span><span class="cx"> font-size: 12px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.content-sidebar.widget-area input[type="email"],
+.content-sidebar.widget-area input[type="password"],
+.content-sidebar.widget-area input[type="search"],
</ins><span class="cx"> .content-sidebar.widget-area input[type="text"],
</span><del>-.content-sidebar.widget-area input[type="email"],
</del><span class="cx"> .content-sidebar.widget-area input[type="url"],
</span><del>-.content-sidebar.widget-area input[type="search"],
-.content-sidebar.widget-area input[type="password"],
</del><span class="cx"> .content-sidebar.widget-area textarea {
</span><span class="cx"> background-color: #fff;
</span><span class="cx"> border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="lines">@@ -1921,36 +2403,28 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* List Style Widgets*/
</span><ins>+
</ins><span class="cx"> .content-sidebar .widget_archive li,
</span><span class="cx"> .content-sidebar .widget_categories li,
</span><ins>+.content-sidebar .widget_links li,
+.content-sidebar .widget_meta li,
+.content-sidebar .widget_nav_menu li,
</ins><span class="cx"> .content-sidebar .widget_pages li,
</span><del>-.content-sidebar .widget_meta li,
</del><span class="cx"> .content-sidebar .widget_recent_comments li,
</span><del>-.content-sidebar .widget_recent_entries li,
-.content-sidebar .widget_nav_menu li {
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- padding: 8px 0 9px;
</del><ins>+.content-sidebar .widget_recent_entries li {
+ border-color: rgba(0, 0, 0, 0.1);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.content-sidebar .widget li:first-child {
- border-top: none;
-}
-
-.content-sidebar .widget li li {
- border-top: none;
- padding-bottom: 0;
-}
-
</del><span class="cx"> .content-sidebar .widget .children,
</span><span class="cx"> .content-sidebar .widget .sub-menu {
</span><span class="cx"> margin-left: 18px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-/* Calendar widget*/
</del><ins>+/* Calendar Widget */
+
</ins><span class="cx"> .content-sidebar .widget_calendar table,
</span><del>-.content-sidebar .widget_calendar thead th,
-.content-sidebar .widget_calendar tbody td,
-.content-sidebar .widget_calendar #next {
</del><ins>+.content-sidebar .widget_calendar th,
+.content-sidebar .widget_calendar td {
</ins><span class="cx"> border-color: rgba(0, 0, 0, 0.1);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -2028,7 +2502,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
</span><del>- color: rgba(0, 0, 0, 0.2);
</del><ins>+ color: #ccc;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
</span><span class="lines">@@ -2049,21 +2523,14 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx">
</span><del>-/* =Footer
------------------------------------------------ */
</del><ins>+/**
+ * 8.0 Footer
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><del>-#supplementary {
</del><ins>+.site-footer {
</ins><span class="cx"> background-color: #000;
</span><del>- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</del><span class="cx"> color: #949a92;
</span><del>- padding: 48px 10px 0;
- position: relative;
- z-index: 3;
-}
-
-.site-footer {
- background-color: #000;
- color: rgba(255, 255, 255, 0.55);
</del><span class="cx"> font-size: 12px;
</span><span class="cx"> position: relative;
</span><span class="cx"> z-index: 3;
</span><span class="lines">@@ -2078,13 +2545,18 @@
</span><span class="cx"> width: 315px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.footer-sidebar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 48px 10px 0;
+}
+
</ins><span class="cx"> .site-info {
</span><del>- color: #bfbfbf;
</del><ins>+ color: rgba(255, 255, 255, 0.75);
</ins><span class="cx"> padding: 15px 10px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .site-info a {
</span><del>- color: #bfbfbf;
</del><ins>+ color: rgba(255, 255, 255, 0.75);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .site-info a:hover {
</span><span class="lines">@@ -2092,106 +2564,142 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx">
</span><del>-/* =Contributor Page
------------------------------------------------ */
</del><ins>+/**
+ * 9.0 Featured Content
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx">
</span><del>-.contributor {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</del><ins>+.featured-content {
+ background: #000;
+ background-attachment: fixed;
+ background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
+ background-image: linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
+ background-size: 4px 4px;
</ins><span class="cx"> -webkit-box-sizing: border-box;
</span><del>- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding: 48px 10px;
</del><ins>+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
</ins><span class="cx"> }
</span><del>-.contributor-info {
- margin: 0 auto;
- max-width: 474px;
</del><ins>+
+.featured-content .hentry {
+ color: #fff;
+ margin: 0;
+ width: 100%;
</ins><span class="cx"> }
</span><del>-.contributor-avatar {
- border: 1px solid rgba(0, 0, 0, 0.1);
- float: left;
- margin: 0 30px 20px 0;
- padding: 2px;
</del><ins>+
+.attachment-featured-featured {
+ background-color: #000;
+ display: block;
+ overflow: hidden;
</ins><span class="cx"> }
</span><del>-.contributor-avatar .avatar {
- vertical-align: middle;
</del><ins>+
+.attachment-featured-featured:hover img {
+ opacity: 0.85;
</ins><span class="cx"> }
</span><del>-.contributor-name {
- font-size: 16px;
- font-weight: 900;
- line-height: 1.5;
- margin: 0;
- text-transform: uppercase;
</del><ins>+
+.featured-content .entry-wrap {
+ background-color: #000;
+ border: 12px solid #000;
+ overflow: hidden;
</ins><span class="cx"> }
</span><del>-.contributor-bio {
- color: #767676;
</del><ins>+
+.featured-content a {
+ color: #fff;
</ins><span class="cx"> }
</span><del>-.contributor-posts-link {
- display: inline-block;
</del><ins>+
+.featured-content a:hover {
+ color: #5ff23d;
</ins><span class="cx"> }
</span><del>-.contributor-posts-link:before {
- content: '\f443';
- margin: -3px 5px -2px -3px;
</del><ins>+
+.featured-content .entry-meta {
+ font-size: 11px;
+ font-weight: 700;
+ line-height: 1.0909090909;
+ margin-bottom: 12px;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+.featured-content .cat-links {
+ font-weight: 700;
+}
</ins><span class="cx">
</span><del>-/* =Media Queries
------------------------------------------------ */
</del><ins>+.featured-content .entry-title {
+ font-size: 18px;
+ font-weight: 300;
+ line-height: 1.3333333333;
+ margin-bottom: 0;
+ text-transform: uppercase;
+}
</ins><span class="cx">
</span><del>-/* Mobile list style */
</del><ins>+
+/**
+ * 10.0 Media Queries
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> @media screen and (max-width: 400px) {
</span><del>- .list-view .content-area {
- padding: 12px 10px;
- }
- .list-view .content-area .hentry {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- margin-bottom: 12px;
- min-height: 60px;
- padding-bottom: 9px;
- }
- .list-view .content-area .cat-links,
- .list-view .content-area .entry-content,
- .list-view .content-area .entry-summary,
- .list-view .content-area footer.entry-meta {
- display: none;
- }
</del><span class="cx"> .list-view .attachment-featured-thumbnail {
</span><span class="cx"> background: none;
</span><span class="cx"> min-height: 0;
</span><span class="cx"> width: auto;
</span><span class="cx"> z-index: 2;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .list-view .attachment-featured-thumbnail img {
</span><span class="cx"> float: left;
</span><span class="cx"> margin: 0 10px 3px 0;
</span><span class="cx"> width: 84px;
</span><span class="cx"> }
</span><del>- .list-view .content-area .entry-header {
</del><ins>+
+ .list-view .site-content .entry-header {
</ins><span class="cx"> background-color: transparent;
</span><span class="cx"> padding: 0;
</span><span class="cx"> }
</span><del>- .list-view .content-area .entry-title {
</del><ins>+
+ .list-view .content-area {
+ padding: 12px 10px;
+ }
+
+ .list-view .site-content .hentry {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+ margin-bottom: 12px;
+ min-height: 60px;
+ padding-bottom: 9px;
+ }
+
+ .list-view .site-content .cat-links,
+ .list-view .site-content .entry-content,
+ .list-view .site-content .entry-summary,
+ .list-view .site-content footer.entry-meta {
+ display: none;
+ }
+
+ .list-view .site-content .entry-title {
</ins><span class="cx"> font-size: 15px;
</span><span class="cx"> font-weight: 900;
</span><span class="cx"> line-height: 1.2;
</span><span class="cx"> margin-bottom: 6px;
</span><span class="cx"> text-transform: none;
</span><span class="cx"> }
</span><del>- .list-view .content-area .entry-meta {
</del><ins>+
+ .list-view .site-content .format-aside .entry-title,
+ .list-view .site-content .format-link .entry-title,
+ .list-view .site-content .format-quote .entry-title {
+ display: block;
+ }
+
+ .list-view .site-content .entry-meta {
</ins><span class="cx"> background-color: transparent;
</span><span class="cx"> clear: none;
</span><span class="cx"> margin: 0;
</span><span class="cx"> text-transform: none;
</span><span class="cx"> }
</span><del>- .list-view .content-area .format-aside .entry-title,
- .list-view .content-area .format-quote .entry-title,
- .list-view .content-area .format-link .entry-title {
- display: block;
- }
</del><ins>+
</ins><span class="cx"> .archive-header,
</span><span class="cx"> .page-header {
</span><span class="cx"> border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx"> padding-top: 12px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .error404 .page-header {
</span><span class="cx"> border-bottom: 0;
</span><span class="cx"> padding: 0 10px;
</span><span class="lines">@@ -2202,106 +2710,134 @@
</span><span class="cx"> a.attachment-featured-thumbnail:hover img {
</span><span class="cx"> opacity: 0.85;
</span><span class="cx"> }
</span><del>- .content-area span + .entry-date:before,
- .content-area span + .byline:before,
- .content-area span + .comments-link:before,
- .content-area span + .edit-link:before,
</del><ins>+
</ins><span class="cx"> .full-size-link:before,
</span><del>- .parent-post-link:before {
- content: '';
</del><ins>+ .parent-post-link:before,
+ .site-content span + .byline:before,
+ .site-content span + .comments-link:before,
+ .site-content span + .edit-link:before,
+ .site-content span + .entry-date:before {
+ content: "";
</ins><span class="cx"> }
</span><del>- .content-area .featured-post:before,
- .content-area .post-format a:before,
- .content-area .entry-date a:before,
</del><ins>+
</ins><span class="cx"> .attachment span.entry-date:before,
</span><del>- .content-area .byline a:before,
- .content-area .comments-link a:before,
</del><span class="cx"> .entry-meta .edit-link a:before,
</span><del>- .content-area .full-size-link a:before,
- .content-area .parent-post-link a:before {
</del><ins>+ .site-content .byline a:before,
+ .site-content .comments-link a:before,
+ .site-content .entry-date a:before,
+ .site-content .featured-post:before,
+ .site-content .full-size-link a:before,
+ .site-content .parent-post-link a:before,
+ .site-content .post-format a:before {
+ -webkit-font-smoothing: antialiased;
</ins><span class="cx"> display: inline-block;
</span><del>- -webkit-font-smoothing: antialiased;
- font: normal 16px/1 'Genericons';
- margin: 0 2px 0 0;
</del><ins>+ font-family: Genericons;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: normal;
</ins><span class="cx"> text-transform: none;
</span><span class="cx"> vertical-align: top;
</span><span class="cx"> }
</span><del>- .content-area .entry-meta > span {
</del><ins>+
+ .site-content .entry-meta > span {
</ins><span class="cx"> margin-right: 10px;
</span><span class="cx"> }
</span><del>- .content-area .format-video .post-format a:before {
- content: '\F104';
- margin: -1px 2px 0 0;
</del><ins>+
+ .site-content .format-video .post-format a:before {
+ content: "\f104";
+ margin: -2px 2px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .format-image .post-format a:before {
- content: '\F102';
- margin: -1px 2px 0 0;
</del><ins>+
+ .site-content .format-image .post-format a:before {
+ content: "\f102";
+ margin: -3px 3px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .format-quote .post-format a:before {
- content: '\F106';
</del><ins>+
+ .site-content .format-quote .post-format a:before {
+ content: "\f106";
+ margin: -3px 3px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .format-gallery .post-format a:before {
- content: '\F103';
- margin: -1px 4px 0 0;
</del><ins>+
+ .site-content .format-gallery .post-format a:before {
+ content: "\f103";
+ margin: -3px 4px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .format-aside .post-format a:before {
- content: '\F101';
</del><ins>+
+ .site-content .format-aside .post-format a:before {
+ content: "\f101";
+ margin: -2px 3px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .format-link .post-format a:before {
- content: '\F107';
</del><ins>+
+ .site-content .format-link .post-format a:before {
+ content: "\f107";
+ margin: -2px 3px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .featured-post:before {
- content: '\F308';
- margin: -1px 3px 0 0;
</del><ins>+
+ .site-content .featured-post:before {
+ content: "\f308";
+ margin: -3px 3px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .entry-date a:before,
</del><ins>+
+ .site-content .entry-date a:before,
</ins><span class="cx"> .attachment span.entry-date:before {
</span><del>- content: '\F303';
- margin: 0 1px 0 0;
</del><ins>+ content: "\f303";
+ margin: -2px 1px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .byline a:before {
- content: '\F304';
- margin: -1px 0 0 0;
</del><ins>+
+ .site-content .byline a:before {
+ content: "\f304";
+ margin: -3px 0 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .comments-link a:before {
- content: '\F300';
- margin: -1px 2px 0 0;
</del><ins>+
+ .site-content .comments-link a:before {
+ content: "\f300";
+ margin: -3px 2px 0 0;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-meta .edit-link a:before {
</span><del>- content: '\F411';
- margin: -1px 2px 0 0;
</del><ins>+ content: "\f411";
+ margin: -3px 2px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .full-size-link a:before {
- content: '\F402';
</del><ins>+
+ .site-content .full-size-link a:before {
+ content: "\f402";
+ margin: -3px 2px 0 0;
</ins><span class="cx"> }
</span><del>- .content-area .parent-post-link a:before {
- content: '\F301';
</del><ins>+
+ .site-content .parent-post-link a:before {
+ content: "\f301";
+ margin: -3px 2px 0 0;
</ins><span class="cx"> }
</span><ins>+
+ .list-view .site-content .has-featured-image .attachment-featured-thumbnail,
+ .list-view .site-content .format-standard .attachment-featured-thumbnail {
+ margin-top: -49px;
+ }
+
+ .list-view .site-content .hentry {
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ padding-top: 48px;
+ }
+
</ins><span class="cx"> .archive-header,
</span><span class="cx"> .page-header {
</span><span class="cx"> margin-bottom: 24px;
</span><span class="cx"> padding: 0 10px;
</span><span class="cx"> }
</span><del>- .list-view .content-area .hentry {
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- padding-top: 48px;
- }
- .list-view .content-area .has-featured-image .attachment-featured-thumbnail,
- .list-view .content-area .format-standard .attachment-featured-thumbnail {
- margin-top: -49px;
- }
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 642px) {
</span><del>- .content-area .entry-header {
</del><ins>+ .site-content .entry-header {
</ins><span class="cx"> padding-right: 30px;
</span><span class="cx"> padding-left: 30px;
</span><span class="cx"> }
</span><del>- .content-area .has-featured-image .entry-header,
- .content-area .format-standard .entry-header {
</del><ins>+
+ .site-content .has-featured-image .entry-header,
+ .site-content .format-standard .entry-header {
</ins><span class="cx"> margin-top: -48px;
</span><span class="cx"> }
</span><del>- .content-area .format-standard.post-password-required .entry-header {
</del><ins>+
+ .site-content .format-standard.post-password-required .entry-header {
</ins><span class="cx"> margin-top: 0;
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="lines">@@ -2312,25 +2848,42 @@
</span><span class="cx"> padding-top: 36px;
</span><span class="cx"> width: 100%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-content {
</span><span class="cx"> margin-right: 33.33333333%;
</span><span class="cx"> }
</span><del>- .content-area .has-featured-image .entry-header,
- .content-area .format-standard .entry-header {
</del><ins>+
+ .full-width .site-content {
+ margin-right: 0;
+ }
+
+ .site-content .has-featured-image .entry-header,
+ .site-content .format-standard .entry-header {
</ins><span class="cx"> margin-top: 0;
</span><span class="cx"> }
</span><del>- .content-area .entry-content,
- .content-area .entry-summary,
- .content-area footer.entry-meta,
</del><ins>+
+ .full-width .site-content .has-featured-image .entry-header,
+ .full-width .site-content .format-standard .entry-header {
+ margin-top: -48px;
+ }
+
</ins><span class="cx"> .archive-header,
</span><ins>+ .comments-area,
+ .image-navigation,
</ins><span class="cx"> .page-header,
</span><span class="cx"> .page-content,
</span><span class="cx"> .post-navigation,
</span><del>- .image-navigation,
- .comments-area {
</del><ins>+ .site-content .entry-content,
+ .site-content .entry-summary,
+ .site-content footer.entry-meta {
</ins><span class="cx"> padding-right: 30px;
</span><span class="cx"> padding-left: 30px;
</span><span class="cx"> }
</span><ins>+
+ #secondary {
+ padding: 0 30px;
+ }
+
</ins><span class="cx"> .content-sidebar {
</span><span class="cx"> border: 0;
</span><span class="cx"> float: right;
</span><span class="lines">@@ -2338,69 +2891,73 @@
</span><span class="cx"> padding: 36px 30px 24px;
</span><span class="cx"> width: 33.33333333%;
</span><span class="cx"> }
</span><del>- #secondary {
- padding: 48px 30px 0;
</del><ins>+
+ .attachment-featured-featured {
+ height: 240px;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content .hentry {
</span><span class="cx"> float: left;
</span><span class="cx"> width: 50%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content .hentry:nth-child( 2n+1 ) {
</span><span class="cx"> clear: both;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content .entry-wrap {
</span><span class="cx"> height: 96px;
</span><span class="cx"> }
</span><del>- .full-width .site-content {
- margin-right: 0;
- }
- .full-width .content-area .has-featured-image .entry-header,
- .full-width .content-area .format-standard .entry-header {
- margin-top: -48px;
- }
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 770px) {
</span><span class="cx"> .header-main {
</span><span class="cx"> margin-right: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation {
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 810px) {
</span><del>- .full-width .entry-content img.size-medium.alignleft,
- .full-width .entry-content img.size-large.alignleft,
- .full-width .entry-content img.size-full.alignleft,
- .full-width .entry-content .wp-caption.alignleft,
- .full-width .entry-content blockquote.alignleft {
</del><ins>+ .full-width .site-content blockquote.alignleft,
+ .full-width .site-content blockquote.alignright {
+ width: -webkit-calc(50% + 130px);
+ width: calc(50% + 130px);
+ }
+
+ .full-width .site-content blockquote.alignleft,
+ .full-width .site-content img.size-full.alignleft,
+ .full-width .site-content img.size-large.alignleft,
+ .full-width .site-content img.size-medium.alignleft,
+ .full-width .site-content .wp-caption.alignleft {
</ins><span class="cx"> margin-left: -168px;
</span><span class="cx"> }
</span><del>- .full-width .entry-content img.size-medium.alignright,
- .full-width .entry-content img.size-large.alignright,
- .full-width .entry-content img.size-full.alignright,
- .full-width .entry-content .wp-caption.alignright,
- .full-width .entry-content blockquote.alignright {
</del><ins>+
+ .full-width .site-content blockquote.alignrigh,
+ .full-width .site-content img.size-full.alignright,
+ .full-width .site-content img.size-large.alignright,
+ .full-width .site-content img.size-medium.alignright,
+ .full-width .site-content .wp-caption.alignright {
</ins><span class="cx"> margin-right: -168px;
</span><span class="cx"> }
</span><del>- .full-width .entry-content img.size-full.alignnone,
</del><ins>+
</ins><span class="cx"> .attachment .entry-content .attachment {
</span><span class="cx"> margin-right: -168px;
</span><span class="cx"> margin-left: -168px;
</span><span class="cx"> max-width: 810px;
</span><span class="cx"> }
</span><del>- .attachment .entry-content .attachment img {
</del><ins>+
+ .attachment .site-content .attachment img {
+ display: block;
</ins><span class="cx"> margin: 0 auto;
</span><span class="cx"> }
</span><del>- .full-width .entry-content blockquote.alignleft,
- .full-width .entry-content blockquote.alignright {
- width: -webkit-calc(50% + 130px);
- width: calc(50% + 130px);
- }
</del><ins>+
</ins><span class="cx"> .contributor-avatar {
</span><span class="cx"> margin-left: -168px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .contributor-summary {
</span><span class="cx"> float: left;
</span><span class="cx"> }
</span><span class="lines">@@ -2411,45 +2968,56 @@
</span><span class="cx"> .content-sidebar {
</span><span class="cx"> padding-top: 72px;
</span><span class="cx"> }
</span><del>- .content-area .has-featured-image .entry-header,
- .content-area .format-standard .entry-header {
</del><ins>+
+ .site-content .has-featured-image .entry-header,
+ .site-content .format-standard .entry-header {
</ins><span class="cx"> margin-top: -48px;
</span><span class="cx"> }
</span><del>- .content-area .format-standard.post-password-required .entry-header {
</del><ins>+
+ .site-content .format-standard.post-password-required .entry-header {
</ins><span class="cx"> margin-top: 0;
</span><span class="cx"> }
</span><del>- .comments-area article,
</del><ins>+
</ins><span class="cx"> .comment-list .trackback,
</span><del>- .comment-list .pingback {
</del><ins>+ .comment-list .pingback,
+ .comments-area article {
</ins><span class="cx"> margin-bottom: 36px;
</span><span class="cx"> padding-top: 36px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .avatar {
</span><span class="cx"> top: 2px;
</span><span class="cx"> width: 34px;
</span><span class="cx"> height: 34px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author,
</span><del>- .comment-metadata,
</del><span class="cx"> .comment-content,
</span><del>- .comment-list .reply {
</del><ins>+ .comment-list .reply,
+ .comment-metadata {
</ins><span class="cx"> padding-left: 54px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list .children {
</span><span class="cx"> margin-left: 37px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment .comment-respond {
</span><span class="cx"> margin-left: 60px;
</span><span class="cx"> }
</span><del>- .content-sidebar {
- padding-top: 72px;
</del><ins>+
+ .attachment-featured-featured {
+ height: 192px;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content .hentry {
</span><span class="cx"> width: 33.3333333%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content .hentry:nth-child( 2n+1 ) {
</span><span class="cx"> clear: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content .hentry:nth-child( 3n+1 ) {
</span><span class="cx"> clear: both;
</span><span class="cx"> }
</span><span class="lines">@@ -2459,31 +3027,42 @@
</span><span class="cx"> .header-main {
</span><span class="cx"> padding-left: 27px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-box-wrapper {
</span><span class="cx"> padding-left: 182px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-content {
</span><span class="cx"> margin: 0 29.04761904% 0 182px;
</span><span class="cx"> }
</span><ins>+
+ .site-content .entry-header {
+ margin-top: 0;
+ }
+
+ .site-content .has-featured-image .entry-header,
+ .site-content .format-standard .entry-header {
+ margin-top: 0;
+ }
+
</ins><span class="cx"> .content-sidebar {
</span><span class="cx"> margin-left: -29.04761904%;
</span><span class="cx"> width: 29.04761904%;
</span><span class="cx"> }
</span><del>- .content-area .entry-header {
- margin-top: 0;
- }
</del><ins>+
</ins><span class="cx"> .site:before {
</span><span class="cx"> background-color: #000;
</span><del>- content: '';
</del><ins>+ content: "";
</ins><span class="cx"> display: block;
</span><span class="cx"> height: 100%;
</span><span class="cx"> min-height: 100%;
</span><span class="cx"> position: absolute;
</span><del>- top: 0;
- left: 0;
</del><ins>+ top: 0;
+ left: 0;
</ins><span class="cx"> width: 182px;
</span><span class="cx"> z-index: 2;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> #secondary {
</span><span class="cx"> background-color: transparent;
</span><span class="cx"> border-bottom: 0;
</span><span class="lines">@@ -2496,123 +3075,154 @@
</span><span class="cx"> padding: 0 27px;
</span><span class="cx"> width: 128px;
</span><span class="cx"> }
</span><del>- body.footer-widgets #secondary {
- min-height: 0;
</del><ins>+
+ .primary-sidebar {
+ padding-top: 0;
</ins><span class="cx"> }
</span><ins>+ .footer-sidebar .widget_archive li,
+ .footer-sidebar .widget_categories li,
+ .footer-sidebar .widget_links li,
+ .footer-sidebar .widget_meta li,
+ .footer-sidebar .widget_nav_menu li,
+ .footer-sidebar .widget_pages li,
+ .footer-sidebar .widget_recent_comments li,
+ .footer-sidebar .widget_recent_entries li,
+ .primary-sidebar .widget_archive li,
+ .primary-sidebar .widget_categories li,
+ .primary-sidebar .widget_links li,
+ .primary-sidebar .widget_meta li,
+ .primary-sidebar .widget_nav_menu li,
+ .primary-sidebar .widget_pages li,
+ .primary-sidebar .widget_recent_comments li,
+ .primary-sidebar .widget_recent_entries li {
+ border-top: none;
+ padding: 0;
+ }
+
</ins><span class="cx"> .site-description {
</span><span class="cx"> display: block;
</span><span class="cx"> line-height: 1.6363636363;
</span><span class="cx"> margin: -3px 0 21px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation {
</span><span class="cx"> border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> font-size: 11px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul,
</span><span class="cx"> .secondary-navigation ul ul {
</span><span class="cx"> list-style: none;
</span><span class="cx"> margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation li {
</span><span class="cx"> border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> position: relative;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation a {
</span><span class="cx"> padding: 8px 0 9px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul ul {
</span><span class="cx"> background: rgba(0, 0, 0, 0.9);
</span><span class="cx"> display: none;
</span><span class="cx"> position: absolute;
</span><del>- top: -1px;
- left: 128px;
</del><ins>+ top: -1px;
+ left: 128px;
</ins><span class="cx"> width: 128px;
</span><span class="cx"> z-index: 9999;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul li:hover {
</span><span class="cx"> background: #000;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul li:hover > ul {
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span><del>- #secondary .widget,
- #supplementary .widget {
- margin-bottom: 48px;
- }
- #secondary .widget-title,
- #supplementary .widget-title {
</del><ins>+
+ .primary-sidebar .widget-title,
+ .footer-sidebar .widget-title {
</ins><span class="cx"> font-size: 11px;
</span><span class="cx"> font-weight: 700;
</span><span class="cx"> line-height: 1.6363636363;
</span><span class="cx"> margin-bottom: 18px;
</span><span class="cx"> }
</span><del>- #supplementary {
</del><ins>+
+ .footer-sidebar {
</ins><span class="cx"> font-size: 11px;
</span><span class="cx"> line-height: 1.6363636363;
</span><span class="cx"> padding: 48px 0 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-info {
</span><span class="cx"> padding-left: 27px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .front-page-content-wrapper {
</span><span class="cx"> float: left;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .featured-content {
</span><span class="cx"> padding-left: 182px;
</span><span class="cx"> }
</span><del>- .content-area .has-featured-image .entry-header,
- .content-area .format-standard .entry-header {
- margin-top: 0;
- }
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 1040px) {
</span><del>- .content-area .has-featured-image .entry-header,
- .content-area .format-standard .entry-header {
</del><ins>+ .site-content .has-featured-image .entry-header,
+ .site-content .format-standard .entry-header {
</ins><span class="cx"> margin-top: -48px;
</span><span class="cx"> }
</span><del>- .content-area .format-standard.post-password-required .entry-header {
</del><ins>+
+ .site-content .format-standard.post-password-required .entry-header {
</ins><span class="cx"> margin-top: 0;
</span><span class="cx"> }
</span><del>- .content-area .entry-header,
- .content-area .entry-content,
- .content-area .entry-summary,
- .content-area footer.entry-meta,
</del><ins>+
</ins><span class="cx"> .archive-header,
</span><ins>+ .comments-area,
+ .image-navigation,
</ins><span class="cx"> .page-header,
</span><span class="cx"> .page-content,
</span><span class="cx"> .post-navigation,
</span><del>- .image-navigation,
- .comments-area {
</del><ins>+ .site-content .entry-header,
+ .site-content .entry-content,
+ .site-content .entry-summary,
+ .site-content footer.entry-meta {
</ins><span class="cx"> padding-right: 15px;
</span><span class="cx"> padding-left: 15px;
</span><span class="cx"> }
</span><del>- .full-width .content-area .entry-header,
- .full-width .content-area .entry-content,
- .full-width .content-area .entry-summary,
- .full-width .content-area footer.entry-meta,
</del><ins>+
</ins><span class="cx"> .full-width .archive-header,
</span><ins>+ .full-width .comments-area,
+ .full-width .image-navigation,
</ins><span class="cx"> .full-width .page-header,
</span><span class="cx"> .full-width .page-content,
</span><span class="cx"> .full-width .post-navigation,
</span><del>- .full-width .image-navigation,
- .full-width .comments-area {
- padding-right: 30px;
- padding-left: 30px;
</del><ins>+ .full-width .site-content .entry-header,
+ .full-width .site-content .entry-content,
+ .full-width .site-content .entry-summary,
+ .full-width .site-content footer.entry-meta {
+ padding-right: 30px;
+ padding-left: 30px;
</ins><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 1080px) {
</span><ins>+ .site-content {
+ margin-left: 222px;
+ }
+
</ins><span class="cx"> .site:before {
</span><span class="cx"> width: 222px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-box-wrapper,
</span><span class="cx"> .featured-content {
</span><span class="cx"> padding-left: 222px;
</span><span class="cx"> }
</span><del>- .site-content {
- margin-left: 222px;
- }
</del><ins>+
</ins><span class="cx"> #secondary,
</span><span class="cx"> .secondary-navigation ul ul {
</span><span class="cx"> width: 168px;
</span><span class="lines">@@ -2623,58 +3233,59 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 1110px) {
</span><del>- .content-area .entry-header,
- .content-area .entry-content,
- .content-area .entry-summary,
- .content-area footer.entry-meta,
</del><span class="cx"> .archive-header,
</span><ins>+ .comments-area,
+ .image-navigation,
</ins><span class="cx"> .page-header,
</span><span class="cx"> .page-content,
</span><span class="cx"> .post-navigation,
</span><del>- .image-navigation,
- .comments-area {
</del><ins>+ .site-content .entry-header,
+ .site-content .entry-content,
+ .site-content .entry-summary,
+ .site-content footer.entry-meta {
</ins><span class="cx"> padding-right: 30px;
</span><span class="cx"> padding-left: 30px;
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 1218px) {
</span><del>- .content-area .entry-header,
- .content-area .entry-content,
- .content-area .entry-summary,
- .content-area footer.entry-meta,
</del><span class="cx"> .archive-header,
</span><ins>+ .comments-area,
+ .image-navigation,
</ins><span class="cx"> .page-header,
</span><span class="cx"> .page-content,
</span><span class="cx"> .post-navigation,
</span><del>- .image-navigation,
- .comments-area {
</del><ins>+ .site-content .entry-header,
+ .site-content .entry-content,
+ .site-content .entry-summary,
+ .site-content footer.entry-meta {
</ins><span class="cx"> margin-right: 54px;
</span><span class="cx"> }
</span><del>- .full-width .content-area .entry-header,
- .full-width .content-area .entry-content,
- .full-width .content-area .entry-summary,
- .full-width .content-area footer.entry-meta,
</del><ins>+
</ins><span class="cx"> .full-width .archive-header,
</span><ins>+ .full-width .comments-area,
+ .full-width .image-navigation,
</ins><span class="cx"> .full-width .page-header,
</span><span class="cx"> .full-width .page-content,
</span><span class="cx"> .full-width .post-navigation,
</span><del>- .full-width .image-navigation,
- .full-width .comments-area {
</del><ins>+ .full-width .site-content .entry-header,
+ .full-width .site-content .entry-content,
+ .full-width .site-content .entry-summary,
+ .full-width .site-content footer.entry-meta {
</ins><span class="cx"> margin-right: auto;
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media screen and (min-width: 1260px) {
</span><del>- .entry-content blockquote.alignleft,
- .entry-content blockquote.alignright {
</del><ins>+ .site-content blockquote.alignleft,
+ .site-content blockquote.alignright {
</ins><span class="cx"> width: -webkit-calc(50% + 18px);
</span><span class="cx"> width: calc(50% + 18px);
</span><span class="cx"> }
</span><del>- .entry-content blockquote.alignleft {
</del><ins>+ .site-content blockquote.alignleft {
</ins><span class="cx"> margin-left: -18%;
</span><span class="cx"> }
</span><del>- .entry-content blockquote.alignright {
</del><ins>+ .site-content blockquote.alignright {
</ins><span class="cx"> margin-right: -18%;
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>
</body>
</html>