Chtěl bych místo červeného černé.. Děkuji
Web: http://www.gamestrike.6f.sk/
style.css
► Zobrazit spoiler
Kód: Vybrat vše
/*
Theme Name: GamePress
Theme URI: http://webtuts.pl/gamepress-en/
Description: GamePress is a gaming oriented WordPress theme, perfect for game reviews, videos and news or other entertainment related website. It comes in 4 color schemes and it's easy to use and customize.
Version: 1.0.5
Author: Aleksandra Łączek
Author URI: http://webtuts.pl/themes/
Tags: dark, two-columns, fixed-width, right-sidebar, threaded-comments, translation-ready, custom-menu, custom-background, custom-colors, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
-------------------------------------------------------------------------------------
00. CSS Reset
01. Document Setup
02. Typography (header, paragraph, blockquote, lists, links, tables etc.)
03. Forms & Buttons
04. Header (logo, main navigation, search field)
05. Content
06. Sidebar
07. Prefooter
08. Footer
09. Misc
10. @font-face
*/
/*-----------------------------------------------------------------------------------*/
/* 00. CSS Reset
/*-----------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
font:inherit;
font-size:100%;
margin:0;
padding:0;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
display:block
}
/*-----------------------------------------------------------------------------------*/
/* 01. Document Setup
/*-----------------------------------------------------------------------------------*/
body {
line-height: 1;
font: 13px/20px "OpenSansRegular", Tahoma, sans-serif;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
img { display: inline-block; }
img{
max-width:100%;
height:auto;
width: auto; /* IE 8 */
}
/*-----------------------------------------------------------------------------------*/
/* 02. Typography
/*-----------------------------------------------------------------------------------*/
/* Headers */
h1, h2, h3, h4, h5, h6 {
font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
line-height: 1.6em;
}
h1, h2 { margin-bottom: 12px; }
h3, h4, h5, h6 { margin-bottom: 6px; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5, h6 { font-size: 16px; }
h1 a:hover, h2 a:hover {
border: none !important;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
clear: both;
}
.p404 h1 {
line-height:65px;
font-size:62px;
text-shadow:2px 2px #ed1c24;
}
/* Text */
p { margin: 12px 0; }
em { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 80%; }
hr { border: none; }
em { font-style: italic; }
/* Links */
a {
text-decoration: none;
border-bottom: 1px dotted transparent;
}
#content a:hover, #sidebar a:hover, #prefooter a:hover {
border-bottom: 1px dotted;
}
a:focus {
outline: none;
}
.nivo-directionNav a:hover, .nivo-controlNav a:hover {
border: none !important;
}
a.img-bevel:hover, a.img:hover, a.nohover:hover, a:hover img {
text-decoration: none !important;
border: none !important;
}
article a { color: #ed1c24; }
a img { border: 0; text-decoration: none;}
a.more {
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
color: #ed1c24;
}
/* Blockquotes */
blockquote {
margin: 12px 0;
padding-left: 18px;
font-style: italic;
}
blockquote.left, blockquote.right {
float:right;
width:43%;
}
blockquote.left{ float:left; }
/* Lists */
ul {
list-style-type:disc;
margin: 0 0 12px 0;
padding: 0 0 0 18px;
}
ol {
list-style: decimal;
margin: 0 0 12px 20px;
padding: 0 0 0 18px;
}
ol li, ul li {
line-height: 18px;
margin-bottom: 6px;
}
ul.square { list-style: inside square; }
ul.circle { list-style: inside circle; }
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
/* Tables */
table {
margin: 12px 0;
border-collapse: collapse;
border-spacing: 0;
}
table thead th{
text-transform: uppercase;
font-size: 11px;
}
table th, table tbody td {
padding: 6px 12px;
}
td, th {
display: table-cell;
vertical-align: inherit;
}
/* Tabs */
.tabs-nav{
height: 39px;
margin-bottom: 0;
padding: 0 !important;
list-style: none;
margin-left: 0;
text-shadow: none;
}
.tabs-wrapper ul.tabs-nav li {
float: left;
height: 36px;
list-style-type: none;
margin-right: 3px;
position: relative;
text-align: center;
padding: 0;
width: 95px;
overflow: hidden;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.tabs-wrapper ul.tabs-nav li a {
border-bottom: medium none;
text-transform: uppercase;
height: 100%;
left: 0;
line-height: 36px;
position: absolute;
text-decoration: none;
top: 0;
width: 100%;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.tabs-wrapper ul.tabs li a {
text-transform: none;
}
.tabs-wrapper .pane {
clear: both;
}
/* Accordion */
.accordion {
position: relative;
}
.accordion-header {
font-family: 'OpenSansRegular', Tahoma, sans-serif;
font-size: 13px;
padding: 6px 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 0 1px 0;
cursor: pointer;
}
.accordion-header a:hover {
border: none !important;
}
.accordion-header a:before {
content: '';
width: 8px;
height: 8px;
display: block;
float: left;
margin: 6px 6px 0 0;
}
.accordion-header.current a:before {
margin: 4px 6px 0 0;
}
.accordion-header a{
border: none;
}
.accordion .pane {
padding: 10px 22px;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: hidden;
zoom: 1;
}
/*-----------------------------------------------------------------------------------*/
/* 03. Forms & Buttons
/*-----------------------------------------------------------------------------------*/
input, textarea, select {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
padding: 5px;
margin: 0 5px 0 0;
font: 12px/18px 'OpenSansRegular';
}
form p {
overflow: hidden;
}
textarea:focus, input:focus{
outline: none;
}
/* Buttons */
.button, input[type="submit"] {
color: #FFFFFF;
border-left-color:rgba(0,0,0,.5);
border-right-color:rgba(0,0,0,.5);
border:1px solid #000;
-webkit-box-shadow:
inset 0px 1px 0px rgba(255,255,255,.15),
0px 1px 2px rgba(0,0,0,.5);
-moz-box-shadow:
inset 0px 1px 0px rgba(255,255,255,.15),
0px 1px 2px rgba(0,0,0,.5);
box-shadow:
inset 0px 1px 0px rgba(255,255,255,.15),
0px 1px 2px rgba(0,0,0,.5);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin: 0;
padding: 6px 10px 5px;
text-decoration: none;
text-shadow: #000 1px 1px 0px;
}
.big {
font-size: 14px;
padding: 0.6em 1.5em 0.62em;
}
.small {
font-size: 11px;
padding: 0.2em 1em 0.275em;
}
/* red */
.button.red, input[type="submit"] {
border: solid 1px #980c10 !important;
background: #d81b21;
background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
background: -webkit-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
background: -o-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
background: -ms-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
background: linear-gradient(top, #ed1c24 0%,#aa1317 100%);
}
.button.red:hover, input[type="submit"]:hover {
background: #b61318;
background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
background: -moz-linear-gradient(top, #c9151b, #a11115);
background: -webkit-linear-gradient(top, #c9151b 0%,#a11115 100%);
background: -o-linear-gradient(top, #c9151b 0%,#a11115 100%);
background: -ms-linear-gradient(top, #c9151b 0%,#a11115 100%);
background: linear-gradient(top, #c9151b 0%,#a11115 100%);
text-decoration: none;
cursor: pointer;
}
.button.red:active {
background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
background: -moz-linear-gradient(top, #aa1317, #ed1c24);
background: -webkit-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
background: -o-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
background: -ms-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
background: linear-gradient(top, #aa1317 0%,#ed1c24 100%);
}
/* orange */
.button.orange {
border: solid 1px #dd6611 !important;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%);
background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%);
background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%);
background: linear-gradient(top, #faa51a 0%,#f47a20 100%);
}
.button.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
background: -webkit-linear-gradient(top, #f88e11 0%,#f06015 100%);
background: -o-linear-gradient(top, #f88e11 0%,#f06015 100%);
background: -ms-linear-gradient(top, #f88e11 0%,#f06015 100%);
background: linear-gradient(top, #f88e11 0%,#f06015 100%);
}
.button.orange:active {
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%);
background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%);
background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%);
background: linear-gradient(top, #f47a20 0%,#faa51a 100%);
}
/* blue */
.button.blue {
border: 1px solid #064792 !important;
background: #1C5EA0;
background: -webkit-gradient(linear, left top, left bottom, from(#1C5EA0), to(#064792));
background: -webkit-linear-gradient(top, #1C5EA0, #064792);
background: -moz-linear-gradient(top, #1C5EA0, #064792);
background: -ms-linear-gradient(top, #1C5EA0, #064792);
background: -o-linear-gradient(top, #1C5EA0, #064792);
background: linear-gradient(top, #1C5EA0, #064792);
}
.button.blue:hover {
background: #064792;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5296), color-stop(99%,#064792));
background: -webkit-linear-gradient(top, #0e5296, #064792);
background: -moz-linear-gradient(top, #0e5296, #064792);
background: -ms-linear-gradient(top, #0e5296, #064792);
background: -o-linear-gradient(top, #0e5296, #064792);
background: linear-gradient(top, #0e5296, #064792);
}
.button.blue:active {
background: -webkit-gradient(linear, left top, left bottom, from(#064792), to(#0e5296));
background: -webkit-linear-gradient(top, #064792, #0e5296);
background: -moz-linear-gradient(top, #064792, #0e5296);
background: -ms-linear-gradient(top, #064792, #0e5296);
background: -o-linear-gradient(top, #064792, #0e5296);
background: linear-gradient(top, #064792, #0e5296);
}
/* green */
.button.green {
border: solid 1px #538312 !important;
background: #64991e;
background: -webkit-gradient(linear, left top, left bottom, from(#60a700), to(#459300));
background: -webkit-linear-gradient(top, #60a700, #459300);
background: -moz-linear-gradient(top, #60a700, #459300);
background: -ms-linear-gradient(top, #60a700, #459300);
background: -o-linear-gradient(top, #60a700, #459300);
background: linear-gradient(top, #60a700, #459300);
}
.button.green:hover {
background: #538018;
background: -webkit-gradient(linear, left top, left bottom, from(#569600), to(#427200));
background: -webkit-linear-gradient(top, #569600, #427200);
background: -moz-linear-gradient(top, #569600, #427200);
background: -ms-linear-gradient(top, #569600, #427200);
background: -o-linear-gradient(top, #569600, #427200);
background: linear-gradient(top, #569600, #427200);
}
.button.green:active {
background: -webkit-gradient(linear, left top, left bottom, from(#459300), to(#60a700));
background: -webkit-linear-gradient(top, #459300, #60a700);
background: -moz-linear-gradient(top, #459300, #60a700);
background: -ms-linear-gradient(top, #459300, #60a700);
background: -o-linear-gradient(top, #459300, #60a700);
background: linear-gradient(top, #459300, #60a700);
}
/* Notifications */
.message {
display: block;
color: white;
padding: 12px;
margin-bottom: 12px;
position: relative;
border-radius: 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-width: 1px;
border-style: solid;
text-shadow: none;
}
.message.success {
background: #ACEA90;
border-color: #98D27E;
color: #466638;
}
.message.information {
background: #AAEBFE;
border-color: #7BD5E2;
color: #30839C;
}
.message.warning {
background: #F1E884;
color: #AFA214;
border-color: #E7D728;
}
.message.error {
background: #EE6669;
color: #993333;
border-color: #D23939;
}
.message .close {
position: absolute;
top: 10px;
right: 10px;
color: white !important;
width: 20px;
height: 20px;
padding: 0;
margin: 0;
text-align: center;
border-radius: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
display: block;
opacity: 0.8;
font-weight: bold;
text-indent: 0px;
}
.message.success .close:hover {
cursor: pointer;
background: #98D27E;
opacity: 1;
}
.message.information .close:hover {
cursor: pointer;
background: #7BD5E2;
opacity: 1;
}
.message.warning .close:hover {
cursor: pointer;
background: #E7D728;
opacity: 1;
}
.message.error .close:hover {
cursor: pointer;
background: #D23939;
opacity: 1;
}
/*-----------------------------------------------------------------------------------*/
/* 04. Header
/*-----------------------------------------------------------------------------------*/
#header {
text-align: center;
margin-bottom: 52px;
}
#header-inner {
width: 980px;
padding: 35px 0 0 0;
margin: 0 auto;
text-align: left;
position: relative;
}
header #logo {
float: left;
}
header #logo h1{
font: 48px 'FrancoisOneRegular', sans-serif;
float: left;
margin-bottom: 0;
}
header #logo p{
float: left;
text-transform: uppercase;
font-size: 11px;
margin: 38px 0 0 6px;
}
.header-ad-section {
float: right;
width: 468px;
height: 60px;
position: relative;
}
/* Main Navigation */
#primary-nav, #primary-nav ul {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
list-style-position: outside;
}
#primary-nav {
width: 805px;
display: table-cell;
}
.nosearch #primary-nav {
width:980px;
}
#header nav {
width: 100%;
position: relative;
bottom: -16px;
margin: 0 0 16px 0;
background: #C32420 url("images/nav-red.png") repeat-x 0 top;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#C32420),color-stop(100%,#8F050E));
background: -webkit-linear-gradient(#C32420,#8F050E);
background: -moz-linear-gradient(#C32420,#8F050E);
background: -o-linear-gradient(#C32420,#8F050E);
background: -ms-linear-gradient(top, #C32420 0%,#8F050E 100%);
background: linear-gradient(#C32420,#8F050E);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.35);
box-shadow: 0 2px 10px rgba(0,0,0,0.35);
display: block;
}
#primary-nav:before,
#primary-nav:after {
/*content: "";*/
display: table;
}
#primary-nav:after {
clear: both;
}
#primary-nav {
zoom:1;
}
#primary-nav li {
float: left;
border-right: 1px solid #7B0D0F;
position: relative;
margin: 0;
}
#primary-nav a {
float: left;
padding: 10px 22px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0 1px 0 #000;
border-left: 1px solid #B11719;
position: relative;
}
#primary-nav a:hover {
background: url("images/nav-red.png") repeat-x bottom left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509));
background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%);
background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%);
background: -o-linear-gradient(top, #9b1211 0%,#760509 100%);
background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%);
background: linear-gradient(top, #9b1211, #760509);
}
#primary-nav > li:first-child > a{
border-left: none;
}
#primary-nav > li:first-child > a:hover {
border-radius: 6px 0 0 6px;
}
#primary-nav > li:last-child {
border-right: 1px solid #B11719;
}
#primary-nav > li:last-child > a{
border-right: 1px solid #7B0D0F;
}
#primary-nav ul a {
float: none;
}
#primary-nav ul li {
float: none;
border-right: 1px solid #B11719;
}
#primary-nav li:hover > a {
color: #ffffff;
}
*html #primary-nav li a:hover { /* IE6 only */
color: #ffffff;
}
#primary-nav ul {
margin: 0;
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
z-index: 99999;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#primary-nav > li > ul {
top: 50px;
}
#primary-nav > li > ul {
padding-top: 10px;
}
#primary-nav ul > li:first-child {
-moz-box-shadow: 0 -1px #AC1417;
-webkit-box-shadow: 0 -1px 0 #AC1417;
box-shadow: 0 -1px 0 #AC1417;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#primary-nav > li:hover > ul {
top: 38px;
}
#primary-nav li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#primary-nav ul ul {
top: 0;
left: 163px;
margin: 0;
}
#primary-nav li ul li:hover > ul {
left: 153px;
}
#primary-nav ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
border-bottom: 1px solid #B11719;
background: #9b1211;
width: auto;
min-width: 145px;
}
#primary-nav ul li:last-child {
border: none;
}
#primary-nav ul a {
padding: 10px;
width: auto;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
border-left: none;
border-bottom: 1px solid #7B0D0F;
float: none;
text-transform: none;
}
#primary-nav ul a:hover {
background: url("images/nav-red-hover.png") repeat-x bottom left;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b1211), color-stop(100%,#760509));
background: -webkit-linear-gradient(top, #9b1211 0%,#760509 100%);
background: -o-linear-gradient(top, #9b1211 0%,#760509 100%);
background: -moz-linear-gradient(top, #9b1211 0%, #760509 100%);
background: -ms-linear-gradient(top, #9b1211 0%,#760509 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#9b1211, endColorstr=#760509)";
background: linear-gradient(top, #9b1211, #760509);
}
#primary-nav ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#primary-nav > li > ul > li:first-child > a:before,
#primary-nav > li > ul > li:first-child > .before
{
content: '';
position: absolute;
left: 15px;
width: 15px;
height: 10px;
top: -30px;
padding-top: 20px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
background: url("images/submenu-arrow.png") no-repeat bottom left;
}
#primary-nav ul ul li:first-child > a:before,
#primary-nav ul ul > li:first-child > .before
{
content: '';
position: absolute;
left: -13px;
width: 8px;
height: 10px;
top: -3px;
padding-top: 20px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
background: url("images/submenu-arrow.png") no-repeat bottom right;
}
#primary-nav ul li:first-child a:hover:after {
border-bottom-color: #7B0D0F;
}
#primary-nav ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
/* Search field */
#search {
background: url(images/searchbar-bg.png) no-repeat top left;
width: 150px;
margin: 7px 18px 0 0;
float: right;
position: absolute;
top: 0;
right: 0;
height: 25px;
}
#search input {
width: 125px;
height: 25px;
margin: 0;
background: none;
padding: 0 0 0 20px;
border: none !important;
box-shadow: none;
}
/*-----------------------------------------------------------------------------------*/
/* 05. Content
/*-----------------------------------------------------------------------------------*/
#content-wrapper {
text-align: center;
padding: 0 0 36px 0;
}
#content-inner {
width: 980px;
margin: 0 auto;
text-align: left;
}
#content {
float: left;
width: 642px;
}
#content.full-width {
float: none;
width: 100%;
}
#content.p404 {
text-align: center;
}
#content.p404 .entry-content{
padding: 100px 0;
}
/* Grid */
.grid {
overflow: hidden;
clear: both;
}
.grid > * {
float: left;
margin-left: 3.75%;
min-height: 1px;
}
.grid > *:first-child {
margin-left: 0;
}
.one-half, .one-third, .one-fourth {
float: left;
}
.one-half {
width: 46%;
}
.one-third {
width: 30.8333%;
}
.two-third {
width: 61.6666%;
}
.one-fourth {
width: 22%;
}
.three-fourth {
width: 66%;
}
.grid .last {
margin-right: 0 !important;
}
/* Home Page Slider */
.slider-wrapper {
width: 642px;
height: 362px;
margin: 0 0 165px 0;
}
.slider-wrapper.theme-default {
margin: 0 0 40px 0;
}
#slider{
width: 642px;
height: 362px;
position: relative;
}
.slider-captions h2 a, .entry-header h2 a {
text-decoration: none;
}
.slider-captions p {
text-align: justify;
margin: 0 !important;
}
/* Nivo Slider with thumbnail navigation */
.nivo-controlNav.nivo-thumbs-enabled {
position:absolute;
width: 620px;
padding: 20px 0 20px 22px;
overflow: hidden;
}
.theme-thumbnails a.nivo-control{
width: 128px;
margin: 0 26px 0 0;
}
/* Home Page Article List */
article.list-small-thumb, article.list-big-thumb {
margin-bottom: 36px;
position: relative;
clear: both;
}
article.list-small-thumb:last-child, .list-big-thumb:last-child {
margin: 0 !important;
}
article.list-small-thumb .entry-date, article.list-big-thumb .entry-date{
background: url("images/date-bg.png") repeat-x 0 0;
width: 48px;
height: 48px;
position: absolute;
top: 0px;
left: -68px;
z-index: 10;
color: #ffffff;
font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
font-size: 18px;
text-align: center;
text-transform: uppercase;
padding: 10px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
article.list-small-thumb .entry-date span.day, article.list-big-thumb .entry-date span.day {
font-size: 22px;
display: block;
margin-bottom: 10px;
}
article.list-small-thumb .entry-date {
top: 1px;
}
article.list-small-thumb h2, article.list-big-thumb h2 {
margin: 0;
}
article.list-small-thumb .entry-content, article.list-big-thumb .entry-content {
padding: 0 22px 18px;
text-align: left;
overflow: hidden;
}
article.list-small-thumb .img-wrapper{
float: left;
width: 200px;
height: 200px;
}
article.list-small-thumb .entry-header {
display: block;
margin-left: 200px;
padding: 12px 12px 8px 22px;
text-align: left;
overflow: hidden;
}
article.list-small-thumb .noimage .entry-header {
margin-left: 0;
}
article.list-small-thumb .entry-header h2{
font-size: 18px;
}
article.list-small-thumb .entry-content {
height: 114px;
}
article.list-small-thumb .noimage .entry-content {
height: auto;
}
article.list-small-thumb .img-wrapper a {
height: 199px;
}
article.list-big-thumb .img-wrapper {
width: 642px;
height: 362px;
position: relative;
}
article.list-big-thumb .img-wrapper>a{
border: none !important;
}
article.list-big-thumb .entry-header {
bottom: 0;
display: block;
left: 0;
padding: 12px 22px;
position: absolute;
right: 0;
text-align: left;
}
article.list-big-thumb .noimage .entry-header {
position: relative;
opacity: 1;
filter: alpha(opacity=100);
padding: 5px 12px;
}
.entry-meta {
text-transform: uppercase;
font-size: 11px;
}
/* Single Post & Page */
section.full-height {
overflow: hidden;
padding-bottom: 36px;
}
section.full-height header {
overflow: hidden;
padding: 12px 22px;
}
.entry-content, .archive-content {
padding: 12px 22px 0;
overflow: hidden;
}
.single .entry-meta {
margin: 6px 0;
}
.video-embed {
margin: 12px 0;
}
.tags {
text-transform: uppercase;
font-size: 11px;
padding-left: 18px;
}
a.post-edit-link {
float: right;
padding-top: 6px;
}
/* Single Review Post */
article.review.single header {
text-align: left;
padding: 0 22px 0 0;
height: 160px;
margin: 0;
overflow: hidden;
}
article.review.single header.noimage {
padding: 0 22px;
}
article.review header img.cover{
float: left;
margin-right: 18px;
}
article.review header h2 {
margin: 12px 0;
line-height: 30px;
}
article.review header .subtitle{
font: 14px/20px "OpenSansRegular", Tahoma, sans-serif;
margin-bottom: 12px;
}
/* Archives */
.filter {
float: right;
overflow: hidden;
text-transform: uppercase;
margin-top: 12px;
font-size: 11px;
}
.filter ul {
overflow: hidden;
float: right;
}
.filter ul li {
float: left;
margin-left: 10px;
list-style-type: none;
}
.filter li.current a{
border-bottom: 1px dotted #ffffff;
}
/* Video Archives */
.video-item {
overflow: hidden;
padding: 18px 0 12px;
float: left;
margin-right: 30px;
}
.video-item.l {
margin: 0;
}
.video-item.last {
background: none;
padding-bottom: 0;
}
.video-item .img-wrapper{
position: relative;
height: 158px;
width: 284px;
margin: 0 0 6px 0;
}
.video-item .img-wrapper a {
box-shadow: none;
}
.video-item .entry-header{
bottom: 0;
display: block;
left: 0;
padding: 6px 12px;
position: absolute;
right: 0;
text-align: left;
}
.video-item .entry-header a {
opacity: 1;
}
.video-item .entry-header a:hover {
border: none !important;
}
/* Review Archives */
.review-item {
overflow: hidden;
padding: 18px 0;
}
.review-item:last-child {
background: none;
}
.review-thumb {
float: left;
margin-right: 12px;
}
.review-content {
margin-left: 112px;
}
.review-item.noimage .review-content {
margin-left: 0;
}
.review-item p {
overflow: hidden;
}
.review-item .rating-bar {
float: right;
}
/* Pagination */
.page-link {clear: both;}
.wp-pagenavi{
display: block;
float: left;
font-size: 12px;
line-height: 18px;
padding: 36px 0 18px 0;
width: 642px;
text-align: left;
}
.wp-pagenavi .pages {
background: none;
box-shadow: none;
border: none;
text-transform: uppercase;
font-size: 11px;
float: right;
text-align: right;
width: 150px;
color: #999999;
filter: none;
padding: 0;
}
.wp-pagenavi a, .wp-pagenavi span {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin: 0 3px 0 0;
padding: 6px 10px 5px;
text-decoration: none;
}
/* Comments */
#comments {
padding: 12px 22px 0;
overflow: hidden;
}
#comments h3 {
text-transform: uppercase;
}
.comments-header{
text-transform: uppercase;
padding: 0 22px;
}
#comments nav {
overflow: hidden;
}
#comments #comment-nav-above {
padding-bottom: 10px;
margin-bottom: 10px;
}
#comments nav .nav-previous {
float: left;
}
#comments nav .nav-next {
float: right;
}
#comments nav h1 {
display: none;
}
.commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
.commentlist .the-comment {
margin: 0 0 20px;
overflow: hidden;
padding: 0 0 5px;
}
.commentlist img.avatar {
float: left;
margin: 0 10px 10px 0;
padding: 3px;
}
.comment-meta {
overflow: hidden;
}
.comment-time {
float: right;
}
.comment-text {
clear: both;
margin: 6px 0;
}
.comment-text p{
margin: 12px 0;
}
.comment-form {
padding: 12px 22px 0;
overflow: hidden;
}
ol.children {
padding: 0 0 0 40px;
list-style-type: none;
}
/* Comment Form */
#cancel-comment-reply-link {
font-family: 'OpenSansRegular', Tahoma, Arial;
font-size: 11px;
text-transform: none;
}
#commentform input {
float: left;
}
#commentform div {
margin-bottom: 10px;
}
#commentform p.form-submit {
overflow: hidden;
}
/* Contact Form */
#contact-form p.short {
float: left;
margin-right: 6px;
width: 216px;
}
#contact-form p.long {
clear: both;
}
#contact-form p.short input {
width: 200px;
}
#contact-form p.long input {
width: 425px;
}
#contact-form textarea {
width: 425px;
}
#contact-form label.error {
text-align: left;
color: #ED1C24;
padding: 5px;
display: block;
font-size: 11px;
width: 260px;
line-height: 1em;
}
#contact-form input.error, #contact-form textarea.error, #contact-form select.error {
border: 1px solid #ED1C24;
border-color: #ED1C24;
box-shadow: 0 0 5px #ED1C24;
outline: 0 none;
}
#contact-form.loading input, #contact-form.loading textarea {
background: #e7e7e7;
}
#contact-form.loading input[type="submit"] {
border: solid 1px #bbbbbb !important;
color: #555555;
background: #d1d1d1;
background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d1d1d1));
background: -moz-linear-gradient(top, #e7e7e7, #d1d1d1);
background: -webkit-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
background: linear-gradient(top, #e7e7e7 0%,#d1d1d1 100%);
}
#thank-you-for-contact {
display:none;
}
/*-----------------------------------------------------------------------------------*/
/* 06. Sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar {
float: left;
width: 300px;
margin-left: 38px;
}
/* Widgets */
.widget{
margin: 0 0 18px 0;
clear: both;
overflow: hidden;
}
.widget h3.widget-title {
text-transform: uppercase;
font-size: 18px;
margin: 0 0 12px 0;
padding: 0 0 6px 0;
}
.widget a{
text-decoration: none;
}
.widget ul {padding: 0;}
.widget ul li {
padding-left: 18px;
list-style:none;
}
.widget .entry-content {
padding: 0;
background: none;
}
/* RECENT POSTS WIDGET */
.reviews_widget .entry-wrapper {
float: left;
margin: 0;
width: 200px;
}
.reviews_widget .entry-thumb {
float: left;
position: relative;
margin: 0 15px 0 0;
}
.reviews_widget .entry-thumb a {
height: 79px;
}
.reviews_widget .entry-title {
font-size: 13px;
font-family: 'OpenSansSemiboldRegular';
margin-bottom: 6px;
}
.reviews_widget .entry-wrapper .entry-meta{
margin: 0;
}
.reviews_widget .entry-title a {
color: #FFFFFF;
text-decoration: none;
font-size: 13px;
}
.reviews_widget ul.pane li {
padding: 0 0 12px;
margin: 12px 0 0;
list-style: none !important;
overflow: hidden;
}
.reviews_widget ul.pane li:last-child {
background: none;
padding: 0;
}
/* Social Media Widget */
.sidebar-social a {
float: left;
margin-right: 6px;
}
#sidebar .sidebar-social a:hover, #prefooter .sidebar-social a:hover {
border-bottom: 1px dotted transparent;
}
/*-----------------------------------------------------------------------------------*/
/* 07. Prefooter
/*-----------------------------------------------------------------------------------*/
#prefooter {
text-align: center;
padding-bottom: 36px;
}
#prefooter-inner {
width: 980px;
padding: 35px 0 0 0;
margin: 0 auto;
text-align: left;
position: relative;
}
/*-----------------------------------------------------------------------------------*/
/* 08. Footer
/*-----------------------------------------------------------------------------------*/
#footer-border{
height: 2px;
}
#footer-inner {
width: 980px;
padding: 0;
margin: 0 auto;
font-size: 11px;
overflow: hidden;
}
/*-----------------------------------------------------------------------------------*/
/* 09. Misc
/*-----------------------------------------------------------------------------------*/
.clear {
clear: both;
}
.alignleft {
float: left;
margin: 6px 12px 6px 0;
}
.alignright {
float: right;
margin: 6px 0 12px 12px;
}
.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.sticky {}
.gallery-caption {
font-size: 11px;
font-style: italic;
padding: 0;
margin: 0 10px;
}
.bypostauthor {}
img.size-auto,
img.size-full,
img.size-large {
height: auto;
max-width: 98%;
}
img.wp-smiley {
background: transparent;
border: none;
margin: 0;
padding: 0;
}
.img-bevel {
display: inline-block;
position: relative;
line-height: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}
article.list-big-thumb .img-bevel{
box-shadow: none;
}
.img-bevel:before,
.before-img-bevel-fix
{
content: "";
height: 1px;
background: #ffffff;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
top: 0;
position: absolute;
width: 100%;
z-index: 100;
}
/* Highlight */
span.hl-yellow {
background-color: #fff461;
text-shadow: none;
color: #222222;
}
span.hl-red {
background-color: #C83A37;
text-shadow: none;
color: #ffffff;
}
/* Horizontal Dividers */
.divider-solid {
height: 4px;
clear: both;
margin: 18px 0;
border: none;
}
.divider-dotted {
height: 2px;
margin: 18px 0;
clear: both;
border: none;
}
/* Image Captions */
.wp-caption {
margin-bottom: 10px;
position: relative;
max-width: 100%;
text-align: center;
}
#content .wp-caption a:hover{
border-bottom: 1px dotted transparent;
}
.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 11px;
font-style: italic;
padding: 6px 12px;
margin: 0;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width: 100%;
padding:0;
width:auto;
}
/* Rating */
/* RATING */
.rating-bar {
margin: 6px 0 0;
color: #FFFFFF;
text-transform: uppercase;
font-size: 12px;
font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
overflow: hidden;
}
.rating-bar span {
padding: 1px 5px;
display: block;
float: left;
height: 17px;
line-height: 17px;
}
.rating-bar .desc {
width: 60px;
}
.rating-bar .score.s1 {
border: 1px solid #5d0006;
background: url("images/ratingBar-bg.png") repeat-x 0 -19px;
}
.rating-bar .score.s2 {
border: 1px solid #a01301;
background: url("images/ratingBar-bg.png") repeat-x 0 -38px;
}
.rating-bar .score.s3 {
border: 1px solid #982801;
background: url("images/ratingBar-bg.png") repeat-x 0 -57px;
}
.rating-bar .score.s4 {
border: 1px solid #a43c01;
background: url("images/ratingBar-bg.png") repeat-x 0 -76px;}
.rating-bar .score.s5 {
border: 1px solid #a04f02;
background: url("images/ratingBar-bg.png") repeat-x 0 -95px;
}
.rating-bar .score.s6 {
border: 1px solid #585f00;
background: url("images/ratingBar-bg.png") repeat-x 0 -114px;
}
.rating-bar .score.s7 {
border: 1px solid #3d4001;
background: url("images/ratingBar-bg.png") repeat-x 0 -133px;
}
.rating-bar .score.s8 {
border: 1px solid #124001;
background: url("images/ratingBar-bg.png") repeat-x 0 -152px;
}
.rating-bar .score.s9, .score.s10 {
border: 1px solid #003e0c;
background: url("images/ratingBar-bg.png") repeat-x 0 -171px;
}
.rating-box{
margin: 0;
color: #FFFFFF;
text-transform: uppercase;
font-size: 30px;
font-family: "FrancoisOneRegular", "OpenSansRegular", Tahoma, sans-serif;
}
.rating-box span {
width: 64px;
padding: 0 0 2px;
display: block;
text-align: center;
height: 17px;
}
.rating-box .score {
height: 22px;
padding: 18px 0;
}
.rating-box .score.s1 {
border: 1px solid #5d0006;
background: url("images/ratingBox-bg.png") repeat-x 0 0;
}
.rating-box .score.s2 {
border: 1px solid #a01301;
background: url("images/ratingBox-bg.png") repeat-x 0 -60px;
}
.rating-box .score.s3 {
border: 1px solid #982801;
background: url("images/ratingBox-bg.png") repeat-x 0 -120px;
}
.rating-box .score.s4 {
border: 1px solid #a43c01;
background: url("images/ratingBox-bg.png") repeat-x 0 -180px;}
.rating-box .score.s5 {
border: 1px solid #a04f02;
background: url("images/ratingBox-bg.png") repeat-x 0 -240px;
}
.rating-box .score.s6 {
border: 1px solid #585f00;
background: url("images/ratingBox-bg.png") repeat-x 0 -300px;
}
.rating-box .score.s7 {
border: 1px solid #3d4001;
background: url("images/ratingBox-bg.png") repeat-x 0 -360px;
}
.rating-box .score.s8 {
border: 1px solid #124001;
background: url("images/ratingBox-bg.png") repeat-x 0 -420px;
}
.rating-box .score.s9, .score.s10 {
border: 1px solid #003e0c;
background: url("images/ratingBox-bg.png") repeat-x 0 -480px;
}
.rating {
overflow: hidden;
margin: 12px 0;
}
.rating p {
margin: 0 0 12px 0;
}
.rating .rating-box {
float: left;
margin-right: 12px;
}
.rating .label {
text-transform: uppercase;
font-family: 'OpenSansSemiboldRegular', Tahoma, sans-serif;
font-size: 11px;
}
/*-----------------------------------------------------------------------------------*/
/* 10. @font-face
/*-----------------------------------------------------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
font-family: 'OpenSansRegular';
src: url('fonts/opensans-regular.eot');
src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-regular.woff') format('woff'),
url('fonts/opensans-regular.ttf') format('truetype'),
url('fonts/opensans-regular.svg#OpenSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansSemiboldRegular';
src: url('fonts/opensans-semibold.eot');
src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-semibold.woff') format('woff'),
url('fonts/opensans-semibold.ttf') format('truetype'),
url('fonts/opensans-semibold.svg#OpenSansSemiboldRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansBold';
src: url('fonts/opensans-bold.eot');
src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-bold.woff') format('woff'),
url('fonts/opensans-bold.ttf') format('truetype'),
url('fonts/opensans-bold.svg#OpenSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansItalic';
src: url('fonts/opensans-italic.eot');
src: url('fonts/opensans-italic.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-italic.woff') format('woff'),
url('fonts/opensans-italic.ttf') format('truetype'),
url('fonts/opensans-italic.svg#OpenSansItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FrancoisOneRegular';
src: url('fonts/francoisone.eot');
src: url('fonts/francoisone.eot?#iefix') format('embedded-opentype'),
url('fonts/francoisone.woff') format('woff'),
url('fonts/francoisone.ttf') format('truetype'),
url('fonts/francoisone.svg#FrancoisOneRegular') format('svg');
font-weight: normal;
font-style: normal;
}
