3394 lines
65 KiB
CSS
3394 lines
65 KiB
CSS
/*
|
||
Theme Name: scapegoat
|
||
Theme URI: http://experimental.zutrinken.com/
|
||
|
||
Author: Peter Amende
|
||
Author URI: http://www.zutrinken.com
|
||
|
||
Version: 1.6.5
|
||
|
||
Description: This Theme is made by <a target="_blank" href="http://zutrinken.com">Peter Amende</a> for the <a target="_blank" href="http://berlin.piratenpartei.de">Piratenpartei Berlin</a>, Germany.
|
||
Tags: light, white, grey, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, sticky-post, theme-options, translation-ready
|
||
|
||
|
||
License: GNU General Public License v2 or later
|
||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||
*/
|
||
|
||
/*
|
||
|
||
## Index
|
||
|
||
01 Fonts
|
||
02 Reset
|
||
03 WP-Presets
|
||
04 Presets
|
||
05 Arcticle
|
||
06 Comments
|
||
07 Layout
|
||
08 Frontpage
|
||
09 Widgets
|
||
10 Navigation
|
||
11 Media Queries
|
||
|
||
▲
|
||
▲ ▲
|
||
|
||
|
||
Grey: #f4f4f4
|
||
#d1d1d1
|
||
#bfbfbf
|
||
#808080
|
||
#404040
|
||
#232323
|
||
#181818
|
||
|
||
Grey: #f7f9fa
|
||
|
||
Orange: #f80
|
||
#ff6f00
|
||
#f50
|
||
|
||
Blue: #0077b3
|
||
#005580
|
||
|
||
*/
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Fonts
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
@font-face {
|
||
font-family: 'PoliticsHeadBold';
|
||
src: url('fonts/PoliticsHeadv1_9.eot');
|
||
src: local('☺'), url('fonts/PoliticsHeadv1_9.woff') format('woff'), url('fonts/PoliticsHeadv1_9.ttf') format('truetype'), url('fonts/PoliticsHeadv1_9.svg') format('svg');
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
}
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Reset
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
html, body, div, span, object, iframe,
|
||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
|
||
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
|
||
fieldset, form, label, legend,
|
||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||
article, aside, canvas, details, figcaption, figure,
|
||
footer, header, hgroup, menu, nav, section, summary,
|
||
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
|
||
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
|
||
blockquote, q { quotes: none; }
|
||
blockquote:before, blockquote:after,
|
||
q:before, q:after { content: ''; content: none; }
|
||
ins { background-color: #ff9; color: #000; text-decoration: none; }
|
||
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
|
||
del { text-decoration: line-through; }
|
||
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
|
||
table { border-collapse: collapse; border-spacing: 0; }
|
||
hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }
|
||
input, select { vertical-align: middle; }
|
||
|
||
body { font-family: sans-serif; *font-size:small; }
|
||
select, input, textarea, button { font-family: sans-serif; }
|
||
pre, code, kbd, samp { font-family: monospace, sans-serif; }
|
||
|
||
html { overflow-y: scroll; }
|
||
a:hover, a:active { outline: none; }
|
||
a:focus { outline: thin dotted; }
|
||
ul, ol { margin-left: 0; }
|
||
ol { list-style-type: decimal; }
|
||
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
|
||
small { font-size: 85%; }
|
||
strong, th { font-weight: bold; }
|
||
td { vertical-align: top; }
|
||
|
||
sub, sup { font-size: 75%; line-height: 0; position: relative; }
|
||
sup { top: -0.5em; }
|
||
sub { bottom: -0.25em; }
|
||
|
||
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
|
||
textarea { overflow: auto; }
|
||
.ie6 legend, .ie7 legend { margin-left: -7px; }
|
||
input[type="radio"] { vertical-align: middle; }
|
||
input[type="checkbox"] { vertical-align: middle; }
|
||
.ie7 input[type="checkbox"] { vertical-align: baseline; }
|
||
.ie6 input { vertical-align: text-bottom; }
|
||
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
|
||
button, input, select, textarea { margin: 0; }
|
||
input:valid, textarea:valid { }
|
||
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
|
||
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
|
||
|
||
::-moz-selection { background: #0077b3; color: #fff; text-shadow: none; }
|
||
::selection { background:#0077b3; color:#fff; text-shadow: none; }
|
||
a:link { -webkit-tap-highlight-color: #0077b3; }
|
||
|
||
button { width: auto; overflow: visible; }
|
||
.ie7 img { -ms-interpolation-mode: bicubic; }
|
||
|
||
body, select, input, textarea { color: #444; }
|
||
h1, h2, h3, h4, h5, h6, h7 {}
|
||
a, a:active, a:visited { color: inherit; text-decoration: none;}
|
||
a:hover, a:focus {}
|
||
|
||
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
|
||
.hidden { display: none; visibility: hidden; }
|
||
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
|
||
.visuallyhidden.focusable:active,
|
||
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
|
||
.invisible { visibility: hidden; }
|
||
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
|
||
.clearfix:after, .clear { clear: both; }
|
||
.clearfix { zoom: 1; }
|
||
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* WP Stuff
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
|
||
|
||
/* ------------------------------ Alignments */
|
||
|
||
.alignnone {
|
||
margin: 1.5em auto 1.5em;
|
||
}
|
||
.aligncenter,
|
||
.center {
|
||
text-align: center;
|
||
display: block;
|
||
margin: 1em auto 1.5em;
|
||
}
|
||
figure.aligncenter,
|
||
img.center,
|
||
img[align="center"] {
|
||
display: block;
|
||
margin: 1em auto 1.5em;
|
||
}
|
||
.alignleft {
|
||
float: left;
|
||
}
|
||
figure.alignleft,
|
||
img.alignleft,
|
||
img[align="left"] {
|
||
float: left;
|
||
margin: 1em 3em 1.5em 0;
|
||
}
|
||
.alignright {
|
||
float: right;
|
||
}
|
||
figure.alignright,
|
||
img.alignright,
|
||
img[align="right"] {
|
||
float: right;
|
||
margin: 1em 0 1.5em 3em;
|
||
}
|
||
|
||
/* ------------------------------ Caption */
|
||
|
||
.wp-caption {
|
||
max-width: 100%;
|
||
height: auto;
|
||
font-size: 0.7em;
|
||
line-height: 1em;
|
||
}
|
||
.wp-caption .wp-caption-text {
|
||
display: block;
|
||
text-align: center;
|
||
margin: 0.2em 0 0;
|
||
padding: 0;
|
||
color: #808080;
|
||
}
|
||
.wp-caption .wp-caption-text a,
|
||
.wp-caption .wp-caption-text a:active
|
||
.wp-caption .wp-caption-text a:visited {
|
||
color: inherit;
|
||
text-decoration: underline;
|
||
}
|
||
.wp-caption .wp-caption-text a:hover,
|
||
.wp-caption .wp-caption-text a:focus {
|
||
text-decoration: none;
|
||
}
|
||
|
||
/* ------------------------------ Gallery */
|
||
|
||
.gallery {
|
||
margin: auto;
|
||
font-size: 0.7em;
|
||
line-height: 1em;
|
||
}
|
||
.gallery .gallery-item {
|
||
text-align: center;
|
||
margin: auto;
|
||
}
|
||
.gallery .gallery-item .gallery-icon {
|
||
padding: 10px;
|
||
}
|
||
.gallery .gallery-item .gallery-icon img {
|
||
border: 2px solid #fff !important;
|
||
|
||
-webkit-box-shadow: 0 0 5px #bbb;
|
||
-moz-box-shadow: 0 0 5px #bbb;
|
||
box-shadow: 0 0 5px #bbb;
|
||
|
||
-webkit-transition: all 0.2s ease-out;
|
||
-moz-transition: all 0.2s ease-out;
|
||
-ms-transition: all 0.2s ease-out;
|
||
-o-transition: all 0.2s ease-out;
|
||
transition: all 0.2s ease-out;
|
||
}
|
||
.gallery .gallery-item:hover .gallery-icon img,
|
||
.gallery .gallery-item:focus .gallery-icon img {
|
||
-webkit-box-shadow: 0 0 0 5px #ddd;
|
||
-moz-box-shadow: 0 0 0 5px #ddd;
|
||
box-shadow: 0 0 0 5px #ddd;
|
||
}
|
||
.gallery .gallery-item .gallery-caption {
|
||
margin: 0;
|
||
color: #808080;
|
||
}
|
||
|
||
.gallery .gallery-item .gallery-caption a,
|
||
.gallery .gallery-item .gallery-caption a:active
|
||
.gallery .gallery-item .gallery-caption a:visited {
|
||
color: inherit;
|
||
text-decoration: underline;
|
||
}
|
||
.gallery .gallery-item .gallery-caption a:hover,
|
||
.gallery .gallery-item .gallery-caption a:focus {
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
/* ------------------------------ Shortcodes - Coloumns */
|
||
|
||
.two-columns-one {
|
||
width: 48%;
|
||
}
|
||
.three-columns-one {
|
||
width: 30.66666666666667%;
|
||
}
|
||
.three-columns-two {
|
||
width: 65.333%;
|
||
}
|
||
.four-columns-one {
|
||
width: 22%;
|
||
}
|
||
.four-columns-two {
|
||
width: 48%;
|
||
}
|
||
.four-columns-three {
|
||
width: 74%;
|
||
}
|
||
.two-columns-one,
|
||
.three-columns-one,
|
||
.three-columns-two,
|
||
.four-columns-one,
|
||
.four-columns-two,
|
||
.four-columns-three {
|
||
position:relative;
|
||
float:left;
|
||
margin-right:4%;
|
||
margin-bottom:0;
|
||
}
|
||
.last {
|
||
clear: right;
|
||
margin-right: 0;
|
||
}
|
||
.divider {
|
||
width: 100%;
|
||
margin-bottom: 1.5em;
|
||
padding-top: 1.5em;
|
||
display: block;
|
||
clear: both;
|
||
}
|
||
|
||
|
||
/* ------------------------------ Shortcodes - Buttons */
|
||
.standard-btn {
|
||
display: inline-block;
|
||
margin: 0.5em 0.5em 0;
|
||
padding: 0.75em 1em;
|
||
overflow: hidden;
|
||
cursor: pointer;
|
||
font-size: 1em;
|
||
text-align: center;
|
||
font-weight: 400;
|
||
text-decoration: none !important;
|
||
|
||
-webkit-transition:.2s background ease;
|
||
-moz-transition:.2s background ease;
|
||
transition:.2s background ease;
|
||
|
||
-webkit-border-radius: 0.125em;
|
||
-moz-border-radius: 0.125em;
|
||
border-radius: 0.125em;
|
||
|
||
color: #fff !important;
|
||
background: #f80;
|
||
border: 0.125em solid #f56a00;
|
||
}
|
||
.standard-btn:hover {
|
||
border: 0.125em solid #f55200;
|
||
background: #ff6f00;
|
||
}
|
||
.standard-btn:focus {
|
||
border: 0.125em solid #f53900;
|
||
background: #f50;
|
||
}
|
||
|
||
|
||
|
||
|
||
.round-btn {
|
||
-webkit-border-radius: 10em;
|
||
-moz-border-radius: 10em;
|
||
border-radius: 10em;
|
||
}
|
||
.bold-btn {
|
||
font-weight:bold;
|
||
text-transform:uppercase;
|
||
letter-spacing:1px;
|
||
}
|
||
.standard-btn.xsmall-btn.bold-btn {
|
||
font-size:10px;
|
||
}
|
||
.standard-btn.small-btn.bold-btn {
|
||
font-size:12px;
|
||
}
|
||
.standard-btn.bold-btn {
|
||
font-size:14px;
|
||
}
|
||
.standard-btn.large-btn.bold-btn {
|
||
font-size:16px;
|
||
}
|
||
.standard-btn.xlarge-btn.bold-btn {
|
||
font-size:18px;
|
||
}
|
||
.standard-btn.xsmall-btn {
|
||
padding: 0.25em 0.75em;
|
||
font-size: 0.75em;
|
||
}
|
||
.standard-btn.small-btn {
|
||
padding: 0.5em 1em;
|
||
font-size: 0.875em;
|
||
}
|
||
.standard-btn.large-btn {
|
||
margin: 0.75em 0.75em 0;
|
||
padding: 1em 1.25em;
|
||
font-size: 1.125em;
|
||
}
|
||
.standard-btn.xlarge-btn {
|
||
margin: 1em 1em 0;
|
||
padding: 1.25em 1.5em;
|
||
font-size: 1.25em;
|
||
}
|
||
|
||
|
||
.blue-btn,
|
||
.red-btn,
|
||
.green-btn,
|
||
.grey-btn,
|
||
.lightgrey-btn,
|
||
.darkgrey-btn {
|
||
border-color: transparent !important;
|
||
border-color: rgba(0,0,0,0.1) !important;
|
||
}
|
||
|
||
.blue-btn {
|
||
background: #0077b3;
|
||
}
|
||
.blue-btn:hover,
|
||
.blue-btn:focus {
|
||
background: #005580;
|
||
}
|
||
|
||
|
||
.red-btn {
|
||
background: #cc3314;
|
||
}
|
||
.red-btn:hover,
|
||
.red-btn:focus {
|
||
background: #a62911;
|
||
}
|
||
.green-btn {
|
||
background: #89b336;
|
||
}
|
||
.green-btn:hover,
|
||
.green-btn:focus {
|
||
background: #75992e;
|
||
}
|
||
|
||
|
||
.grey-btn {
|
||
background: #808080;
|
||
}
|
||
.grey-btn:hover,
|
||
.grey-btn:focus {
|
||
background: #404040;
|
||
}
|
||
.lightgrey-btn {
|
||
background: #bfbfbf;
|
||
}
|
||
.lightgrey-btn:hover,
|
||
.lightgrey-btn:focus {
|
||
background: #808080;
|
||
}
|
||
.darkgrey-btn {
|
||
background: #404040;
|
||
}
|
||
.darkgrey-btn:hover,
|
||
.darkgrey-btn:focus {
|
||
background: #000;
|
||
}
|
||
|
||
|
||
|
||
/* ------------------------------ Searchform */
|
||
|
||
.searchform {
|
||
position: relative;
|
||
}
|
||
.searchform .searchinput {
|
||
width: 100%;
|
||
height: 3em;
|
||
}
|
||
.searchform .searchinput:hover,
|
||
.searchform .searchinput:focus {}
|
||
|
||
.searchform .searchsubmit {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
border: 0;
|
||
font-size: 1.25em;
|
||
display: block;
|
||
padding: 0;
|
||
margin: 3px;
|
||
color: #0077b3;
|
||
background: transparent;
|
||
width: 2em;
|
||
height: 2em;
|
||
|
||
-webkit-box-shadow: none;
|
||
-moz-box-shadow: none;
|
||
box-shadow: none;
|
||
}
|
||
.searchform .searchsubmit:hover,
|
||
.searchform .searchsubmit:focus {
|
||
color: #005580;
|
||
}
|
||
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Presets
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
body,
|
||
input,
|
||
select,
|
||
textarea {
|
||
font-family: 'Open Sans', 'Helvetica Neue', 'Arial', Sans-Serif;
|
||
font-size: 1em;
|
||
line-height: 1.5em;
|
||
font-weight: 400;
|
||
vertical-align: baseline;
|
||
color: #404040;
|
||
-webkit-font-smoothing: antialiased;
|
||
-webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px;
|
||
}
|
||
|
||
/* ------------------------------ Headlines */
|
||
|
||
h1, h2, h3, h4, h5, h6, h7 {
|
||
font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif;
|
||
font-weight: 400;
|
||
margin: 1em 0;
|
||
color: #181818;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 2.4em;
|
||
line-height: 1em;
|
||
}
|
||
h2 {
|
||
font-size: 1.9em;
|
||
line-height: 1em;
|
||
}
|
||
h3 {
|
||
font-size: 1.5em;
|
||
line-height: 1em;
|
||
}
|
||
h4 {
|
||
font-size: 1.2em;
|
||
line-height: 1em;
|
||
}
|
||
h5 {
|
||
font-size: 1em;
|
||
line-height: 1em;
|
||
}
|
||
h6 {
|
||
font-size: 1em;
|
||
line-height: 1em;
|
||
}
|
||
|
||
/* ------------------------------ Text */
|
||
|
||
a,
|
||
a:active,
|
||
a:visited {
|
||
color: #f80;
|
||
}
|
||
a:hover,
|
||
a:focus {
|
||
color: #f50;
|
||
}
|
||
|
||
|
||
.article a[href*="/feed"],
|
||
.article a[href*="mailto:"],
|
||
.article a[href*="app.net"],
|
||
.article a[href*="tumblr.com"],
|
||
.article a[href*="flickr.com"],
|
||
.article a[href*="github.com"],
|
||
.article a[href*="tumblr.com"],
|
||
.article a[href*="youtube.com"],
|
||
.article a[href*="twitter.com"],
|
||
.article a[href*="facebook.com"],
|
||
.article a[href*="wikipedia.org"],
|
||
.article a[href*="plus.google.com"] {
|
||
display: inline-block;
|
||
}
|
||
|
||
.article a[href*="/feed"]:before,
|
||
.article a[href*="mailto:"]:before,
|
||
.article a[href*="app.net"]:before,
|
||
.article a[href*="tumblr.com"]:before,
|
||
.article a[href*="flickr.com"]:before,
|
||
.article a[href*="github.com"]:before,
|
||
.article a[href*="youtube.com"]:before,
|
||
.article a[href*="twitter.com"]:before,
|
||
.article a[href*="facebook.com"]:before,
|
||
.article a[href*="wikipedia.org"]:before,
|
||
.article a[href*="plus.google.com"]:before {
|
||
font-family: 'FontAwesome';
|
||
display: inline-block;
|
||
margin: 0 0.5em 0 0.25em;
|
||
color: #bfbfbf;
|
||
}
|
||
|
||
.article a[href*="/feed"]:before {
|
||
content: '\f09e';
|
||
color: #ee9900;
|
||
}
|
||
.article a[href*="mailto:"]:before {
|
||
content: '\f0e0';
|
||
/* color: #efbf00; */
|
||
}
|
||
.article a[href*="app.net"]:before {
|
||
content: '\f170';
|
||
color: #cbccce;
|
||
}
|
||
.article a[href*="tumblr.com"]:before {
|
||
content: '\f173';
|
||
color: #4f6e84;
|
||
}
|
||
.article a[href*="flickr.com"]:before {
|
||
content: '\f16e';
|
||
color: #ff0084;
|
||
}
|
||
.article a[href*="github.com"]:before {
|
||
content: '\f09b';
|
||
color: #4183c4;
|
||
}
|
||
.article a[href*="youtube.com"]:before {
|
||
content: '\f16a';
|
||
color: #c6312b;
|
||
}
|
||
.article a[href*="twitter.com"]:before {
|
||
content: '\f099';
|
||
color: #3ea9dd;
|
||
}
|
||
.article a[href*="facebook.com"]:before {
|
||
content: '\f09a';
|
||
color: #3c5a98;
|
||
}
|
||
.article a[href*="plus.google.com"]:before {
|
||
content: '\f0d5';
|
||
color: #d14836;
|
||
}
|
||
.article a[href*="wikipedia.org"]:before {
|
||
content: '\f02d';
|
||
}
|
||
|
||
|
||
|
||
p {
|
||
margin: 1.5em 0;
|
||
}
|
||
strong {
|
||
font-weight: 700;
|
||
}
|
||
hr {
|
||
height: 1px;
|
||
margin: 3em 0;
|
||
background: #808080;
|
||
}
|
||
em,
|
||
i {
|
||
font-style: italic;
|
||
}
|
||
q {
|
||
font-style: italic;
|
||
color: #808080;
|
||
}
|
||
q:before,
|
||
q:after {
|
||
font-weight: 700;
|
||
color: #0077b3;
|
||
}
|
||
q:before {
|
||
content: '"';
|
||
}
|
||
q:after {
|
||
content: '"';
|
||
}
|
||
|
||
blockquote:before {
|
||
font-family: 'FontAwesome';
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
color: #0077b3;
|
||
content: '\f10e';
|
||
font-size: 2em;
|
||
line-height: 100%;
|
||
position: absolute;
|
||
top: 1em;
|
||
left: 0.25em;
|
||
height: auto;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
blockquote {
|
||
font-style: italic;
|
||
color: #808080;
|
||
padding: 0 0 0 4em;
|
||
margin: -1.5em 0;
|
||
overflow: auto;
|
||
position: relative;
|
||
}
|
||
cite,
|
||
small {
|
||
font-size: 0.8em;
|
||
}
|
||
pre {
|
||
overflow: hidden;
|
||
margin: 2em 0;
|
||
background: #f4f4f4;
|
||
padding: 1em;
|
||
|
||
-webkit-border-radius: 2px;
|
||
-moz-border-radius: 2px;
|
||
border-radius: 2px;
|
||
}
|
||
code {
|
||
font-size: 0.8em;
|
||
}
|
||
|
||
pre code {
|
||
display: block;
|
||
padding: 2em;
|
||
margin: -1.2em;
|
||
color: #bfbfbf;
|
||
background: #404040;
|
||
|
||
-webkit-border-radius: 2px;
|
||
-moz-border-radius: 2px;
|
||
border-radius: 2px;
|
||
}
|
||
|
||
|
||
/* ------------------------------ Forms */
|
||
|
||
input,
|
||
textarea {
|
||
background: #fff;
|
||
padding: 0.5em;
|
||
margin: 0;
|
||
border: 0.125em solid #e3e3e3;
|
||
|
||
-webkit-appearance: none;
|
||
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
|
||
-webkit-transition: all 0.1s ease-out;
|
||
-moz-transition: all 0.1s ease-out;
|
||
transition: all 0.1s ease-out;
|
||
|
||
-webkit-border-radius: 0.125em;
|
||
-moz-border-radius: 0.125em;
|
||
border-radius: 0.125em;
|
||
}
|
||
input:hover,
|
||
textarea:hover {
|
||
border: 0.125em solid #bfbfbf;
|
||
}
|
||
input:focus,
|
||
textarea:focus {
|
||
color: #404040;
|
||
border: 0.125em solid #0077b3;
|
||
|
||
-webkit-box-shadow: 0 0.0625em 0.5em rgba(0,119,179,0.25) inset;
|
||
-moz-box-shadow: 0 0.0625em 0.5em rgba(0,119,179,0.25) inset;
|
||
box-shadow: 0 0.0625em 0.5em rgba(0,119,179,0.25) inset;
|
||
}
|
||
|
||
input[type="submit"],
|
||
input[type="button"],
|
||
input[type="reset"] {
|
||
color: #fff !important;
|
||
padding: 0.75em 1.5em;
|
||
background: #f80;
|
||
border: 0.125em solid #f56a00;
|
||
cursor: pointer;
|
||
|
||
-webkit-box-shadow: none;
|
||
-moz-box-shadow: none;
|
||
box-shadow: none;
|
||
}
|
||
input[type="submit"]:hover,
|
||
input[type="button"]:hover,
|
||
input[type="reset"]:hover {
|
||
border: 0.125em solid #f55200;
|
||
background: #ff6f00;
|
||
}
|
||
input[type="submit"]:focus,
|
||
input[type="button"]:focus,
|
||
input[type="reset"]:focus {
|
||
border: 0.125em solid #f53900;
|
||
background: #f50;
|
||
}
|
||
input[type="radio"],
|
||
input[type="checkbox"] {
|
||
background: transparent;
|
||
padding: 0;
|
||
border: 0;
|
||
border: 0.125em solid #e3e3e3;
|
||
}
|
||
input[type="radio"] {
|
||
-webkit-appearance: radio;
|
||
}
|
||
input[type="checkbox"] {
|
||
-webkit-appearance: checkbox;
|
||
}
|
||
|
||
/* ------------------------------ Lists */
|
||
|
||
.article ul,
|
||
.article ol,
|
||
.article dl {
|
||
margin: 1.5em 0 1.5em 2em;
|
||
}
|
||
.article ul ul,
|
||
.article ol ol,
|
||
.article ul ol,
|
||
.article ol ul {
|
||
margin: 0 0 0 2em;
|
||
}
|
||
.article ul {
|
||
list-style: none;
|
||
}
|
||
.article ol {
|
||
list-style: decimal outside none;
|
||
}
|
||
.article ol ol {
|
||
list-style: upper-alpha outside none;
|
||
}
|
||
.article ol ol ol {
|
||
list-style: lower-roman outside none;
|
||
}
|
||
.article ol ol ol ol {
|
||
list-style: lower-alpha outside none;
|
||
}
|
||
.article li {
|
||
margin: 0;
|
||
padding: 0.1em;
|
||
}
|
||
.article ul li:before {
|
||
font-family: 'FontAwesome';
|
||
content: '\f0da';
|
||
color: #0077b3;
|
||
display: block;
|
||
position: absolute;
|
||
width: 1em;
|
||
height: 1em;
|
||
margin: 0 0 0 -1.25em;
|
||
padding: 0;
|
||
}
|
||
.article dt {
|
||
font-weight: 700;
|
||
color: #0077b3;
|
||
}
|
||
.article dd {
|
||
margin: 0 0 1.5em;
|
||
}
|
||
|
||
/* ------------------------------ Tables */
|
||
|
||
.article table {
|
||
margin: 1.5em 0;
|
||
width: 100%;
|
||
}
|
||
.article th {
|
||
text-align: left;
|
||
color: #0077b3;
|
||
font-weight: 700;
|
||
font-size: 0.75em;
|
||
vertical-align: middle;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.1em;
|
||
border-bottom: 1px solid #bfbfbf;
|
||
padding: 0.5em 1em 0.5em 0.25em;
|
||
}
|
||
.article td {
|
||
border-bottom: 1px solid #bfbfbf;
|
||
padding: 0.5em 1em 0.5em 0.25em;
|
||
}
|
||
|
||
/* ------------------------------ Figures */
|
||
|
||
.size-thumbnail {}
|
||
.size-medium {}
|
||
.size-large {}
|
||
.size-full {}
|
||
|
||
img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
object,
|
||
audio {
|
||
max-width: 100%;
|
||
}
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Post
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
/* ------------------------------ Article */
|
||
|
||
.edit-link {
|
||
position: relative;
|
||
top: -0.4em;
|
||
left: 0.4em;
|
||
font-family: 'DejaWeb', 'Helvetica Neue', 'Arial', Sans-Serif;
|
||
font-size: 0.4em;
|
||
|
||
-webkit-hyphens: none;
|
||
-moz-hyphens: none;
|
||
-o-hyphens: none;
|
||
-ms-hyphens: none;
|
||
hyphens: none;
|
||
|
||
-webkit-border-radius: 0.25em;
|
||
-moz-border-radius: 0.25em;
|
||
border-radius: 0.25em;
|
||
}
|
||
.edit-link a,
|
||
.edit-link a:active,
|
||
.edit-link a:visited {
|
||
padding: 0.3em 0.6em;
|
||
background: #0077b3;
|
||
color: #fff !important;
|
||
}
|
||
.edit-link a:hover,
|
||
.edit-link a:focus {
|
||
background: #005580;
|
||
}
|
||
|
||
.hentry,
|
||
.type-attachment {
|
||
position: relative;
|
||
margin: 0 -1em 7.5em;
|
||
padding: 3em;
|
||
background: #fff;
|
||
border: 1px solid #d1d1d1;
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
.hentry:after {
|
||
position: absolute;
|
||
display: block;
|
||
content: '';
|
||
width: 15em;
|
||
left: 50%;
|
||
margin: 0 0 0 -7.5em;
|
||
padding: 0;
|
||
bottom: -5em;
|
||
height: 2em;
|
||
background: url('images/bg-front-post.png') no-repeat center center scroll;
|
||
background-size: 240px 16px
|
||
}
|
||
.post-title {
|
||
color: #000;
|
||
font-size: 2em;
|
||
line-height: 1em;
|
||
|
||
padding: 0;
|
||
margin: 0;
|
||
overflow: hidden;
|
||
}
|
||
.post-title a,
|
||
.post-title a:active,
|
||
.post-title a:visited {
|
||
color: #000;
|
||
}
|
||
|
||
.post-image {
|
||
position: relative;
|
||
display: block;
|
||
overflow: hidden;
|
||
margin: 1em -3em 2em;
|
||
height: 0;
|
||
padding: 0 0 36%;
|
||
}
|
||
.post-image img {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.post-image .post-image-caption {
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 100;
|
||
|
||
display: block;
|
||
background: rgba(0,0,0,0.5);
|
||
color: #fff;
|
||
font-size: 0.75em;
|
||
line-height: 1.5em;
|
||
|
||
padding: 0.1em 0.4em 0.2em;
|
||
}
|
||
.post-video {
|
||
margin: 1em -3em 2em;
|
||
}
|
||
.no-js .post-video {
|
||
display: none;
|
||
}
|
||
.post-image-mobile {
|
||
padding: 0 0 66%;
|
||
}
|
||
.article {
|
||
font-size: 1em;
|
||
line-height: 1.5em;
|
||
}
|
||
.post-more {
|
||
position: absolute;
|
||
right: 3em;
|
||
bottom: 2em;
|
||
display: block;
|
||
margin: -0.25em;
|
||
padding: 0.5em 0.75em;
|
||
|
||
font-size: 1em !important;
|
||
color: #fff !important;
|
||
background: #f80;
|
||
border: 0.125em solid #f56a00;
|
||
|
||
-webkit-border-radius: 0.125em;
|
||
-moz-border-radius: 0.125em;
|
||
border-radius: 0.125em;
|
||
}
|
||
.post-more:hover {
|
||
border: 0.125em solid #f55200;
|
||
background: #ff6f00;
|
||
}
|
||
.post-more:focus {
|
||
border: 0.125em solid #f53900;
|
||
background: #f50;
|
||
}
|
||
|
||
|
||
.post-meta {
|
||
color: #808080;
|
||
padding: 1em 0;
|
||
overflow: auto;
|
||
}
|
||
.post-meta > * {
|
||
font-size: 0.75em;
|
||
line-height: 1.25em;
|
||
}
|
||
.post-meta .label i {
|
||
font-size: 1.25em;
|
||
margin-right: 0.5em;
|
||
vertical-align: middle;
|
||
width: 1em;
|
||
display: inline-block;
|
||
}
|
||
.post-meta a,
|
||
.post-meta a:active,
|
||
.post-meta a:visited {
|
||
color: #808080;
|
||
border-bottom: 1px solid #e3e3e3;
|
||
}
|
||
.post-meta a:hover,
|
||
.post-meta a:focus {
|
||
border-bottom: 1px solid #bfbfbf;
|
||
}
|
||
|
||
.post-date,
|
||
.post-author,
|
||
.post-comments,
|
||
.post-categories,
|
||
.post-tags {
|
||
padding: 0.5em 1em 0.5em 0;
|
||
display: inline-block;
|
||
min-height: 1.5em;
|
||
line-height: 1.5em;
|
||
margin: 0;
|
||
}
|
||
.footer .post-tags {
|
||
padding-right: 10em;
|
||
}
|
||
.info {}
|
||
.footer {
|
||
clear: both;
|
||
float: none;
|
||
padding: 2em 3em;
|
||
min-height: 1.5em;
|
||
margin: 3em -3em -3em;
|
||
background: #f7f9fa;
|
||
border-top: 1px solid #e3e3e3;
|
||
}
|
||
|
||
/* ------------------------------ Sticky Posts */
|
||
|
||
.sticky {
|
||
background: #e5f6ff;
|
||
border: 1px solid #acd2e5;
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,85,128,0.1);
|
||
}
|
||
.sticky .post-title,
|
||
.sticky .post-title a,
|
||
.sticky .post-title a:active,
|
||
.sticky .post-title a:visited,
|
||
.sticky .article {
|
||
color: #004466;
|
||
}
|
||
|
||
|
||
/* ------------------------------ Meta Infos - Single-View */
|
||
|
||
#post-meta {
|
||
margin: 0;
|
||
}
|
||
.sidebar .post-meta {
|
||
position: relative;
|
||
overflow: visible;
|
||
color: #404040;
|
||
}
|
||
.sidebar .post-meta > *{
|
||
font-size: 1em;
|
||
line-height: 1.5em;
|
||
}
|
||
.sidebar .post-meta a,
|
||
.sidebar .post-meta a:active,
|
||
.sidebar .post-meta a:visited {
|
||
color: #0077B3;
|
||
border: 0;
|
||
}
|
||
.sidebar .post-meta a:hover,
|
||
.sidebar .post-meta a:focus {
|
||
color: #005580;
|
||
border: 0;
|
||
}
|
||
.sidebar .post-meta > span {
|
||
display: block;
|
||
float: none;
|
||
margin: 1em 0;
|
||
padding: 0;
|
||
}
|
||
.sidebar .post-meta .label {}
|
||
.sidebar .post-meta .label i {}
|
||
.sidebar .post-meta .value {}
|
||
|
||
.sidebar .post-meta .author-avatar {
|
||
float: left;
|
||
|
||
width: 4em;
|
||
height: 4em;
|
||
|
||
padding: 0;
|
||
margin: 0.25em 1.5em 0.5em 0;
|
||
|
||
background: #000;
|
||
border: 0.25em solid #fff;
|
||
|
||
-webkit-border-radius: 0.25em;
|
||
-moz-border-radius: 0.25em;
|
||
border-radius: 0.25em;
|
||
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* ------------------------------ Postnav */
|
||
|
||
#post-nav {
|
||
font-family: 'FontAwesome';
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.post-nav {
|
||
overflow: auto;
|
||
text-align: center;
|
||
|
||
background: #fff;
|
||
border: 1px solid #d1d1d1;
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
.post-nav-link {
|
||
display: block;
|
||
width: 33.333%;
|
||
min-height: 1em;
|
||
float: left;
|
||
}
|
||
.post-nav-link .post-nav-inner {
|
||
display: block;
|
||
overflow: hidden;
|
||
}
|
||
.post-nav-next .post-nav-inner {
|
||
border-left: 1px solid #fff;
|
||
}
|
||
.post-nav-prev .post-nav-inner {
|
||
border-right: 1px solid #fff;
|
||
}
|
||
.post-nav-link:hover .post-nav-inner,
|
||
.post-nav-link:focus .post-nav-inner {
|
||
background-color: #f7f9fa;
|
||
}
|
||
.post-nav-link .post-nav-inner a {
|
||
position: relative;
|
||
display: block;
|
||
height: 5em;
|
||
line-height: 5em;
|
||
|
||
color: #0077b3;
|
||
}
|
||
.post-nav-link .post-nav-inner a:hover,
|
||
.post-nav-link .post-nav-inner a:focus {
|
||
color: #005580;
|
||
}
|
||
.post-nav-link .post-nav-inner a i {
|
||
font-size: 2em;
|
||
vertical-align: middle;
|
||
}
|
||
.post-nav-link .post-nav-inner a span {
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
/* ------------------------------ Comment List */
|
||
|
||
#replys {
|
||
clear: both;
|
||
margin: 0 0 4em;
|
||
}
|
||
.nocomments {
|
||
display: none;
|
||
}
|
||
#comments {
|
||
margin: 1em 0;
|
||
}
|
||
.commentlist {
|
||
margin: 0;
|
||
padding: 1em 0 4em;
|
||
list-style: none;
|
||
}
|
||
.commentlist li {
|
||
position: relative;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.commentlist li .comment-number {
|
||
position: absolute;
|
||
display: block;
|
||
left: -1.25em;
|
||
top: 1.5em;
|
||
width: 2em;
|
||
padding: 0;
|
||
height: 1.5em;
|
||
line-height: 1.5em;
|
||
color: #bfbfbf;
|
||
z-index: 100;
|
||
font-weight: 400;
|
||
}
|
||
.commentlist ul {
|
||
list-style: none;
|
||
}
|
||
.commentlist li li {
|
||
overflow: auto;
|
||
margin: 0;
|
||
padding: 0 0 0 25%;
|
||
border: 0;
|
||
}
|
||
.commentlist ul ul {
|
||
margin: 0;
|
||
}
|
||
.commentlist li li li {
|
||
padding: 0;
|
||
}
|
||
|
||
|
||
/* ------------------------------ Comment Content */
|
||
|
||
.comment-body {
|
||
margin: 1em 0;
|
||
padding: 0;
|
||
position: relative;
|
||
overflow: visible;
|
||
}
|
||
li .comment-body .comment-info {
|
||
width: 20%;
|
||
float: left;
|
||
}
|
||
li li .comment-body .comment-info {
|
||
float: right;
|
||
text-align: right;
|
||
}
|
||
li .comment-body .comment-text {
|
||
position: relative;
|
||
width: 75%;
|
||
padding: 0 2.5%;
|
||
float: right;
|
||
background: #fff;
|
||
border: 0.0625em solid #d1d1d1;
|
||
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
li .comment-body .comment-text:before {
|
||
position: absolute;
|
||
content: '';
|
||
width: 0;
|
||
height: 0;
|
||
|
||
top: -0.0625em;
|
||
left: -2em;
|
||
|
||
border-right: 2em solid #d1d1d1;
|
||
border-bottom: 2em solid transparent;
|
||
}
|
||
li .comment-body .comment-text:after {
|
||
position: absolute;
|
||
content: '';
|
||
width: 0;
|
||
height: 0;
|
||
|
||
top: 0;
|
||
left: -1.8125em;
|
||
|
||
border-right: 2em solid #fff;
|
||
border-bottom: 2em solid transparent;
|
||
}
|
||
|
||
li li .comment-body .comment-text {
|
||
float: left;
|
||
|
||
color: #004466;
|
||
background: #e5f6ff;
|
||
border: 0.0625em solid #acd2e5;
|
||
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,85,128,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,85,128,0.1);
|
||
}
|
||
li li .comment-body .comment-text:before {
|
||
left: auto;
|
||
right: -2em;
|
||
|
||
border-right: 0;
|
||
border-left: 2em solid #acd2e5;
|
||
}
|
||
li li .comment-body .comment-text:after {
|
||
left: auto;
|
||
right: -1.8125em;
|
||
|
||
border-right: 0;
|
||
border-left: 2em solid #e5f6ff;
|
||
}
|
||
li li li .comment-body .comment-text {
|
||
background: #d7eefa;
|
||
border: 0.0625em solid #9fcbe0;
|
||
}
|
||
li li li .comment-body .comment-text:before {
|
||
border-left: 2em solid #9fcbe0;
|
||
}
|
||
li li li .comment-body .comment-text:after {
|
||
border-left: 2em solid #d7eefa;
|
||
}
|
||
|
||
.comment-body .unlock {
|
||
font-weight: 700;
|
||
color: #181818;
|
||
}
|
||
.comment-body .comment-author {}
|
||
.comment-body .comment-author .avatar {
|
||
float: left;
|
||
margin: 0 10px 10px 0;
|
||
|
||
-webkit-border-radius: 2px;
|
||
-moz-border-radius: 2px;
|
||
border-radius: 2px;
|
||
}
|
||
.comment-body .comment-author .fn {
|
||
font-size: 1em;
|
||
font-weight: 700;
|
||
color: #404040;
|
||
}
|
||
.bypostauthor > .comment-body .comment-author .fn,
|
||
.byuser > .comment-body .comment-author .fn {
|
||
color: #f80;
|
||
}
|
||
.comment-body .comment-author .fn a,
|
||
.comment-body .comment-author .fn a:active,
|
||
.comment-body .comment-author .fn a:visited,
|
||
.comment-body .comment-author .fn a:hover,
|
||
.comment-body .comment-author .fn a:focus {
|
||
color: #404040;
|
||
}
|
||
.comment-body .comment-meta {
|
||
margin: 0 0 1.5em;
|
||
clear: both;
|
||
font-size: 0.75em;
|
||
}
|
||
.comment-body .comment-meta a,
|
||
.comment-body .comment-meta a:active,
|
||
.comment-body .comment-meta a:visited {
|
||
color: #808080;
|
||
}
|
||
.comment-body .comment-meta a:hover,
|
||
.comment-body .comment-meta a:focus {
|
||
color: #404040;
|
||
}
|
||
.comment-body .reply {
|
||
display: block;
|
||
}
|
||
.comment-body .reply a,
|
||
.comment-body .reply a:active,
|
||
.comment-body .reply a:visited {
|
||
color: #fff;
|
||
background: #0077b3;
|
||
padding: 0.25em 0.5em;
|
||
|
||
-webkit-border-radius: 2em;
|
||
-moz-border-radius: 2em;
|
||
border-radius: 2em;
|
||
}
|
||
.comment-body .reply a:hover,
|
||
.comment-body .reply a:focus {
|
||
color: #fff;
|
||
background: #005580;
|
||
}
|
||
|
||
/* ------------------------------ Pingbacks */
|
||
|
||
.pingback {
|
||
border-top: 1px dashed #000;
|
||
padding: 30px 0 30px 10px;
|
||
}
|
||
.pingback .comment-body {
|
||
padding: 0;
|
||
}
|
||
.pingback .comment-body .comment-author .avatar,
|
||
.pingback .comment-body .reply {
|
||
display: none;
|
||
}
|
||
|
||
/* ------------------------------ Commentform */
|
||
|
||
#respond-wrapper {
|
||
position: relative;
|
||
margin: 0 -1em;
|
||
padding: 2em 3em;
|
||
background: #fff;
|
||
border: 1px solid #d1d1d1;
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
#respond {}
|
||
#commentform {}
|
||
#commentform label {
|
||
display: block;
|
||
padding: 0;
|
||
margin: 0 0 0.2em;
|
||
}
|
||
#commentform label .req {
|
||
margin: 0 0 0 0.4em;
|
||
color: #bfbfbf;
|
||
}
|
||
#commentform .input-col {
|
||
margin-right: 5%;
|
||
width: 30%;
|
||
float: left;
|
||
}
|
||
#commentform .input-col-3 {
|
||
margin-right: 0;
|
||
}
|
||
#commentform .input {
|
||
width: 99.75%;
|
||
}
|
||
#commentform input[type="text"] {}
|
||
#commentform textarea {
|
||
height: 160px;
|
||
}
|
||
#commentform input[type="submit"] {}
|
||
#commentform input[type="submit"]:hover {}
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Layout
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
body {
|
||
background: #f4f4f4 url('images/bg-main.png') repeat top center scroll;
|
||
background-size: 100px 100px;
|
||
overflow: hidden;
|
||
}
|
||
.inside {
|
||
max-width: 75em;
|
||
margin: 0 auto;
|
||
padding: 0 2em;
|
||
}
|
||
#main-outside {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
#main-inside {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
|
||
/* ------------------------------ Header */
|
||
|
||
#header-outside {}
|
||
#header-inside {}
|
||
|
||
#header-mobile {
|
||
display: none;
|
||
background: #f80;
|
||
position: relative;
|
||
}
|
||
#logo-mobile {
|
||
padding: 0.5em 1em 0.5em 25%;
|
||
font-size: 2em;
|
||
margin: 0;
|
||
}
|
||
#logo-mobile a {
|
||
color: #fff;
|
||
}
|
||
|
||
#logo {
|
||
float: left;
|
||
font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif;
|
||
max-width: 75%;
|
||
max-height: 10em;
|
||
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
#logo a,
|
||
#logo a:active,
|
||
#logo a:visited,
|
||
#logo a:hover,
|
||
#logo a:focus {
|
||
color: #404040;
|
||
}
|
||
#logo img {
|
||
display: block;
|
||
width: auto;
|
||
max-width: none;
|
||
height: 10em;
|
||
}
|
||
#logo-text {
|
||
display: block;
|
||
padding: 1em 0;
|
||
|
||
font-size: 3em;
|
||
line-height: 1em;
|
||
}
|
||
#search {
|
||
position: relative;
|
||
float: right;
|
||
clear: right;
|
||
width: 25%;
|
||
margin: 0;
|
||
padding: 3.25em 0;
|
||
}
|
||
|
||
#main-nav-outside {
|
||
z-index: 9999;
|
||
max-width: 1440px;
|
||
margin: 0 auto;
|
||
|
||
border-top: 1px solid #d1d1d1;
|
||
border-left: 1px solid #d1d1d1;
|
||
border-right: 1px solid #d1d1d1;
|
||
background: #fff;
|
||
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
#main-nav-inside {}
|
||
|
||
#breadcrumb-outside {}
|
||
#breadcrumb-inside {}
|
||
|
||
|
||
/* ------------------------------ Title */
|
||
|
||
#title-outside {
|
||
max-width: 1440px;
|
||
margin: auto;
|
||
|
||
background: #0077B3;
|
||
}
|
||
#title-inside {}
|
||
|
||
.title-header {
|
||
padding: 1em 2em;
|
||
}
|
||
.title-header .post-title {
|
||
color: #fff;
|
||
margin: 0.5em 0;
|
||
}
|
||
.title-header .post-title i {
|
||
font-size: 0.75em;
|
||
line-height: 1.25em;
|
||
vertical-align: bottom;
|
||
width: 1em;
|
||
margin: 0 0.25em 0 0;
|
||
color: #fff;
|
||
}
|
||
.title-header .post-title .label {
|
||
color: rgba(255,255,255,0.5);
|
||
}
|
||
.title-header .post-title .value {}
|
||
.title-header .post-title .value:before {
|
||
content: '[';
|
||
color: rgba(255,255,255,0.5);
|
||
}
|
||
.title-header .post-title .value:after {
|
||
content: ']';
|
||
color: rgba(255,255,255,0.5);
|
||
}
|
||
.title-header .post-description {
|
||
color: #fff;
|
||
font-size: 0.75em;
|
||
line-height: 1.5em;
|
||
}
|
||
.title-header .post-description a {
|
||
color: inherit;
|
||
border-bottom: 1px solid rgba(255,255,255,0.5);
|
||
}
|
||
.title-header .post-description a:hover,
|
||
.title-header .post-description a:focus {
|
||
color: inherit;
|
||
border-bottom: 1px solid rgba(255,255,255,1);
|
||
}
|
||
.title-header .post-description .label {
|
||
color: rgba(255,255,255,0.5);
|
||
}
|
||
.title-header .post-description .label i {
|
||
color: #fff;
|
||
margin: 0 0.25em 0 0;
|
||
}
|
||
.title-header .post-description .author-twitter,
|
||
.title-header .post-description .author-wiki,
|
||
.title-header .post-description .author-website {
|
||
display: inline-block;
|
||
margin: 1em 2em 1em 0;
|
||
}
|
||
.title-header .post-description .author-biography {
|
||
display: block;
|
||
margin: 1em 0;
|
||
}
|
||
|
||
#title-images-wrapper {
|
||
position: relative;
|
||
max-width: 1440px;
|
||
margin: 0 auto;
|
||
}
|
||
#title-images-wrapper #title-outside {
|
||
position: absolute;
|
||
width: 100%;
|
||
bottom: 0;
|
||
left: 0;
|
||
background: #0077B3;
|
||
background: rgba(0,119,179,0.9);
|
||
z-index: 1000;
|
||
}
|
||
.title-image {
|
||
width: 100%;
|
||
height: 0;
|
||
overflow: hidden;
|
||
padding: 0 0 33.75%;
|
||
background: #000;
|
||
}
|
||
.title-image img {
|
||
width: 100%;
|
||
position: relative;
|
||
}
|
||
.title-image .meta-thumbnail-caption {
|
||
position: absolute;
|
||
max-width: 75%;
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 2000;
|
||
|
||
display: block;
|
||
background: rgba(0,0,0,0.25);
|
||
color: #fff;
|
||
font-size: 0.75em;
|
||
line-height: 1.5em;
|
||
|
||
padding: 0.1em 0.4em 0.2em;
|
||
}
|
||
|
||
/* ------------------------------ Wrapper */
|
||
|
||
#wrapper-outside {
|
||
margin: 2em 0;
|
||
}
|
||
#wrapper-inside {}
|
||
|
||
#container {}
|
||
|
||
#content {}
|
||
.content {
|
||
width: 70%;
|
||
float: left;
|
||
}
|
||
.content.nosidebar {
|
||
width: 80%;
|
||
float: none;
|
||
margin: auto;
|
||
}
|
||
.sidebar {
|
||
width: 25%;
|
||
float: right;
|
||
padding: 0;
|
||
margin: 0 0 4em;
|
||
}
|
||
.error-teaser {
|
||
width: 100%;
|
||
}
|
||
|
||
/* ------------------------------ Footer */
|
||
|
||
|
||
#footer-top-outside {
|
||
border-top: 1px solid #d1d1d1;
|
||
background: #fff;
|
||
padding: 1em 0;
|
||
|
||
-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
#footer-top-inside {}
|
||
#footer-search {
|
||
float: right;
|
||
width: 23%;
|
||
}
|
||
#footer-social-links {
|
||
overflow: auto;
|
||
float: left;
|
||
}
|
||
#footer-outside {
|
||
background: #333;
|
||
padding: 0;
|
||
}
|
||
#footer-inside {}
|
||
|
||
#footer-widgets {
|
||
position: relative;
|
||
margin: 0 -1em;
|
||
}
|
||
.footer-sidebar-outside {
|
||
position: relative;
|
||
width: 25%;
|
||
height: 100%;
|
||
float: left;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.footer-sidebar-inside {
|
||
position: relative;
|
||
height: 100%;
|
||
padding: 1em;
|
||
border-right: 1px solid #404040;
|
||
overflow: hidden;
|
||
}
|
||
#footer-sidebar-1 {
|
||
border-left: 1px solid #404040;
|
||
}
|
||
|
||
#footer-nav-outside {
|
||
background: #000;
|
||
}
|
||
#footer-nav-inside {}
|
||
|
||
|
||
/* ------------------------------ Social Icons */
|
||
|
||
.social-icon {
|
||
display: block;
|
||
float: left;
|
||
width: 3em;
|
||
height: 3em;
|
||
line-height: 3em;
|
||
padding: 0;
|
||
margin: 0 0.25em 0.25em 0;
|
||
text-align: center;
|
||
color: #fff !important;
|
||
background-color: #f80;
|
||
|
||
-webkit-transition: all 0.2s ease-out;
|
||
-moz-transition: all 0.2s ease-out;
|
||
transition: all 0.2s ease-out;
|
||
|
||
-webkit-border-radius: 0.125em;
|
||
-moz-border-radius: 0.125em;
|
||
border-radius: 0.125em;
|
||
|
||
-webkit-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.05) inset;
|
||
-moz-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.05) inset;
|
||
box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.05) inset;
|
||
}
|
||
.social-icon i {
|
||
font-size: 1.25em;
|
||
color: rgba(255,255,255,0.5);
|
||
}
|
||
.social-icon:hover,
|
||
.social-icon:focus {
|
||
background-color: #f50;
|
||
}
|
||
.social-icon:hover i,
|
||
.social-icon:focus i {
|
||
color: #fff;
|
||
}
|
||
.social-icon.rss {
|
||
background-color: #ee9900;
|
||
}
|
||
.social-icon.mail {
|
||
background-color: #efbf00;
|
||
}
|
||
.social-icon.podcast {
|
||
background-color: #408ad2;
|
||
}
|
||
.social-icon.twitter {
|
||
background-color: #3ea9dd;
|
||
}
|
||
.social-icon.facebook {
|
||
background-color: #3c5a98;
|
||
}
|
||
.social-icon.google {
|
||
background-color: #d14836;
|
||
}
|
||
.social-icon.youtube {
|
||
background-color: #c6312b;
|
||
}
|
||
.social-icon.vimeo {
|
||
background-color: #0ec3ee;
|
||
}
|
||
.social-icon.flickr {
|
||
background-color: #ff0084;
|
||
}
|
||
.social-icon.github {
|
||
background-color: #4183c4;
|
||
}
|
||
.social-icon.tumblr {
|
||
background-color: #4f6e84;
|
||
}
|
||
.social-icon.appdotnet {
|
||
background-color: #cbccce;
|
||
}
|
||
.social-icon.instagram {
|
||
background-color: #517FA4;
|
||
}
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Frontpage
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
|
||
/* ------------------------------ Slider */
|
||
|
||
.no-js #front-page-header-outside {
|
||
display: none;
|
||
}
|
||
#front-page-header-outside {
|
||
position: relative;
|
||
}
|
||
#front-page-header-inside {
|
||
position: relative;
|
||
padding: 0;
|
||
max-width: 1440px;
|
||
margin: 0 auto 4em;
|
||
border-bottom: 0.25em solid #f80;
|
||
}
|
||
#toggling {}
|
||
#front-page-slider-toggle {
|
||
bottom: -3.5em;
|
||
right: 0;
|
||
position: absolute;
|
||
height: 3.5em;
|
||
width: 2em;
|
||
line-height: 2em;
|
||
display: block;
|
||
color: #fff;
|
||
background: rgba(0,0,0,0.25) url('images/icon-slideshow.png') no-repeat scroll center center;
|
||
|
||
cursor: pointer;
|
||
z-index: 2000;
|
||
}
|
||
#front-page-slider-toggle:hover,
|
||
#front-page-slider-toggle:focus {
|
||
background: rgba(0,0,0,0.75) url('images/icon-slideshow.png') no-repeat scroll center center;
|
||
}
|
||
|
||
#slideshow {
|
||
position: relative;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
height: 0;
|
||
padding-bottom: 33.75%;
|
||
}
|
||
#front-page-slider-control {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: 6666;
|
||
}
|
||
#front-page-slider-control-inside {
|
||
position: relative;
|
||
}
|
||
#front-page-slider {
|
||
width: 100%;
|
||
z-index: 1000;
|
||
background: #000;
|
||
position: relative;
|
||
}
|
||
#front-page-slider .front-page-slide {
|
||
width: 100%;
|
||
height: 0;
|
||
padding-bottom: 33.75%;
|
||
background: #0077b3;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
#front-page-slider li .front-page-slide {
|
||
background: url('images/bg-featured-1.jpg') no-repeat scroll center center #404040;
|
||
background-size: 100% auto;
|
||
}
|
||
#front-page-slider li:nth-child(1n) .front-page-slide {
|
||
/* First SLide is a Clone of the Last */
|
||
}
|
||
#front-page-slider li:nth-child(2n) .front-page-slide {
|
||
background-image: url('images/bg-featured-1.jpg');
|
||
}
|
||
#front-page-slider li:nth-child(3n) .front-page-slide {
|
||
background-image: url('images/bg-featured-2.jpg');
|
||
}
|
||
#front-page-slider li:nth-child(4n) .front-page-slide {
|
||
background-image: url('images/bg-featured-3.jpg');
|
||
}
|
||
#front-page-slider li:nth-child(5n) .front-page-slide {
|
||
background-image: url('images/bg-featured-4.jpg');
|
||
}
|
||
#front-page-slider li:nth-child(6n) .front-page-slide {
|
||
background-image: url('images/bg-featured-5.jpg');
|
||
}
|
||
#front-page-slider li:nth-child(7n) .front-page-slide {
|
||
background-image: url('images/bg-featured-6.jpg');
|
||
}
|
||
|
||
#front-page-slider .front-page-slide .slide-image {
|
||
position: absolute;
|
||
top: 0;
|
||
width: 100%;
|
||
padding-bottom: 33.75%;
|
||
z-index: 2;
|
||
overflow: hidden;
|
||
background: #000;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-image img {
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-content {
|
||
position: relative;
|
||
padding-bottom: 33.75%;
|
||
z-index: 4;
|
||
left: 2em;
|
||
|
||
-webkit-transition: all 1.5s ease-Out;
|
||
-moz-transition: all 1.5s ease-Out;
|
||
transition: all 1.5s ease-Out;
|
||
}
|
||
#front-page-slider .flex-active-slide .front-page-slide .slide-content {
|
||
left: 0;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text {
|
||
width: 40%;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
margin: 0 0 0 2em;
|
||
padding: 0;
|
||
|
||
color: #fff;
|
||
background: #0077b3;
|
||
background: rgba(0,119,179,0.9);
|
||
}
|
||
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title {
|
||
font-family: 'PoliticsHeadBold', 'Helvetica Neue', 'Arial', Sans-Serif;
|
||
font-size: 2em;
|
||
line-height: 1em;
|
||
color: #fff;
|
||
margin: 0;
|
||
padding: 1em 1em 0;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title a,
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title a:active,
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title a:visited,
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title a:hover,
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title a:focus {
|
||
color: #fff;
|
||
display: block;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-article {
|
||
padding: 0 1.888em 1.888em;
|
||
font-size: 1em;
|
||
line-height: 1.5em;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-more {
|
||
color: #fff;
|
||
display: inline-block;
|
||
margin: auto;
|
||
float: right;
|
||
clear: right;
|
||
|
||
padding: 0.25em 0.5em;
|
||
border: 0.125em solid rgba(255,255,255,0.333);
|
||
|
||
-webkit-border-radius: 0.25em;
|
||
-moz-border-radius: 0.25em;
|
||
border-radius: 0.25em;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-more:hover,
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-more:focus {
|
||
border: 0.125em solid rgba(255,255,255,0.666);
|
||
}
|
||
|
||
#front-page-header-image-outside {
|
||
position: relative;
|
||
}
|
||
#front-page-header-image-inside {
|
||
position: relative;
|
||
padding: 0;
|
||
max-width: 1440px;
|
||
margin: 0 auto 4em;
|
||
background: #000;
|
||
}
|
||
.custom-header {
|
||
height: 0;
|
||
padding-bottom: 33.75%;
|
||
|
||
-webkit-box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset;
|
||
-moz-box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset;
|
||
box-shadow: 0 -0.25em 0.5em rgba(0,0,0,0.5) inset;
|
||
}
|
||
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Navigation
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
/* ------------------------------ Pagination */
|
||
|
||
#pagination {
|
||
clear: both;
|
||
float: none;
|
||
overflow: auto;
|
||
padding: 0;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
font-size: 1.25em;
|
||
}
|
||
#pagination .pagination-info {
|
||
float: left;
|
||
font-size: 0.8em;
|
||
line-height: 2.5em;
|
||
display: block;
|
||
padding: 0 0.5em;
|
||
color: #bfbfbf;
|
||
}
|
||
#pagination .pagination {
|
||
float: right;
|
||
|
||
background: #fff;
|
||
border: 1px solid #d1d1d1;
|
||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||
}
|
||
|
||
#pagination .pagination a,
|
||
#pagination .pagination span {
|
||
display: inline-block;
|
||
text-align: center;
|
||
color: #0077b3;
|
||
width: 2em;
|
||
height: 2em;
|
||
line-height: 2em;
|
||
margin: 0;
|
||
}
|
||
#pagination .pagination span {
|
||
color: #005580;
|
||
}
|
||
#pagination .pagination a.pagination-current-page,
|
||
#pagination .pagination a.pagination-current-page:hover,
|
||
#pagination .pagination a.pagination-current-page:focus {
|
||
background: #0077b3;
|
||
color: #fff;
|
||
}
|
||
#pagination .pagination .pagination-previous {}
|
||
#pagination .pagination .pagination-next {}
|
||
#pagination .pagination a:hover,
|
||
#pagination .pagination a:focus {
|
||
background: #e3e3e3;
|
||
color: #808080;
|
||
}
|
||
#pagination .pagination .pagination-dots {
|
||
color: #808080;
|
||
}
|
||
|
||
/* ------------------------------ Breadcrumb */
|
||
|
||
#breadcrumb {
|
||
font-size: 0.875em;
|
||
line-height: 1em;
|
||
color: #f80;
|
||
border-bottom: 1px solid #e3e3e3;
|
||
margin: 0 0 1.5em;
|
||
padding: 0 0 0.5em;
|
||
}
|
||
#breadcrumb a {
|
||
border-bottom: 1px solid #e3e3e3;
|
||
color: #808080;
|
||
}
|
||
#breadcrumb a:hover,
|
||
#breadcrumb a:focus {
|
||
border-bottom: 1px solid #bfbfbf;
|
||
}
|
||
#breadcrumb .breadcrumb-seperator {}
|
||
#breadcrumb .breadcrumb-item {
|
||
color: #0077b3;
|
||
}
|
||
|
||
|
||
|
||
/* ------------------------------ Header Navigation */
|
||
|
||
#main-nav {
|
||
padding: 0;
|
||
}
|
||
#nav-search {
|
||
display: none;
|
||
overflow: auto;
|
||
padding: 0.5em 0.25em;
|
||
}
|
||
|
||
/* ------------------------------ Level 1 */
|
||
|
||
#main-nav ul {
|
||
padding: 0;
|
||
min-height: 3.2em;
|
||
display: block;
|
||
}
|
||
#main-nav ul li {
|
||
float: left;
|
||
display: block;
|
||
margin: 0;
|
||
position: relative;
|
||
}
|
||
#main-nav ul li a {
|
||
display: block;
|
||
padding: 0 1em;
|
||
height: 3.2em;
|
||
line-height: 3.2em;
|
||
}
|
||
#main-nav ul li a,
|
||
#main-nav ul li a:active,
|
||
#main-nav ul li a:visited {
|
||
color: #808080;
|
||
}
|
||
#main-nav ul li.has-children > a {
|
||
padding: 0 1.6em 0 1em;
|
||
}
|
||
#main-nav ul li.has-children > a:after {
|
||
content: '›';
|
||
color: #0077b3;
|
||
font-size: 1em;
|
||
font-weight: 700;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0.6em;
|
||
|
||
-webkit-transform: rotate(90deg);
|
||
-moz-transform: rotate(90deg);
|
||
-ms-transform: rotate(90deg);
|
||
-o-transform: rotate(90deg);
|
||
transform: rotate(90deg);
|
||
}
|
||
#main-nav ul > li:hover > a,
|
||
#main-nav ul > li:focus > a {
|
||
color: #404040;
|
||
background-color: #f7f9fa;
|
||
}
|
||
#main-nav ul > li.current-menu-item > a,
|
||
#main-nav ul > li.current_page_item > a {
|
||
color: #0077b3;
|
||
}
|
||
|
||
#main-nav ul > li.menu-item-home > a {
|
||
text-indent: -10000px;
|
||
min-width: 2em;
|
||
background-image: url('images/bg-menu-home.png');
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
#main-nav ul > li.menu-item-home > a:after {
|
||
text-indent: 0;
|
||
}
|
||
#main-nav ul > li.menu-item-home:hover a,
|
||
#main-nav ul > li.menu-item-home:focus a {
|
||
background-image: url('images/bg-menu-home-hover.png');
|
||
}
|
||
#main-nav ul > li.menu-item-home.current-menu-item a {
|
||
background-image: url('images/bg-menu-home-active.png');
|
||
}
|
||
#main-nav ul > li.current-menu-item:after,
|
||
#main-nav ul > li.current_page_item:after {
|
||
z-index: 9999;
|
||
bottom: -0.5em;
|
||
left: 50%;
|
||
position: absolute;
|
||
content: '';
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
margin: 0 0 0 -1em;
|
||
border-top: 1em solid #fff;
|
||
border-right: 1em solid transparent;
|
||
border-left: 1em solid transparent;
|
||
}
|
||
|
||
/* ------------------------------ Level 2 */
|
||
|
||
#main-nav ul ul {
|
||
display: none;
|
||
float: none;
|
||
left: 0;
|
||
margin: 0;
|
||
padding: 0;
|
||
position: absolute;
|
||
top: 3.2em;
|
||
z-index: 99999;
|
||
}
|
||
#main-nav ul ul:after {
|
||
top: -0.5em;
|
||
left: 2em;
|
||
position: absolute;
|
||
content: '';
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
border-bottom: 0.5em solid #404040;
|
||
border-right: 0.5em solid transparent;
|
||
border-left: 0.5em solid transparent;
|
||
}
|
||
#main-nav li li {
|
||
display: block;
|
||
background: #404040;
|
||
border-top: 1px solid #181818;
|
||
margin: 0;
|
||
padding: 0;
|
||
position: relative;
|
||
|
||
-webkit-hyphens: none;
|
||
-moz-hyphens: none;
|
||
-o-hyphens: none;
|
||
-ms-hyphens: none;
|
||
hyphens: none;
|
||
}
|
||
#main-nav li li:first-child {
|
||
border-top: 0;
|
||
}
|
||
#main-nav ul ul a {
|
||
display: block;
|
||
height: auto;
|
||
margin: 0;
|
||
padding: 1.2em;
|
||
width: 16em;
|
||
|
||
font-size: 0.9em;
|
||
line-height: 1.4em;
|
||
}
|
||
#main-nav ul ul a,
|
||
#main-nav ul ul a:active,
|
||
#main-nav ul ul a:visited {
|
||
background: transparent;
|
||
color: #e3e3e3;
|
||
}
|
||
#main-nav ul ul li:hover > a,
|
||
#main-nav ul ul li:focus > a {
|
||
background: rgba(0,0,0,0.2);
|
||
}
|
||
#main-nav ul ul li.current-menu-item > a,
|
||
#main-nav ul ul li.current_page_item > a,
|
||
#main-nav ul ul a:hover,
|
||
#main-nav ul ul a:focus {
|
||
background: transparent;
|
||
color: #fff;
|
||
}
|
||
#main-nav ul ul > li.has-children > a {
|
||
padding: 1.2em;
|
||
}
|
||
#main-nav ul ul > li.has-children > a:after {
|
||
color: #f80;
|
||
padding: 1.2em;
|
||
|
||
-webkit-transform: rotate(0deg);
|
||
-moz-transform: rotate(0deg);
|
||
-ms-transform: rotate(0deg);
|
||
-o-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
#main-nav ul ul > li.current-menu-item:after,
|
||
#main-nav ul ul > li.current_page_item:after {
|
||
display: none;
|
||
}
|
||
|
||
/* ------------------------------ Level 3 */
|
||
|
||
#main-nav ul ul ul {
|
||
left: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
top: 0;
|
||
}
|
||
#main-nav ul ul ul:after {
|
||
top: 1.2em;
|
||
left: -1em;
|
||
position: absolute;
|
||
content: '';
|
||
display: block;
|
||
width: 0;
|
||
height: 0;
|
||
border-right: 0.5em solid #262626;
|
||
border-top: 0.5em solid transparent;
|
||
border-bottom: 0.5em solid transparent;
|
||
}
|
||
#main-nav li li li {
|
||
background: #262626;
|
||
border-top: 1px solid #000;
|
||
}
|
||
#main-nav ul ul ul a {
|
||
width: 10em;
|
||
}
|
||
#main-nav ul ul ul a,
|
||
#main-nav ul ul ul a:active,
|
||
#main-nav ul ul ul a:visited {
|
||
background: transparent;
|
||
color: #bfbfbf;
|
||
}
|
||
#main-nav ul ul ul li:hover > a,
|
||
#main-nav ul ul ul li:focus > a {
|
||
color: #e3e3e3;
|
||
background: rgba(0,0,0,0.2);
|
||
}
|
||
|
||
#main-nav ul li:hover > ul,
|
||
#main-nav ul li:focus > ul {
|
||
display: block;
|
||
}
|
||
#main-nav ul ul ul > li.has-children > a:after {
|
||
color: #fff;
|
||
}
|
||
#main-nav .menu-toggle {
|
||
display: none;
|
||
}
|
||
#menu-close {
|
||
display: none;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
text-indent: -10000px;
|
||
background: rgba(0,0,0,0);
|
||
padding: 0;
|
||
margin: 0;
|
||
|
||
position: absolute;
|
||
right: -25%;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 25%;
|
||
z-index: 200;
|
||
|
||
-webkit-transition: all 0.2s ease-out;
|
||
-moz-transition: all 0.2s ease-out;
|
||
transition: all 0.2s ease-out;
|
||
}
|
||
#menu-open {
|
||
display: none;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
text-indent: -10000px;
|
||
background: transparent url('images/bg-menu-toggle.png') no-repeat scroll center center;
|
||
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 20%;
|
||
|
||
padding: 0;
|
||
margin: 0;
|
||
|
||
z-index: 100;
|
||
border-right: 2px solid rgba(255,255,255,0.5);
|
||
}
|
||
|
||
/* ------------------------------ Footer Navigation */
|
||
|
||
#footer_navigation {
|
||
overflow: auto;
|
||
clear: both;
|
||
padding: 0;
|
||
margin: 0 -1em;
|
||
}
|
||
#footer_navigation ul {
|
||
font-size: 0.875em;
|
||
line-height: 1em;
|
||
}
|
||
#footer_navigation ul li {
|
||
float: left;
|
||
display: block;
|
||
padding: 4em 0;
|
||
margin: 0;
|
||
color: #404040;
|
||
}
|
||
#footer_navigation ul li a {
|
||
display: block;
|
||
padding: 0 1em;
|
||
height: 2em;
|
||
overflow: hidden;
|
||
}
|
||
#footer_navigation ul li a,
|
||
#footer_navigation ul li a:active,
|
||
#footer_navigation ul li a:visited {
|
||
color: #bfbfbf;
|
||
}
|
||
#footer_navigation ul li:hover a {}
|
||
#footer_navigation ul ul {
|
||
float: none;
|
||
font-size: 0.8em;
|
||
line-height: 1em;
|
||
font-weight: 400;
|
||
text-transform: none;
|
||
}
|
||
#footer_navigation ul ul li {
|
||
position: relative;
|
||
float: none;
|
||
width: auto !important;
|
||
padding: 0 0 0 0.75em;
|
||
}
|
||
#footer_navigation ul ul li:before {
|
||
position: absolute;
|
||
display: block;
|
||
content: '›';
|
||
color: #808080;
|
||
padding: 0.5em;
|
||
}
|
||
#footer_navigation ul ul li a {
|
||
height: auto;
|
||
padding: 0.5em 1.25em;
|
||
}
|
||
#footer_navigation ul ul li a,
|
||
#footer_navigation ul ul li a:active,
|
||
#footer_navigation ul ul li a:visited {
|
||
color: #808080;
|
||
}
|
||
#footer_navigation ul ul li:hover a,
|
||
#footer_navigation ul ul li:focus a {
|
||
color: #fff;
|
||
}
|
||
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Widgets
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
.widget {
|
||
overflow: visible;
|
||
margin: 0;
|
||
padding: 0;
|
||
|
||
font-size: 0.875em;
|
||
|
||
-webkit-column-break-inside: avoid;
|
||
-moz-column-break-inside: avoid;
|
||
column-break-inside: avoid;
|
||
}
|
||
.widget-inner {
|
||
overflow: visible;
|
||
height: 100%;
|
||
|
||
-webkit-column-break-inside: avoid;
|
||
-moz-column-break-inside: avoid;
|
||
column-break-inside: avoid;
|
||
}
|
||
.widget-title {
|
||
color: #404040;
|
||
padding: 0 0 0.5em;
|
||
margin: 0.5em 0;
|
||
|
||
font-weight: 400;
|
||
font-size: 1.5em;
|
||
}
|
||
.widget-title:before {
|
||
/*
|
||
font-family: 'FontAwesome';
|
||
display: inline-block;
|
||
margin: 0 0.75em 0 0.25em;
|
||
*/
|
||
}
|
||
.widget ul {
|
||
margin: 0;
|
||
list-style: none;
|
||
}
|
||
.widget ul li {
|
||
position: relative;
|
||
padding: 0.5em 0 0.5em 1.5em;
|
||
margin: 0;
|
||
}
|
||
.widget ul li:before {
|
||
font-family: 'FontAwesome';
|
||
content: '\f0da';
|
||
color: #808080;
|
||
display: block;
|
||
position: absolute;
|
||
width: 1em;
|
||
height: 1em;
|
||
margin: 0 0 0 -1.25em;
|
||
padding: 0;
|
||
}
|
||
|
||
/* ------------------------------ Widget Sidebar */
|
||
|
||
.widget-sidebar {
|
||
color: #404040;
|
||
margin: 3.75em auto 7.5em;
|
||
}
|
||
.widget-sidebar .widget-title {
|
||
border-bottom: 2px solid #f80;
|
||
}
|
||
.widget-sidebar .widget-title:before {
|
||
color: #f80;
|
||
}
|
||
.widget-sidebar a,
|
||
.widget-sidebar a:active,
|
||
.widget-sidebar a:visited {
|
||
color: #0077b3;
|
||
}
|
||
.widget-sidebar a:hover,
|
||
.widget-sidebar a:focus {
|
||
color: #005580;
|
||
}
|
||
/* ------------------------------ Widget Footer */
|
||
|
||
.widget-footer {
|
||
color: #808080;
|
||
margin: 0 0 5em;
|
||
}
|
||
.widget-footer .widget-inner {}
|
||
.widget-footer .widget-title {
|
||
color: #e3e3e3;
|
||
}
|
||
.widget-footer .widget-title:before {
|
||
color: #808080;
|
||
}
|
||
|
||
.widget-footer a,
|
||
.widget-footer a:active,
|
||
.widget-footer a:visited {
|
||
color: #bfbfbf;
|
||
}
|
||
.widget-footer a:hover,
|
||
.widget-footer a:focus {
|
||
color: #fff;
|
||
}
|
||
|
||
/* ------------------------------ Widget Banner */
|
||
|
||
.widget_banner {}
|
||
.widget_banner .widget-inner {
|
||
padding: 0 !important;
|
||
border: 0 !important;
|
||
background: transparent !important;
|
||
}
|
||
|
||
/* ------------------------------ Widget Submenu */
|
||
|
||
.widget_nav_menu,
|
||
.widget_pages {}
|
||
|
||
.widget_nav_menu .widget-inner ,
|
||
.widget_pages .widget-inner {}
|
||
|
||
.widget_nav_menu .widget-title,
|
||
.widget_pages .widget-title {}
|
||
|
||
.widget_nav_menu .widget-title:before,
|
||
.widget_pages .widget-title:before {
|
||
/* content: '\f03a'; */
|
||
}
|
||
|
||
.widget_nav_menu ul,
|
||
.widget_pages ul {
|
||
margin: 0;
|
||
}
|
||
.widget_nav_menu ul li,
|
||
.widget_pages ul li {}
|
||
.widget_nav_menu ul li:hover,
|
||
.widget_nav_menu ul li:focus,
|
||
.widget_pages ul li:hover,
|
||
.widget_pages ul li:focus {}
|
||
.widget_nav_menu ul li a,
|
||
.widget_pages ul li a {}
|
||
.widget_nav_menu ul li.current_page_item > a,
|
||
.widget_pages ul li.current_page_item > a {}
|
||
|
||
.widget_nav_menu ul ul,
|
||
.widget_pages ul ul {}
|
||
.widget_nav_menu ul ul li,
|
||
.widget_pages ul ul li {}
|
||
.widget_nav_menu ul ul li:before,
|
||
.widget_pages ul ul li:before {}
|
||
.widget_nav_menu ul ul ul,
|
||
.widget_pages ul ul ul {}
|
||
|
||
|
||
|
||
.submenu {}
|
||
.submenu .widget_nav_menu,
|
||
.submenu .widget_pages {}
|
||
|
||
.submenu .widget_nav_menu .widget-inner ,
|
||
.submenu .widget_pages .widget-inner {}
|
||
|
||
/* ------------------------------ Widget Text */
|
||
|
||
.widget_text {}
|
||
.widget_text .widget-title:before {
|
||
/* content: '\f05a'; */
|
||
}
|
||
|
||
/* ------------------------------ Widget Calendar */
|
||
|
||
|
||
.widget_calendar {}
|
||
.widget_calendar .widget-title:before {
|
||
/* content: '\f073'; */
|
||
}
|
||
.widget_calendar .widget-inner {}
|
||
|
||
#wp-calendar {
|
||
position: relative;
|
||
overflow: visible;
|
||
|
||
text-align: center;
|
||
width: 100%;
|
||
border: 0;
|
||
}
|
||
.widget_calendar caption {
|
||
height: 2em;
|
||
line-height: 2em;
|
||
margin: 0;
|
||
padding: 0 0 0.3em;
|
||
border-bottom: 1px solid #808080;
|
||
}
|
||
.widget_calendar tr {
|
||
border: 0;
|
||
}
|
||
.widget_calendar td,
|
||
.widget_calendar th {
|
||
padding: 0;
|
||
height: 2em;
|
||
line-height: 2em;
|
||
border: 2px solid transparent;
|
||
}
|
||
.widget_calendar tfoot {
|
||
height: 0;
|
||
}
|
||
.widget_calendar tfoot .pad {
|
||
display: none;
|
||
}
|
||
.widget_calendar #prev,
|
||
.widget_calendar #next {
|
||
width: 22%;
|
||
white-space: nowrap;
|
||
border: 0;
|
||
display: block;
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
.widget_calendar #prev {
|
||
float: left;
|
||
left: 0;
|
||
}
|
||
.widget_calendar #next {
|
||
float: right;
|
||
right: 0;
|
||
}
|
||
.widget_calendar #prev a,
|
||
.widget_calendar #next a {
|
||
text-align: center;
|
||
display: block;
|
||
}
|
||
.widget_calendar .pad {}
|
||
.widget_calendar #today {
|
||
color: #f80;
|
||
font-weight: 700;
|
||
}
|
||
.widget_calendar tbody a {
|
||
display: block;
|
||
color: #000;
|
||
background: rgba(0,0,0,0.1);
|
||
}
|
||
.widget_calendar tbody a:hover,
|
||
.widget_calendar tbody a:focus {
|
||
background: rgba(0,0,0,0.2);
|
||
}
|
||
.widget-footer.widget_calendar tbody a {
|
||
color: #fff;
|
||
background: rgba(255,255,255,0.1);
|
||
}
|
||
.widget-footer.widget_calendar tbody a:hover,
|
||
.widget-footer.widget_calendar tbody a:focus {
|
||
background: rgba(255,255,255,0.2);
|
||
}
|
||
|
||
|
||
|
||
/* ------------------------------ Widget Tagcloud */
|
||
|
||
.widget_tag_cloud {}
|
||
.widget_tag_cloud .widget-title:before {
|
||
/* content: '\f02b'; */
|
||
}
|
||
.widget_tag_cloud .tagcloud {
|
||
padding: 0.25em 0;
|
||
}
|
||
.widget_tag_cloud .tagcloud a,
|
||
.widget_tag_cloud .tagcloud a:active,
|
||
.widget_tag_cloud .tagcloud a:visited {
|
||
font-size: inherit !important;
|
||
display: inline-block;
|
||
background: #0077b3;
|
||
color: #fff;
|
||
padding: 0.25em 0.75em;
|
||
margin: 0.15em 0;
|
||
|
||
-webkit-border-radius: 2em;
|
||
-moz-border-radius: 2em;
|
||
border-radius: 2em;
|
||
|
||
-webkit-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset;
|
||
-moz-box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset;
|
||
box-shadow: 0 0 0 0.0625em rgba(0,0,0,0.1) inset;
|
||
}
|
||
.widget_tag_cloud .tagcloud a:hover,
|
||
.widget_tag_cloud .tagcloud a:focus {
|
||
background: #005580;
|
||
color: #fff;
|
||
}
|
||
|
||
/* ------------------------------ Widget RSS */
|
||
|
||
.widget_rss {}
|
||
.widget_rss .widget-title:before {
|
||
/* content: '\f143'; */
|
||
}
|
||
.widget_rss ul {}
|
||
.widget_rss ul li {}
|
||
.widget_rss ul li a.rsswidget {
|
||
display: block;
|
||
font-weight: 700;
|
||
margin: 1em 0;
|
||
|
||
font-size: 1.666em;
|
||
line-height: 1.25em;
|
||
}
|
||
.widget_rss ul li span.rss-date {
|
||
display: block;
|
||
margin: 0 0 2em;
|
||
|
||
font-weight: 700;
|
||
}
|
||
.widget_rss ul li .rssSummary {}
|
||
.widget_rss ul li cite {
|
||
display: block;
|
||
margin: 1em 0;
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* ------------------------------ Widget Comments */
|
||
|
||
.widget_recent_comments {}
|
||
.widget_recent_comments .widget-title:before {
|
||
/* content: '\f086'; */
|
||
}
|
||
|
||
/* ------------------------------ Widget Meta */
|
||
|
||
.widget_meta {}
|
||
.widget_meta .widget-title:before {
|
||
/* content: '\f023'; */
|
||
}
|
||
.widget_meta ul {}
|
||
.widget_meta ul li {}
|
||
.widget_meta ul li a {}
|
||
|
||
/* ------------------------------ Widget Archive */
|
||
|
||
.widget_archive {}
|
||
.widget_archive .widget-title:before {
|
||
/* content: '\f07c'; */
|
||
}
|
||
|
||
/* ------------------------------ Widget Category */
|
||
|
||
.widget_categories {}
|
||
.widget_categories .widget-title:before {
|
||
/* content: '\f07c'; */
|
||
}
|
||
|
||
/* ------------------------------ Widget Links */
|
||
|
||
.widget_links {}
|
||
.widget_links .widget-title:before {
|
||
/* content: '\f005'; */
|
||
}
|
||
|
||
/* ------------------------------ Widget Recent Entries */
|
||
|
||
.widget_recent_entries {}
|
||
.widget_recent_entries .widget-title:before {
|
||
/* content: '\f08d'; */
|
||
}
|
||
|
||
/* ------------------------------ Widget Search */
|
||
|
||
.widget_search {}
|
||
.widget_search .widget-title:before {
|
||
/* content: '\f002'; */
|
||
}
|
||
.widget_search .searchform {}
|
||
|
||
|
||
|
||
/*-----------------------------------------------------------------------------------*/
|
||
/* Media Queries
|
||
/*-----------------------------------------------------------------------------------*/
|
||
|
||
|
||
/* ------------------------------ Tablets */
|
||
|
||
@media only screen and (max-width: 860px) {
|
||
.inside {
|
||
width: auto;
|
||
}
|
||
#header-outside {}
|
||
#header-inside {}
|
||
#logo {}
|
||
#main-nav {}
|
||
#main-nav ul {}
|
||
#main-nav ul > li {}
|
||
#main-nav ul ul > li {
|
||
margin: auto;
|
||
}
|
||
#footer-top-search {
|
||
width: 25%;
|
||
}
|
||
#footer-widgets {}
|
||
.footer-sidebar-outside {
|
||
width: 50%;
|
||
}
|
||
.footer-sidebar-inside {}
|
||
#footer-sidebar-3 {
|
||
border-left: 1px solid #404040;
|
||
border-top: 1px solid #404040;
|
||
}
|
||
#footer-sidebar-4 {
|
||
border-top: 1px solid #404040;
|
||
}
|
||
.content {
|
||
width: auto !important;
|
||
float: none !important;
|
||
}
|
||
.sidebar {
|
||
width: auto;
|
||
float: none !important;
|
||
margin: 100px 0 0;
|
||
padding: 0;
|
||
}
|
||
#front-page-header-inside {
|
||
width: auto;
|
||
}
|
||
#slideshow {
|
||
padding-bottom: 42%;
|
||
}
|
||
#front-page-slider {}
|
||
#front-page-slider .front-page-slide {
|
||
padding-bottom: 42%;
|
||
background-size: auto 100% !important;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-content {
|
||
margin: 0 2em;
|
||
padding-bottom: 42%;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-image {
|
||
padding-bottom: 42%;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-image img {
|
||
width: auto;
|
||
max-width: none;
|
||
height: 100%;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text {
|
||
width: 60%;
|
||
margin: 0;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-title {
|
||
font-size: 1.8em;
|
||
line-height: 0.9em;
|
||
}
|
||
#front-page-slider .front-page-slide .slide-text .slide-text-article {
|
||
display: block;
|
||
font-size: 0.75em;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------ Smartphones */
|
||
|
||
|
||
@media only screen and (max-width: 640px) {
|
||
blockquote:before {
|
||
font-size: 1.5em;
|
||
top: 1.25em;
|
||
left: 0;
|
||
}
|
||
blockquote {
|
||
padding: 0 0 0 2em;
|
||
}
|
||
|
||
|
||
#main-nav {
|
||
left: -80%;
|
||
position: absolute;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 80%;
|
||
|
||
background: #fff;
|
||
}
|
||
.no-js #main-nav {
|
||
left: 0;
|
||
position: relative;
|
||
top: 0;
|
||
height: auto;
|
||
width: auto;
|
||
|
||
background: #fff;
|
||
}
|
||
.aside #menu-close {
|
||
display: block;
|
||
background: #0077b3;
|
||
background: rgba(0,119,179,0.75);
|
||
}
|
||
#main-nav-outside {
|
||
border: 0;
|
||
}
|
||
#main-nav-inside {
|
||
padding: 0;
|
||
}
|
||
#nav-search {
|
||
display: block;
|
||
}
|
||
#menu-open {
|
||
display: block;
|
||
}
|
||
|
||
#main-nav .menu-toggle {
|
||
text-align: center;
|
||
text-indent: -10000px;
|
||
background: #181818 url('images/bg-menu-toggle.png') no-repeat scroll center center;
|
||
padding: 0.8em;
|
||
margin: 0;
|
||
}
|
||
|
||
#main-nav ul,
|
||
#main-nav ul ul,
|
||
#main-nav ul ul ul {
|
||
display: block;
|
||
width: 100%;
|
||
float: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
position: static;
|
||
left: auto;
|
||
top: auto;
|
||
background: transparent;
|
||
min-height: inherit;
|
||
border: 0;
|
||
}
|
||
#main-nav ul:after,
|
||
#main-nav ul ul:after,
|
||
#main-nav ul ul ul:after {
|
||
display: none;
|
||
}
|
||
#main-nav ul {
|
||
border-bottom: 1px solid #e3e3e3;
|
||
}
|
||
#main-nav ul ul {
|
||
border: 0;
|
||
background: rgba(0,0,0,0.025);
|
||
}
|
||
#main-nav ul ul ul {
|
||
background: rgba(0,0,0,0.025);
|
||
border-bottom: 0;
|
||
}
|
||
#main-nav ul li,
|
||
#main-nav ul ul li,
|
||
#main-nav ul ul ul li,
|
||
#main-nav ul ul ul ul li {
|
||
float: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
border: 0;
|
||
background: transparent;
|
||
}
|
||
#main-nav ul li a,
|
||
#main-nav ul ul li a,
|
||
#main-nav ul ul ul li a,
|
||
#main-nav ul ul ul ul li a,
|
||
#main-nav ul > li.has-children > a,
|
||
#main-nav ul ul > li.has-children > a,
|
||
#main-nav ul ul ul > li.has-children > a,
|
||
#main-nav ul ul ul ul > li.has-children > a {
|
||
width: auto;
|
||
padding: 0.8em 1em;
|
||
margin: 0;
|
||
height: auto;
|
||
line-height: 2.4em;
|
||
|
||
color: #404040 !important;
|
||
background-color: transparent !important;
|
||
border-top: 1px solid #e3e3e3;
|
||
}
|
||
|
||
#main-nav ul li > a,
|
||
#main-nav ul > li.has-children > a {
|
||
font-size: 1.2em;
|
||
line-height: 1.4em;
|
||
}
|
||
|
||
#main-nav ul ul li > a,
|
||
#main-nav ul ul > li.has-children > a {
|
||
padding: 0.8em 1em 0.8em 2em;
|
||
font-size: 1em;
|
||
line-height: 1.4em;
|
||
color: #808080;
|
||
background: #222;
|
||
}
|
||
|
||
#main-nav ul ul ul li > a,
|
||
#main-nav ul ul ul > li.has-children > a {
|
||
padding: 0.8em 1em 0.8em 3em;
|
||
font-size: 1em;
|
||
line-height: 1.4em;
|
||
|
||
color: #808080;
|
||
background: #222;
|
||
}
|
||
#main-nav ul ul ul ul li > a,
|
||
#main-nav ul ul ul ul > li.has-children > a {
|
||
padding: 0.8em 1em 0.8em 4em;
|
||
font-size: 1em;
|
||
line-height: 1.4em;
|
||
|
||
color: #808080;
|
||
background: #222;
|
||
}
|
||
#main-nav ul li a:hover,
|
||
#main-nav ul li a:focus,
|
||
#main-nav ul ul li a:hover,
|
||
#main-nav ul ul li a:focus,
|
||
#main-nav ul ul ul li a:hover,
|
||
#main-nav ul ul ul li a:focus,
|
||
#main-nav ul ul ul ul li a:hover,
|
||
#main-nav ul ul ul ul li a:focus,
|
||
#main-nav ul > li.has-children > a:hover,
|
||
#main-nav ul > li.has-children > a:focus,
|
||
#main-nav ul ul > li.has-children > a:hover,
|
||
#main-nav ul ul > li.has-children > a:focus,
|
||
#main-nav ul ul ul > li.has-children > a:hover,
|
||
#main-nav ul ul ul > li.has-children > a:focus,
|
||
#main-nav ul ul ul ul > li.has-children > a:hover,
|
||
#main-nav ul ul ul ul > li.has-children > a:focus {
|
||
color: #f80 !important;
|
||
background-color: rgba(255,255,255,0.05) !important;
|
||
}
|
||
#main-nav ul li.current-menu-item > a,
|
||
#main-nav ul ul li.current-menu-item > a,
|
||
#main-nav ul ul ul li.current-menu-item > a,
|
||
#main-nav ul ul ul ul li.current-menu-item > a {
|
||
color: #f80 !important;
|
||
}
|
||
#main-nav ul > li.has-children > a:after,
|
||
#main-nav ul ul > li.has-children > a:after {
|
||
display: none;
|
||
}
|
||
#main-nav ul > li.current-menu-item:after,
|
||
#main-nav ul > li.current_page_item:after {
|
||
display: none;
|
||
}
|
||
#main-nav ul > li.menu-item-home a,
|
||
#main-nav ul > li.menu-item-home:hover a,
|
||
#main-nav ul > li.menu-item-home:focus a,
|
||
#main-nav ul > li.menu-item-home.current-menu-item a {
|
||
background-image: none;
|
||
padding: 0.8em 1em;
|
||
height: 1.4em;
|
||
text-indent: 0;
|
||
}
|
||
|
||
#main-nav .menu-toggle {
|
||
display: block;
|
||
}
|
||
|
||
#pagination .pagination-info,
|
||
#pagination .pagination {
|
||
float: none;
|
||
margin: 0 0 1em;
|
||
}
|
||
|
||
|
||
|
||
|
||
.inside {
|
||
width: auto;
|
||
padding: 0 2em;
|
||
}
|
||
|
||
#header-outside {
|
||
padding: 0;
|
||
}
|
||
#header-inside {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
#header-mobile {
|
||
display: block;
|
||
}
|
||
#logo,
|
||
#search {
|
||
display: none;
|
||
}
|
||
#front-page-header-outside,
|
||
#front-page-header-image-outside {
|
||
display: none;
|
||
}
|
||
#post-nav #prev,
|
||
#post-nav #next {
|
||
width: auto;
|
||
float: none;
|
||
margin: 0 0 20px;
|
||
}
|
||
#front-page-adverts-outside {
|
||
display: none;
|
||
}
|
||
#front-page-adverts-inside {
|
||
border-top: 0.25em solid #404040;
|
||
margin: 0 auto 4em;
|
||
}
|
||
#wrapper-outside {}
|
||
#wrapper-inside {
|
||
width: auto;
|
||
margin: 0 auto;
|
||
}
|
||
#content {
|
||
width: auto;
|
||
}
|
||
|
||
.sidebar {
|
||
float: none;
|
||
width: auto;
|
||
padding: 0;
|
||
}
|
||
#footer-social-links {
|
||
float: none;
|
||
text-align: center;
|
||
}
|
||
#footer-search {
|
||
display: none;
|
||
}
|
||
.footer-sidebar-outside {
|
||
width: auto;
|
||
float: none;
|
||
}
|
||
.footer-sidebar-inside {
|
||
height: auto !important;
|
||
}
|
||
#footer-sidebar-2 {
|
||
border-left: 1px solid #404040;
|
||
border-top: 1px solid #404040;
|
||
}
|
||
#footer-sidebar-4 {
|
||
border-left: 1px solid #404040;
|
||
}
|
||
#footer_navigation ul li {
|
||
position: relative;
|
||
float: left;
|
||
width: 50% !important;
|
||
max-width: 100%;
|
||
padding: 0;
|
||
margin: 2em 0;
|
||
}
|
||
#footer_navigation ul li a {}
|
||
#footer_navigation ul ul {
|
||
max-width: 100%;
|
||
}
|
||
#footer_navigation ul ul li {
|
||
max-width: auto;
|
||
margin: 0;
|
||
}
|
||
|
||
#title-images-wrapper #title-outside {
|
||
position: relative;
|
||
background: #0077B3;
|
||
}
|
||
|
||
.title-header .post-title i {
|
||
color: rgba(255,255,255,0.5);
|
||
}
|
||
.title-header .post-title .label,
|
||
.title-header .post-title .value:before,
|
||
.title-header .post-title .value:after {
|
||
display: none;
|
||
}
|
||
|
||
.title-image {
|
||
height: 16em;
|
||
padding: 0;
|
||
}
|
||
.title-image img {
|
||
width: auto;
|
||
max-width: none;
|
||
height: 100%;
|
||
left: 50%;
|
||
margin-left: -24em;
|
||
}
|
||
.hentry,
|
||
.type-attachment {
|
||
padding: 1em;
|
||
}
|
||
.post-image,
|
||
.post-video {
|
||
margin: 0 -1em;
|
||
}
|
||
.footer {
|
||
display: none;
|
||
}
|
||
.post-more {
|
||
position: relative;
|
||
bottom: auto;
|
||
right: auto;
|
||
margin: 2em -1em -1em;
|
||
padding: 1em;
|
||
text-align: center;
|
||
}
|
||
.hentry:after {
|
||
width: 240px;
|
||
margin: 0 0 0 -120px;
|
||
background-size: 100% auto;
|
||
}
|
||
#title-inside {
|
||
padding: 0;
|
||
}
|
||
.post-title {
|
||
font-size: 1.6em;
|
||
}
|
||
.article {
|
||
font-size: 1em;
|
||
}
|
||
#respond-wrapper {
|
||
padding: 0.25em 1em;
|
||
}
|
||
#author-meta {
|
||
padding-top: 2.5em;
|
||
}
|
||
|
||
#post-meta,
|
||
#author-meta {
|
||
float: none;
|
||
clear: both;
|
||
width: auto;
|
||
}
|
||
#commentform .input-col {
|
||
margin: 1.5em 0;
|
||
width: auto;
|
||
float: none;
|
||
}
|
||
|
||
.commentlist li li {
|
||
padding: 0 0 0 2em;
|
||
}
|
||
|
||
li .comment-body .comment-info,
|
||
li li .comment-body .comment-info {
|
||
float: none;
|
||
text-align: left;
|
||
width: auto;
|
||
overflow: auto;
|
||
}
|
||
.comment-body .comment-author {
|
||
width: 50%;
|
||
float: left;
|
||
clear: left;
|
||
}
|
||
.comment-body .comment-meta {
|
||
width: 50%;
|
||
float: right;
|
||
clear: right;
|
||
text-align: right;
|
||
}
|
||
.comment-body .reply {
|
||
float: right;
|
||
clear: both;
|
||
margin-left: 1em;
|
||
}
|
||
|
||
li .comment-body .comment-text,
|
||
li li .comment-body .comment-text {
|
||
float: none;
|
||
width: auto;
|
||
padding: 0.125em 1em;
|
||
}
|
||
li .comment-body .comment-text {
|
||
margin-left: 2em;
|
||
}
|
||
li li .comment-body .comment-text {
|
||
margin-left: 0;
|
||
margin-right: 2em;
|
||
}
|
||
|
||
|
||
|
||
.two-columns-one,
|
||
.three-columns-one,
|
||
.three-columns-two,
|
||
.four-columns-one,
|
||
.four-columns-two,
|
||
.four-columns-three {
|
||
float: none;
|
||
width: 100%;
|
||
margin-right: 0;
|
||
}
|
||
}
|
||
|
||
@media only screen and (max-width: 480px) {
|
||
.alignleft,
|
||
.alignright {
|
||
float: none;
|
||
}
|
||
figure.alignleft,
|
||
img.alignleft,
|
||
img[align="left"],
|
||
figure.alignright,
|
||
img.alignright,
|
||
img[align="right"] {
|
||
float: none;
|
||
display: block;
|
||
margin: 1em auto 1.5em;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 641px) {
|
||
#main-inside {
|
||
left: auto!important;
|
||
}
|
||
}
|
||
|
||
/* ------------------------------ Retina Graphics */
|
||
|
||
@media only screen and (-webkit-min-device-pixel-ratio: 2),
|
||
only screen and (-moz-min-device-pixel-ratio: 2),
|
||
only screen and (-o-min-device-pixel-ratio: 2/1),
|
||
only screen and (min-device-pixel-ratio: 2) {
|
||
body {
|
||
background-image: url('images/bg-main@2x.png');
|
||
}
|
||
.type-post:after,
|
||
.type-page:after {
|
||
background-image: url('images/bg-front-post@2x.png');
|
||
}
|
||
} |