Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: a2789f3b4b
Fetching contributors…

Cannot retrieve contributors at this time

1557 lines (1266 sloc) 32.255 kb
/**
* Development stylesheet. Use this file for development purposes by adding this to your 'wp-config.php' file:
* define( 'SCRIPT_DEBUG', true );
*
* You shouldn't make changes to this file. Use a child theme instead
* @link https://github.com/jayj/Cakifo/wiki/Child-themes
*/
@import "less/variables.less";
@import "less/mixins.less";
/* =============================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 8/9
*/
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/* Addresses styling for `hidden` attribute not present in IE 8/9 */
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/* Apply a natural box layout model to all elements */
// http://paulirish.com/2012/box-sizing-border-box-ftw/
* {
.box-sizing(border-box);
}
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background-color: @bodyBackground;
color: @textColor;
#font > .serif;
margin: 0;
// Remove background color if a user removes the color
&.custom-background-empty {
background-color: @white;
}
&.custom-background-empty #content,
&.custom-background-empty #footer {
-webkit-box-shadow: none;
box-shadow: none;
}
}
/**
* Set site width and center the site.
* @siteWidth is defined in less/variables.less
*/
#wrapper {
width: 100%;
max-width: @siteWidth;
// min-width: 755px;
margin: 0 auto;
}
/* =============================================================================
Links
========================================================================== */
a {
color: @linkColor;
text-decoration: none;
&:hover {
color: @linkColorHover;
}
// Addresses `outline` inconsistency between Chrome and other browsers
&:focus {
.tab-focus();
}
// Improves readability when focused and also mouse hovered in all browsers
&:hover,
&:active {
outline: 0;
}
}
/* =============================================================================
Typography: Headings
========================================================================== */
h1, h2, h3, h4, h5, h6 {
color: @headingsColor;
font-family: @headingsFontFamily;
font-weight: @headingsFontWeight;
// Fix the character spacing for headings
text-rendering: optimizelegibility;
}
h1, h2 {
font-size: @headingsFontSize;
letter-spacing: -1px;
}
h3 {
color: @orangeDark;
font-size: (@headingsFontSize - 4px);
}
h4 {
#font > .sans-serif(@headingsFontSize - 4px, bold);
}
h5 {
font-size: (@headingsFontSize - 6px);
}
h6 {
#font > .shorthand(@headingsFontSize - 8px, normal);
}
/* Entry titles */
.entry-title {
font-size: (@headingsFontSize + 4px);
margin-bottom: 5px;
}
/* h3 headings in post content */
.entry-content h3 {
background: lighten(@grayLighter, 2.5%);
padding: 8px 10px;
}
/* Widget titles */
.widget-title {
.widget-title-bar;
// Links
a {
color: @grayDark;
&:hover { color: @linkColorHover; }
}
}
/* Section titles */
.section-title {
.section-title-bar;
box-shadow:
0 0 0 3px fade(@white, 90%),
-4px 0 3px fade(@black, 30%),
inset 0 1px 3px #ac3d18;
// Links
a {
color: @white;
display: block;
&:hover { color: @grayLighter; }
}
}
/* =============================================================================
Typography: Lists
========================================================================== */
li {
line-height: @baseLineHeight + 0.4;
}
dt {
font-weight: bold;
}
/* =============================================================================
Typography: Quotes
========================================================================== */
@import "less/quotes.less";
/* =============================================================================
Typography: Code
========================================================================== */
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
code, kbd, pre, samp {
#font > .monospace(inherit, normal);
}
/**
* Inline code
*/
code {
color: @green;
}
/**
* Blocks of code
*/
pre {
background: lighten(@grayDark, 6%);
border-radius: 5px;
color: @white;
padding: @smallGutterWidth;
overflow: auto;
/* Improves readability of pre-formatted text in all browsers */
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
code {
color: @white;
}
}
/* =============================================================================
Media
========================================================================== */
@import "less/media.less";
/* =============================================================================
Typography: HTML elements
========================================================================== */
/* Addresses styling not present in IE 8/9, Safari 5, and Chrome */
abbr[title] {
border-bottom: 1px dotted;
cursor: help;
}
acronym {
text-transform: uppercase;
border-bottom: 1px dashed @gray;
cursor: help;
}
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome
*/
b,
strong {
font-weight: bold;
}
em, cite {
font-style: italic;
}
/*
* Horizontal rule
*/
hr {
border: 0;
border-bottom: 4px double @grayLighter;
margin: @smallGutterWidth 0;
clear: both;
display: block;
height: 0;
padding: 0;
}
/*
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: @black;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
big {
font-size: 120%;
}
address {
font-style: italic;
margin: 0 0 25px 0;
}
li address,
dd address {
margin: 0;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Typography: Tables
========================================================================== */
@import "less/tables.less";
/* =============================================================================
Typography: Selections
========================================================================== */
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
*/
::-moz-selection {
background: @selectionColor;
color: @selectionTextColor;
text-shadow: none;
}
::selection {
background: @selectionColor;
color: @selectionTextColor;
text-shadow: none;
}
/* =============================================================================
Misc: Helper classes
========================================================================== */
@import "less/utilities.less";
/* =============================================================================
Layout: Topbar
========================================================================== */
#topbar {
background: @topbarBackground url(images/topbar.png) repeat; // The noise image is transparent
color: #ccc;
width: 100%;
min-height: 60px; // If you change the height in a child theme, you should set padding-top as well
position: relative;
&:after {
background: url(images/topbar-bottom.png) repeat-x;
content: "";
.size(100%, 10px);
position: absolute;
bottom: -11px;
left: 0;
}
}
/* =============================================================================
Layout: Main navigation
========================================================================== */
@import "less/navigation.less";
/* =============================================================================
Layout: Header
========================================================================== */
#branding {
padding: (@gutterWidth * 2) 0 (@gutterWidth + 10px);
}
#site-title {
float: left;
margin: 0 0 0 @gutterWidth;
span {
#font > .shorthand(46px, normal);
letter-spacing: -2px;
text-shadow: 0 1px 0 @white;
}
&.display-header-text span {
position: relative !important;
clip: auto;
}
a {
color: @linkColor;
&:hover { color: @linkColorHover; }
}
}
#site-description {
background-color: @white;
background-color: fade(@white, 53%);
#font > .alternative(21px);
border-radius: 3px;
color: @gray;
float: right;
margin: 10px @gutterWidth 0 0;
padding: 2px 8px;
}
/* =============================================================================
Layout: Content
========================================================================== */
@import "less/layouts.less";
/* =============================================================================
Layout: Slider
========================================================================== */
@import "less/slider.less";
/* =============================================================================
Layout: Posts
========================================================================== */
.hentry {
border-bottom: 4px double @grayLighter;
margin-bottom: @smallGutterWidth;
padding-bottom: @smallGutterWidth;
position: relative;
}
.sticky {
background: darken(#ffffe9, 2%);
padding: @smallGutterWidth;
.entry-title {
margin-top: 0;
}
}
/**
* Byline and entry meta
*/
.byline,
.entry-meta {
#font > .sans-serif(14px, normal, 2);
color: darken(@grayLight, 10%);
clear: both;
}
.byline {
margin-bottom: 15px;
}
.singular .entry-meta {
border-top: 1px solid @grayLighter;
margin-top: @smallGutterWidth;
padding: 15px 0 0;
}
.page-links {
clear: both;
}
/* =============================================================================
Components: Breadcrumbs
========================================================================== */
.breadcrumbs {
background: #f8f8f7;
border-bottom: 1px solid @grayLighter;
border-radius: 5px;
color: @gray;
#font > .alternative(14px, normal, 2);
margin-bottom: @smallGutterWidth;
padding: 12px @smallGutterWidth;
a {
color: #333;
&:hover {
color: @linkColorHover;
}
}
.trail-before {
margin-right: 3px;
}
.sep {
margin: 0 3px;
}
.trail-end {
font-style: italic;
}
}
/* =============================================================================
Layout: Post formats
========================================================================== */
@import "less/post-formats.less";
/* =============================================================================
Components: Author box
========================================================================== */
.author-profile {
.blue-box(@smallGutterWidth);
box-shadow: inset 0 0 20px #e8f0f4;
.author-name {
font-size: 18px;
margin-top: 0;
}
.twitter-link {
text-align: right;
margin-bottom: 0;
a {
background: url(images/twitter.png) no-repeat left bottom;
font-size: 14px;
padding-left: (@smallGutterWidth - 2px);
}
}
}
/* =============================================================================
Components: Loop meta
========================================================================== */
.loop-meta {
background: darken(#ffffe9, 2%);
border: double #eedbbb;
border-width: 4px 0;
padding: 10px @smallGutterWidth;
margin-bottom: @gutterWidth;
}
.loop-meta-home {
background: url(images/content-orange-line.png) repeat-x left bottom;
border: none;
margin: 0;
padding: 0 0 4px;
.paged & {
margin-bottom: @smallGutterWidth;
}
}
.loop-title {
font-size: 22px;
span {
font-weight: normal;
color: #d54e21;
}
}
/* =============================================================================
Components: Recent Posts
========================================================================== */
.recent-post {
float: left;
width: 220px;
margin-right: @gutterWidth;
.transition(opacity 250ms);
&:last-of-type {
margin-right: 0;
}
.entry-title {
font-size: 16px;
letter-spacing: 0;
margin: 0;
word-wrap: break-word;
}
.entry-header {
margin: 7px 0;
}
.recent-posts-meta {
color: darken(@grayLight, 5%);
font-size: 12px;
font-style: italic;
}
.thumbnail {
float: none;
margin: 0;
max-height: 150px;
}
.entry-summary {
.hyphens;
}
/* Lower opacity on every column except the hovered */
#recent-posts:hover &{
opacity: 0.75;
&:hover {
opacity: 1;
}
}
}
/* =============================================================================
Components: Headlines - Category lists
========================================================================== */
#headlines {
margin: @gutterWidth 0;
.widget-title {
margin-bottom: 15px;
}
}
.headline-list {
width: 470px;
float: left;
margin: 0 (@gutterWidth + 20px) @gutterWidth 0;
&:nth-child(2n) {
margin-right: 0;
}
&:nth-child(2n+1) {
clear: left;
}
ol {
list-style: none;
margin: 0;
padding: 0;
}
li {
border-bottom: 1px solid darken(@grayLighter, 5%);
padding: @smallGutterWidth 20px;
.clearfix;
&:hover,
&:active {
#gradient > .horizontal(#f7fafc, #f2f7fc, 50%);
}
}
.entry-title {
font-size: 18px;
margin: 0;
}
.headline-meta {
color: darken(@grayLight, 5%);
font-size: 14px;
font-style: italic;
}
.thumbnail {
float: left;
margin: 0 @smallGutterWidth 0 0;
}
}
/* =============================================================================
Components: Attachment pages
========================================================================== */
#image-info {
overflow: hidden;
}
#image-info h4 {
margin-bottom: 20px;
}
#image-info .image-info {
width: 286px;
float: left;
margin: 0 40px 0 0;
}
.image-info dl,
.image-info dt,
.image-info dd {
margin: 0;
}
.image-info dl {
line-height: 50px;
}
.image-info dt {
border-bottom: 1px solid #dfdfdf;
font-size: 16px;
float: left;
width: 100%;
padding: 5px 10px;
text-align: left;
clear: left;
}
.image-info dd {
font: 14px 'PT Serif', Georgia, serif;
float: right;
margin-top: -40px;
text-align: right;
}
.image-info dt:hover {
background: #f7fafc;
background-image: -webkit-linear-gradient(left, #f7fafc 50%, #f2f7fc);
background-image: -moz-linear-gradient(left, #f7fafc 50%, #f2f7fc);
background-image: -o-linear-gradient(left, #f7fafc 50%, #f2f7fc);
background-image: -ms-linear-gradient(left, #f7fafc 50%, #f2f7fc);
background-image: linear-gradient(to left, #f7fafc 50%, #f2f7fc);
}
#attachment-gallery {
width: 600px;
float: right;
}
/* =============================================================================
Layout: 404 Error Page
========================================================================== */
.not-found-widgets {
margin-top: 40px;
padding-left: 5px;
}
.not-found-widgets .widget {
width: 270px;
float: left;
margin: 0 20px 20px;
}
.not-found-widgets .widget:nth-of-type(3n) {
margin-right: 0;
}
/* =============================================================================
Components: Pagination
========================================================================== */
.pagination {
clear: both;
font: bold 14px sans-serif;
margin: 40px 0 30px;
}
.pagination a,
.pagination > span {
background: #e3e3e3;
border-radius: 3px;
color: #464646;
display: inline-block;
margin: 0 2px 8px 0;
padding: 10px 14px 9px;
text-shadow: 0 1px 0 #fff;
box-shadow: 0 2px 0 #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
-ms-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.pagination a:hover {
background: #d54e21;
color: #fff;
text-shadow: 0 -1px 0 #7b000f;
box-shadow: 0 2px 0 #9b000f;
}
.pagination .current {
background: #464646;
color: #fff;
text-shadow: 0 -1px 0 #000;
box-shadow: 0 2px 0 #3e3e3e;
}
/* Prev and next post pagination */
.post-pagination a {
max-width: 49%;
line-height: 1.6;
}
.post-pagination a[rel=prev] {
float: left;
}
.post-pagination a[rel=next] {
float: right;
}
/* =============================================================================
Components: Widgets
========================================================================== */
.widget {
margin-bottom: 25px;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#sidebar-after-singular .widget .textwidget,
#sidebar-after-single .widget .textwidget {
padding: 0 20px;
}
/**
* Calendar
*/
#wp-calendar tr th,
#wp-calendar thead th,
#wp-calendar tr td {
padding: 5px;
text-align: center;
}
#sidebar-subsidiary #wp-calendar th,
#sidebar-subsidiary #wp-calendar tr td {
font-size: 12px;
padding: 0px 0px;
}
/**
* Related Posts widget
*/
/* Related Posts with thumbnails turned on */
.related-posts .with-thumbnails {
list-style-type: none;
margin: 0 25px;
}
.related-posts .with-thumbnails .related-post {
background: #fff;
border: 1px solid #e7e7e7;
box-shadow: 0 2px 0 #e7e7e7;
border-radius: 3px;
width: 100px;
height: 100px;
float: left;
margin-right: 15px;
}
.related-posts .with-thumbnails .related-post:hover {
background: #d54e21;
border-color: #9b000f;
color: #fff;
text-shadow: 0 -1px 0 #7b000f;
box-shadow: 0 2px 0 #9b000f;
}
.related-posts .with-thumbnails .related-post:nth-of-type(5n) {
margin-right: 0;
}
.related-posts .with-thumbnails .related-post > a {
display: block;
width: 100%; height: 100%;
text-align: center;
word-wrap: break-word;
overflow: hidden;
}
.related-posts .with-thumbnails .related-post > a:hover {
color: #fff;
}
.related-posts .with-thumbnails .related-post img {
border: none;
padding: 0;
max-width: 100%;
}
.related-posts .with-thumbnails .related-post span {
font: 13px 'PT Serif', Georgia, serif;
}
/* IE fixes */
.related-posts .with-thumbnails .related-post {
margin-right: 7px;
margin-left: 7px;
}
/* =============================================================================
Layout: Comments
========================================================================== */
.comment-list,
.comment-list ol {
list-style: none;
margin: 0;
}
.comment-list li.comment {
border-bottom: 1px solid #eee;
padding: 20px 20px 0 20px;
overflow: hidden;
}
/* Replies */
.comment-list .children li.comment {
background: #fff;
border-top: 1px solid #eee;
border-bottom: none;
}
.comment-list .depth-2 {
border-left: 3px solid #04648d;
}
.comment-list .depth-3 {
border-left: 3px solid #ce3000;
}
.comment-list .depth-4 {
border-left: 3px solid #849219;
}
.comment-list .depth-5,
.comment-list .depth-5 li {
border-left: 3px solid #E1C40F;
}
.comment-list .odd,
.comment-list .children .odd {
background: #ffffee;
}
.comment-list .bypostauthor {
background: #f2f7fc!important;
}
/* Comment metadata */
.comment-meta {
color: #999;
font: normal normal normal 12px/25px sans-serif;
margin: 0 0 10px 0;
}
.comment-meta a {
color: #666;
}
.comment-meta a:hover {
color: #d64e20;
text-decoration: none;
}
/* Comment author */
.comment-author {
color: #555;
display: block;
font: bold 16px 'PT Serif', Georgia, serif;
}
.comment-author cite {
font-style: normal;
}
/* Comment reply link */
.comment-reply-link {
border-bottom: none;
color: #04648d;
font-weight: bold;
}
a.comment-reply-link:hover,
.comment-author cite a:hover {
background: #568cbb;
color: #fff;
}
/* Comment published date/time */
.comment-meta abbr {
border: none;
}
/* Comment text */
.comment-text {
clear: left;
}
/* =============================================================================
Layout: Forms
========================================================================== */
@import "less/forms.less";
/* =============================================================================
Components: Message boxes
========================================================================== */
.note,
.warning,
.alert,
.error,
.download,
.success {
border-radius: 5px;
color: #444;
font: 14px/25px 'PT Serif', Georgia, serif;
padding: 25px;
margin: 0 0 25px 0;
}
/* Notes */
.note {
background: #eee;
border: 1px solid #e2e2e2;
}
/* Warnings/Alerts */
.warning,
.alert {
background: #fffbbc;
/*border: 1px solid #e6db55;*/
box-shadow: 0 0 10px #e6db55;
}
/* Errors */
.error {
background: #ffebe8;
/*border: 1px solid #c00;*/
box-shadow: 0 0 4px #c00;
}
/* Downloads/Success */
.download,
.success {
background: #e7f7d3;
/*border: 1px solid #6c3;*/
box-shadow: 0 0 5px #6c3;
}
/* =============================================================================
Components: Twitter share button
========================================================================== */
.facebook-share-button,
.twitter-share-button {
border: none;
}
.twitter-share {
display: inline-block;
font: bold 12px/1.5 Arial, sans-serif;
overflow: hidden;
text-align: center;
*display: inline; /* trigger inline-block behaviour in IE < 8 */
zoom: 1; /* trigger hasLayout in IE < 8 */
}
.twitter-button:link,
.twitter-button:visited {
background: url(images/tweet.png) no-repeat;
width: 55px; height: 20px;
float: left;
position: relative;
overflow: hidden;
text-indent: -999em;
}
.twitter-button:hover,
.twitter-button:focus {
background-position: 0 -20px;
}
.twitter-button:active {
background-position: 0 -40px;
}
/* The count */
.twitter-count:link,
.twitter-count:visited {
border: 1px solid #cee3f0;
border-radius: 2px;
color: #2a7090;
min-width: 20px;
height: 18px;
line-height: 18px;
float: left;
margin: 0 0 0 7px;
padding: 0 4px;
position: relative;
text-decoration: none;
}
.twitter-count:hover,
.twitter-count:focus,
.twitter-count:active {
background: #e8f3f9;
border: 1px solid #9dc6e1;
color: #30566D;
text-shadow: 0 1px 0 #fff;
}
/* The count tooltip. Not displayed in IE < 8 */
.twitter-count:before {
background: url(images/tweet.png) no-repeat 0 -60px;
content: "";
width: 5px; height: 9px;
margin: -4px 0 0;
position: absolute;
top: 50%;
left: -5px;
}
.twitter-count:hover:before,
.twitter-count:focus:before,
.twitter-count:active:before {
background-position: -5px -60px;
}
/* Vertical variant */
.twitter-button-size-vertical {
padding-top: 42px;
position: relative;
}
.twitter-button-size-vertical .twitter-count {
font: bold 16px/34px Arial, sans-serif;
width: 45px; height: 34px;
margin: 0;
text-align: center;
position: absolute;
top: 0; left: 0;
}
.twitter-button-size-vertical .twitter-count:before {
background-position: -10px -60px;
width: 9px; height: 5px;
margin: 0 0 0 -4px;
top: 100%; left: 50%;
}
.twitter-button-size-vertical .twitter-count:hover:before,
.twitter-button-size-vertical .twitter-count:focus:before,
.twitter-button-size-vertical .twitter-count:active:before {
background-position: -10px -65px;
}
/* =============================================================================
Components: Surprise!
========================================================================== */
.shake-it-baby{-webkit-animation:shake-it-baby 1s infinite;-webkit-transition:all 1s ease;-moz-animation:shake-it-baby 1s infinite;-moz-transition:all 1s ease;animation:shake-it-baby 1s infinite;transition:all 1s ease}
@-webkit-keyframes shake-it-baby{0%{-webkit-transform:scale(1.1) skew(-2deg)}10%{background-color:#f00}20%{background-color:#f300ff}30%{background-color:#f3ffba}40%{background-color:#00f9ff}50%{-webkit-transform:scale(1.15) skew(1deg); background-color:#08ff00}60%{background-color:#fff700}70%{background-color:#ff2a00}80%{background-color:#60a63a}90%{background-color:#0500ff}100%{-webkit-transform:scale(1.0) skew(0);background-color:#fff}}
@-moz-keyframes shake-it-baby{0%{-moz-transform:scale(1.1) skew(-2deg)}10%{background-color:#f00}20%{background-color:#f300ff}30%{background-color:#f3ffba}40%{background-color:#00f9ff}50%{-moz-transform:scale(1.15) skew(1deg); background-color:#08ff00}60%{background-color:#fff700}70%{background-color:#ff2a00}80%{background-color:#60a63a}90%{background-color:#0500ff}100%{-moz-transform:scale(1.0) skew(0);background-color:#fff}}
@keyframes shake-it-baby{0%{transform:scale(1.1) skew(-2deg)}10%{background-color:#f00}20%{background-color:#f300ff}30%{background-color:#f3ffba}40%{background-color:#00f9ff}50%{transform:scale(1.15) skew(1deg); background-color:#08ff00}60%{background-color:#fff700}70%{background-color:#ff2a00}80%{background-color:#60a63a}90%{background-color:#0500ff}100%{transform:scale(1.0) skew(0);background-color:#fff}}
/* =============================================================================
Media Queries: Max-width 980px
========================================================================== */
@media screen and (max-width: 980px) {
#wrapper, #topbar .wrap { width: 99%; }
// #slider {
// width: 100%;
// margin-left: 0;
// margin-bottom: 10px;
// padding: 0;
// }
// #slider .entry-summary {
// max-width: 270px;
// }
#main {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
#content,
#footer {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
// #recent-posts .recent-post,
// .headline-list {
// margin-right: 20px;
// }
// #recent-posts .recent-post {
// margin-right: 1%;
// }
.section-title {
margin-left: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Float the sidebars so they are in two columns after the content */
#sidebar-primary {
float: left;
width: 45%;
margin: 0 !important;
}
#sidebar-secondary {
width: 45%;
margin: 0 !important;
}
#rss-subscribe { display: none; }
/* Attachment page */
#image-info .image-info {
width: 30%;
}
#attachment-gallery {
width: 60%;
}
/* Pagination */
.pagination a,
.pagination > span {
margin-right: 2px;
padding: 18px 24px 16px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
}
/* =============================================================================
Media Queries: Max-width 768px
========================================================================== */
@media screen and (max-width: 768px) {
/* Hide slider */
// #slider {
// display: none;
// }
/* Make the Recent Posts one column */
// #recent-posts .recent-post {
// border-bottom: 1px solid #ccc;
// float: none;
// width: 100%;
// min-height: 140px;
// padding: 20px 0;
// }
// #recent-posts .recent-post img {
// float: left;
// margin-right: 20px;
// }
// #recent-posts .section-title {
// margin-top: 20px;
// }
/* Make the Category Headlines list two columns */
// .headline-list {
// width: 45%;
// }
// .headline-list:nth-child(2n) {
// float: right;
// }
// .headline-list li {
// padding: 10px;
// }
// #recent-posts .recent-post:hover,
// #recent-posts .recent-post:active,
// .headline-list li:hover,
// .headline-list li:active {
// background: #f7fafc;
// }
/* Add a background to the search inputs */
#topbar .search-form .search-text,
#topbar .search-form .search-submit {
background-color: #666;
}
/* Attachment page */
#image-info .image-info dt {
border-bottom: none;
float: none;
padding: 0;
}
#image-info .image-info dt:hover {
background: none;
}
#image-info .image-info dd {
float: none;
margin: 0 0 0 20px;
text-align: left;
}
}
/* =============================================================================
Media Queries: Max-width 480px
========================================================================== */
@media screen and (max-width: 480px) {
#branding {
text-align: center;
}
#site-title,
#site-description {
float: none;
}
#site-description {
margin: 20px 0 0;
}
/* Hide thumbnails from the Recent Posts */
// #recent-posts img {
// display: none;
// }
/* Make the widget areas full width */
.widget-area,
.headline-list {
width: 100% !important;
float: none !important;
}
/* Make the comment form better */
#respond p.form-email,
#respond p.form-author {
float: none;
width: 100%;
}
#respond p.form-author input[type="text"],
#respond p.form-email input[type="text"] {
width: 98%;
}
#respond p.form-email input[type="text"] {
float: none;
}
#respond label {
font-size: 16px;
}
#respond p.form-email > label {
padding-left: 0;
}
#respond #submit {
font-size: 18px;
width: 100%;
padding: 25px;
}
}
/* =============================================================================
Print styles
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
body {
background: none !important;
font-size: 16px;
}
/* Show the link address after each link in the entry content */
.entry-content a:after {
font-size: 12px;
content:" [" attr(href) "] ";
}
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
}
#topbar, #site-title img, .sidebar, #sidebar-subsidiary, #respond, .pagination, object, embed, video, audio, iframe[src*=youtube], #slider, .format-quote .entry-format,
blockquote:before, blockquote p:after, .twitter-share, .fb-like, .delicious-share-button, .digg-share-button, #___plusone_0, .author-profile .twitter-link, .avatar,
.comment-meta .permalink, .comment-reply-link, .more-link, .comments-link {
display: none !important;
}
#content, #footer, .loop-meta, blockquote, .author-profile, code, pre, table, tr th, thead th, tr td, tr:nth-child(2n) td, table caption {
background: none;
}
#content, #footer, #footer .wrap {
margin: 0;
}
#content, #footer, .thumbnail, .section-title {
padding: 0;
}
.thumbnail, blockquote, .author-profile, pre {
border: none;
}
#content, #footer {
width: auto;
}
#content, .thumbnail, #footer, blockquote, .author-profile, table, tr th, thead th, .section-title {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
h3,
table caption,
.breadcrumbs,
.section-title,
.section-title.alternative-section-title {
background: none;
color: #333;
border: none;
}
#main {
width: 100%;
margin-top: 0;
}
#branding {
padding: 20px 0 0;
}
#site-title a:after {
content: attr(title);
color: #000;
font-size: 46px;
letter-spacing: -2px;
}
#footer {
font-size: 14px;
margin-bottom: 10px;
}
#headlines { margin: 10px 0; }
#headlines h2, .breadcrumb { margin-bottom: 0; }
.headline-list { margin-bottom: 5px; }
#sidebar-after-singular .widget,
#sidebar-after-single .widget {
margin-bottom: 5px;
}
.section-title {
margin-left: 0;
}
.author-profile {
margin: 10px 0 0;
padding: 0 25px;
}
blockquote {
font-style: italic;
}
tr, img { page-break-inside: avoid; }
#comments { page-break-before: always; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
.comment-list li, .comment-list .bypostauthor {
background: #fff !important;
border-left: none !important;
}
}
Jump to Line
Something went wrong with that request. Please try again.