|
|
@@ -7,9 +7,10 @@ Author: windhamdavid
|
|
|
Version: 2.0
|
|
|
|
|
|
Thanks:
|
|
|
-normalize.css v3.0.1 * MIT License | git.io/normalize
|
|
|
-bootstrap v3.2.0 * Licensed under MIT | github.com/twbs/bootstrap
|
|
|
-Automattic | _s github.com/Automattic/_s
|
|
|
+normalize.css v3.0.1 * MIT License
|
|
|
+bootstrap v3.2.0 * MIT License
|
|
|
+font awesome 4.2.0 * MIT License
|
|
|
+_S | GPL License
|
|
|
*/
|
|
|
|
|
|
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
|
|
|
@@ -29,146 +30,103 @@ a img {border: 0;}
|
|
|
.clear {clear: both;}
|
|
|
|
|
|
|
|
|
-/*===== Body =====*/
|
|
|
+/*============================================
|
|
|
+ Body
|
|
|
+==============================================*/
|
|
|
+
|
|
|
+body {
|
|
|
+ background: rgba(242,242,242,.7)
|
|
|
+}
|
|
|
+body,input,textarea {
|
|
|
+ color: #666;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
|
|
|
-body { background: rgba(242,242,242,.7) }
|
|
|
-body,input,textarea {color: #666;font-size: 12px;line-height: 18px;}
|
|
|
|
|
|
+/*============================================
|
|
|
+ Typography
|
|
|
+==============================================*/
|
|
|
|
|
|
-/*====== Grid ======*/
|
|
|
+body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;}
|
|
|
+input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
|
|
|
+
|
|
|
+.light {
|
|
|
+ color:#fcfcfc;
|
|
|
+}
|
|
|
+.dim {
|
|
|
+ color: #737373;
|
|
|
+}
|
|
|
+.right {
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+/*============================================
|
|
|
+ Grid
|
|
|
+==============================================*/
|
|
|
.container {
|
|
|
padding-right: 15px;
|
|
|
padding-left: 15px;
|
|
|
margin-right: auto;
|
|
|
margin-left: auto;
|
|
|
}
|
|
|
+.container-full {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 768px) {
|
|
|
+ .offcanvas {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
@media (min-width: 768px) {
|
|
|
.container {
|
|
|
width: 750px;
|
|
|
}
|
|
|
+ .offcanvas {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .site-title {
|
|
|
+ font-size: 25px;
|
|
|
+ }
|
|
|
}
|
|
|
@media (min-width: 992px) {
|
|
|
.container {
|
|
|
width: 970px;
|
|
|
}
|
|
|
+ .offcanvas {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
@media (min-width: 1200px) {
|
|
|
.container {
|
|
|
width: 1170px;
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.column, .columns {
|
|
|
- float: left;
|
|
|
- display: inline-block;
|
|
|
- padding: 0 30px;
|
|
|
- margin-bottom: 30px;
|
|
|
- margin: 0 auto;
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- -moz-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.eight.columns { width: 100%; }
|
|
|
-.seven.columns { width: 87.5%; }
|
|
|
-.six.columns { width: 75%; }
|
|
|
-.five.columns { width: 62.5%; }
|
|
|
-.four.columns { width: 50%; }
|
|
|
-.three.columns { width: 37.5%; }
|
|
|
-.two.columns { width: 25%; }
|
|
|
-.one.column { width: 12.5%; }
|
|
|
-
|
|
|
-.one-third.column { width: 33.33%;}
|
|
|
-.two-thirds.column { width: 66.66%;}
|
|
|
-
|
|
|
-@media only screen and (max-width: 479px) {
|
|
|
- .eight.columns,
|
|
|
- .seven.columns,
|
|
|
- .six.columns,
|
|
|
- .five.columns,
|
|
|
- .four.columns,
|
|
|
- .three.columns,
|
|
|
- .two.columns,
|
|
|
- .one.column,
|
|
|
- .one-third.column,
|
|
|
- .two-thirds.column
|
|
|
- {
|
|
|
- width: 100%;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.slate:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
|
|
|
-
|
|
|
-.clearfix:before,
|
|
|
-.clearfix:after,
|
|
|
-.row:before,
|
|
|
-.row:after {
|
|
|
- content: '\0020';
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- visibility: hidden;
|
|
|
- width: 0;
|
|
|
- height: 0; }
|
|
|
-.row:after,
|
|
|
-.clearfix:after {
|
|
|
- clear: both; }
|
|
|
-.row,
|
|
|
-.clearfix {
|
|
|
- zoom: 1; }
|
|
|
-
|
|
|
-.clear {
|
|
|
- clear: both;
|
|
|
- display: block;
|
|
|
- overflow: hidden;
|
|
|
- visibility: hidden;
|
|
|
- width: 0;
|
|
|
- height: 0;
|
|
|
}
|
|
|
-
|
|
|
-/*====== Type ======*/
|
|
|
-
|
|
|
-body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;}
|
|
|
-input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
|
|
|
-.glyphicon {
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.container {
|
|
|
-
|
|
|
+@media (min-width: 1310px) {
|
|
|
+ .offcanvas {
|
|
|
+ display: block;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+ body {
|
|
|
+ margin-right: 150px !important;
|
|
|
+ }
|
|
|
+ .navbar {
|
|
|
+ margin-right: 150px !important;
|
|
|
+ }
|
|
|
+ .nav-toggle {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
-/*===== Structure =====*/
|
|
|
|
|
|
|
|
|
-/*===== Layouts =====*/
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-/*===== Header =====*/
|
|
|
-.site-title {
|
|
|
- float: right;
|
|
|
- padding: 15px 0;
|
|
|
- font: 21px/27px "Courier New", Courier, mono;
|
|
|
-}
|
|
|
-.site-title a {
|
|
|
- color: #000;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-img.dw {
|
|
|
- float: right;
|
|
|
- margin: 15px 0;
|
|
|
-}
|
|
|
-#site-description {
|
|
|
- clear: right;
|
|
|
- float: right;
|
|
|
- font-style: italic;
|
|
|
- margin: 14px 0 18px 0;
|
|
|
- width: 160px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/*==== Nav =====*/
|
|
|
+/*============================================
|
|
|
+ Navbar
|
|
|
+==============================================*/
|
|
|
|
|
|
.navbar {
|
|
|
background-color: rgba(237, 237, 237, 0.7);
|
|
|
@@ -203,12 +161,10 @@ img.dw {
|
|
|
}
|
|
|
|
|
|
|
|
|
+/*============================================
|
|
|
+ NavMenu
|
|
|
+==============================================*/
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-.offcanvas {
|
|
|
- display: none;
|
|
|
-}
|
|
|
.offcanvas.in {
|
|
|
display: block;
|
|
|
}
|
|
|
@@ -216,7 +172,6 @@ img.dw {
|
|
|
-webkit-transition: .25s ease-in-out;
|
|
|
transition: .25s ease-in-out;
|
|
|
}
|
|
|
-
|
|
|
.navmenu,
|
|
|
.navbar-offcanvas {
|
|
|
width: 150px;
|
|
|
@@ -224,6 +179,7 @@ img.dw {
|
|
|
border-style: solid;
|
|
|
border-width: 1px;
|
|
|
border-radius: 4px;
|
|
|
+ padding-top:80px;
|
|
|
}
|
|
|
.navmenu-fixed-right,
|
|
|
.navbar-offcanvas {
|
|
|
@@ -234,14 +190,10 @@ img.dw {
|
|
|
overflow-y: auto;
|
|
|
border-radius: 0;
|
|
|
background-color: rgba(237, 237, 237, 0.7);
|
|
|
-}
|
|
|
-
|
|
|
-.navmenu-fixed-right {
|
|
|
left: auto;
|
|
|
right: 0;
|
|
|
border-width: 0 0 0 0px;
|
|
|
}
|
|
|
-
|
|
|
.nav-toggle {
|
|
|
padding: 15px 0;
|
|
|
padding: 10px 35px 16px 0px;
|
|
|
@@ -286,11 +238,78 @@ img.dw {
|
|
|
-o-transform: rotate(-45deg);
|
|
|
}
|
|
|
|
|
|
+ul.social {
|
|
|
+ padding: 5px 15px;
|
|
|
+}
|
|
|
+ul.social li {
|
|
|
+ float: left;
|
|
|
+ padding: 1px 3px;
|
|
|
+}
|
|
|
+#archives li {
|
|
|
+ list-style: none;
|
|
|
+ margin: 2px 8px;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.fa {
|
|
|
+ color: #777;
|
|
|
+}
|
|
|
+.fa-15x {
|
|
|
+ font-size: 1.6em !important;
|
|
|
+ padding: 2px 2px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*============================================
|
|
|
+ Header
|
|
|
+==============================================*/
|
|
|
+.site-title {
|
|
|
+ float: right;
|
|
|
+ padding: 15px 0;
|
|
|
+ font: 21px/27px "Courier New", Courier, mono;
|
|
|
+}
|
|
|
+.site-title a {
|
|
|
+ color: #000;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+img.dw {
|
|
|
+ float: right;
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+#site-description {
|
|
|
+ clear: right;
|
|
|
+ float: right;
|
|
|
+ font-style: italic;
|
|
|
+ margin: 14px 0 18px 0;
|
|
|
+ width: 160px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
|
|
|
-/*===== Content =====*/
|
|
|
+/*============================================
|
|
|
+ Content
|
|
|
+==============================================*/
|
|
|
+
|
|
|
+/*===== Structure =====*/
|
|
|
+.leader {
|
|
|
+ margin: 80px 0;
|
|
|
+ padding: 50px 0;
|
|
|
+}
|
|
|
+.dark {
|
|
|
+ background: #222;
|
|
|
+}
|
|
|
+.footer {
|
|
|
+ padding: 50px 0 100px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*===== Wordpress =====*/
|
|
|
|
|
|
.post {
|
|
|
- background: #ffffff;
|
|
|
+ background: #fff;
|
|
|
+ margin-bottom: 40px;
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -366,7 +385,7 @@ img.dw {
|
|
|
background: #f2f7fc;
|
|
|
}
|
|
|
.hentry {
|
|
|
- margin: 0 0 20px 0;
|
|
|
+ margin: 0 0 30px 0;
|
|
|
}
|
|
|
.reserved-gallery {
|
|
|
float: left;
|
|
|
@@ -602,13 +621,15 @@ body.page .edit-link {
|
|
|
}
|
|
|
.date {
|
|
|
float: right;
|
|
|
- margin: -20px 0 20px 50px;
|
|
|
+ margin: 0px 0 20px 50px;
|
|
|
color: #777;
|
|
|
font: 14px/18px "Courier New", Courier, mono;
|
|
|
}
|
|
|
|
|
|
|
|
|
-/*===== Meta ===== */
|
|
|
+/*============================================
|
|
|
+ Meta
|
|
|
+==============================================*/
|
|
|
|
|
|
.meta {
|
|
|
font-size: 11px;
|
|
|
@@ -634,7 +655,9 @@ span.fb {
|
|
|
background-position: 0 0;
|
|
|
}
|
|
|
|
|
|
-/*===== Comments =====*/
|
|
|
+/*============================================
|
|
|
+ Comments
|
|
|
+==============================================*/
|
|
|
|
|
|
.commentbubble {
|
|
|
font-size: 12px;
|
|
|
@@ -823,7 +846,26 @@ img.avatar {
|
|
|
|
|
|
|
|
|
|
|
|
-/*===== Gallery =====*/
|
|
|
+/*============================================
|
|
|
+ Media
|
|
|
+==============================================*/
|
|
|
+
|
|
|
+.video-container {
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 56.25%;
|
|
|
+ padding-top: 30px; height: 0; overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.video-container iframe,
|
|
|
+.video-container object,
|
|
|
+.video-container embed {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
|
|
|
.category-gallery .size-thumbnail img {
|
|
|
border: 10px solid #f1f1f1;
|
|
|
@@ -881,12 +923,11 @@ img.avatar {
|
|
|
|
|
|
/*===== Images ======*/
|
|
|
|
|
|
-.img-responsive {
|
|
|
- display: block;
|
|
|
- width: 100% \9;
|
|
|
- max-width: 100%;
|
|
|
- height: auto;
|
|
|
+.entry-content img {
|
|
|
+ max-width: 100%;
|
|
|
+ height: auto;
|
|
|
}
|
|
|
+
|
|
|
.img-rounded {
|
|
|
border-radius: 6px;
|
|
|
}
|
|
|
@@ -908,9 +949,6 @@ img.avatar {
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
-#content img {
|
|
|
- max-width: 880px;
|
|
|
-}
|
|
|
#content .home img {
|
|
|
border: 15px solid #000;
|
|
|
}
|
|
|
@@ -991,7 +1029,9 @@ img.avatar {
|
|
|
}
|
|
|
|
|
|
|
|
|
-/*====== Pagination =====*/
|
|
|
+/*============================================
|
|
|
+ Pagination
|
|
|
+==============================================*/
|
|
|
|
|
|
.navigation {
|
|
|
color: #888;
|
|
|
@@ -1072,7 +1112,10 @@ img.avatar {
|
|
|
}
|
|
|
|
|
|
|
|
|
-/*====== Footer =====*/
|
|
|
+/*============================================
|
|
|
+ Footer
|
|
|
+==============================================*/
|
|
|
+
|
|
|
p.cc {
|
|
|
float: right;
|
|
|
font-size: 14px;
|
|
|
@@ -1083,24 +1126,3 @@ span.quiet {
|
|
|
}
|
|
|
|
|
|
|
|
|
-/*====== Grid =====*/
|
|
|
-/* Containers {768|750 992|970 1200|1170}*/
|
|
|
-
|
|
|
-@media (min-width: 768px) {
|
|
|
- .site-title {
|
|
|
- font-size: 25px;
|
|
|
- font-family:"Courier New", Courier, mono;
|
|
|
- padding: 15px 15px;
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-@media (min-width: 992px) {
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-@media (min-width: 1200px) {
|
|
|
-
|
|
|
-
|
|
|
-}
|
