/* 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-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
/* Global Classes */
.clear { clear: both; }
.hide-text { visibility: hidden; position: absolute; }
.last { border-right: none !important; }
.first { border-left: none !important; }
/* Column Stlyes */
.column-20 { width: 20%; float: left; } /* 1:5 Column */
.column-25 { width: 25%; float: left; } /* 1:4 Column */
.column-33 { width: 33.3%; float: left; } /* 1:3 Column */
.column-66 { width: 66.6%; float: left; } /* 2:3 Column */
.column-50 { width: 50%; float: left; } /* 1:2 Column */
.column-75 { width: 75%; float: left; } /* 3:4 Column */
.column-100 { width: 100%; float: left; } /* 1:1 Column */
/* Padding Styles */
.cpad-10 { padding: 10px; }
.cpad-20 { padding: 20px; }
.cpad-40 { padding: 40px; }
.ew{ padding-top: 0 !important; padding-bottom: 0 !important; }
.ns{ padding-left: 0 !important; padding-right: 0 !important; }
/* Basic Layout Styles */
.resp-bounds{ width: 1000px; margin: 0 auto; }
body{ background: #333; }
/************************************************
* WIREFRAME
***********************************************/
#wrapper,
#utility-bar,
#header,
#navigation,
.header-banner-area,
#content-slider,
#charts-tabs,
#charts,
#charts-content,
#main,
footer {
width:1000px;
margin:auto;
}
#main {
margin-bottom:20px;
}
#content {
width:680px;
float:left;
}
.bbPress #content,
.bp-user #content {
width:auto !important;
float:none;
}
#sidebar,
#aside {
float:right;
width: 300px;
}
#utility-bar {
background:#000;
color: #fff;
padding: 0px 0;
height:49px;
width:1000px;
margin:auto;
}
#header-container{ }
#navigation-container{}
/************************************************
* DEFINING WEBFONTS
***********************************************/
/* Nobile */
@font-face {
font-family: 'NobileRegular';
src: url('/wp-content/themes/worldsfactory/webfonts/nobile-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/nobile-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/nobile-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NobileItalic';
src: url('/wp-content/themes/worldsfactory/webfonts/nobile_italic-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/nobile_italic-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_italic-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_italic-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_italic-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NobileBold';
src: url('/wp-content/themes/worldsfactory/webfonts/nobile_bold-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/nobile_bold-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_bold-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_bold-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_bold-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NobileBoldItalic';
src: url('/wp-content/themes/worldsfactory/webfonts/nobile_bold_italic-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/nobile_bold_italic-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_bold_italic-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_bold_italic-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/nobile_bold_italic-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* Libre Baskerville */
@font-face {
font-family: 'LibreBaskervilleRegular';
src: url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-regular-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-regular-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-regular-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-regular-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LibreBaskervilleItalic';
src: url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-italic-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-italic-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-italic-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-italic-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-italic-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LibreBaskervilleBold';
src: url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-bold-webfont.eot');
src: url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-bold-webfont.eot#iefix') format('embedded-opentype'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-bold-webfont.woff') format('woff'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-bold-webfont.ttf') format('truetype'),
url('/wp-content/themes/worldsfactory/webfonts/librebaskerville-bold-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/************************************************
* COMMON TEXT AND FONT STYLES
***********************************************/
body{
/*font-size: 14px;*/
color: #ddd;
font-family:'LibreBaskervilleRegular', serif;
}
a{ text-decoration: none; color: #d8b500;}
h1, h2, h3, h4, h5, h6 {
font-family: 'NobileBold', sans-serif;
font-weight:normal;
margin: 0 0 10px 0;
line-height: 1.5em;
text-shadow: 0 0 1px rgba(255,255,255,1);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #fff;
font-weight: normal;
text-shadow: 0 0 1px rgba(255,255,255,1);
}
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover{
color: #fe0;
}
h1{ font-size: 30px; }
h2{ font-size: 22px; }
h3{ font-size: 18px; }
h4, h5, h6{ font-size: 30px; }
.slide-content p { margin: 0 0 20px 0; line-height: 2em;
text-align: justify;
}
.main p,
.main ul,
.main ol,
.main li,
.main p span,
.main p a {
font-size:14px;
line-height:2;
text-align:justify;
}
.read-more-link {
background:#fe0 url(/images/static_subdomain/ylw-gradient.png) repeat-x left bottom;
padding:3px 5px;
margin-left:5px;
color:black;
border-radius:2px;
box-shadow:0 5px 5px black;
display: inline-block;
line-height: 20px !important;
}
.read-more-link:hover {
box-shadow:0 5px 8px black;
background-position:left center;
}
/************************************************
* COMMENTS INDICATOR
***********************************************/
.comments_indicator {
color:white;
text-transform:uppercase;
background:transparent url(/images/static_subdomain/comments_tail.png) 5px bottom no-repeat;
padding:0 0 6px 0;
}
.comments_indicator .counter {
background:#fe0 url(/images/yellow-gradient) bottom;
color:black;
padding:1px 3px;
border-radius:2px;
}
/************************************************
* SIDEBAR WIDGETS
***********************************************/
.sidebar_widget {
margin-bottom:20px;
}
.sidebar_widget .title {
background:url(/images/static_subdomain/sidebar-header.png) repeat-x scroll center top transparent;
padding:10px;
font-family:"NobileBold", sans-serif;
font-size:18px;
text-transform:uppercase;
color:#333;
text-shadow:0 0 1px rgba(0,0,0,0.5);
}
/* Delete this temporary style */
.sidebar_widget .container {
height:200px;
background-color:black;
}
/************************************************
* WRAPPER
***********************************************/
#wrapper {
background-color:#222;
padding:0 5px;
-moz-box-sizing:content-box;
box-sizing:content-box;
z-index:10;
position:relative;
overflow: hidden;
}
#content {
background-color:#151515;
}
/* Utility Bar */
#utility-bar{
background: #222 url("/images/static_subdomain/dark-gradient.png") repeat-x 0px -50px;
}
.account img, .account p{
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
color: #AAA;
margin: 0 10px 0 0;
}
#search-bar{
float: right;
}
.user-links div{
font-size: 10px;
display: inline-block;
padding: 0 0 0 10px;
}
/* Header */
#header{
background: #222 url("/images/static_subdomain/dark-gradient.png") repeat-x left center;
box-shadow: inset 0 5px 5px -3px rgba(0,0,0,0.7);
border-top: 5px solid #444;
color: #fff;
}
#header-container{
height:105px;
position:relative;
}
#header .logo {
margin: 0 auto;
display: block;
text-align: center;
position:absolute;
top: 16px;
left: 0;
}
#header .logo img {
width: 270px;
}
#header .banner-container-550-90 {
position:absolute;
right:0; top:6px;
width: 728px !important;
}
/* Navigation */
#navigation{
background: #f9f9f9;
box-shadow: inset 0 -20px 0 #D9D9D9;
}
#navigation ul{
display: block;
text-align: center;
margin: 0 auto;
font-size: 0px;
}
#navigation ul li{
border-right: 1px solid #BBB;
border-left: 1px solid white;
display: inline-block;
font-size: 0px;
}
#navigation ul li:first-child{ border-left: 1px solid #BBB; }
#navigation ul li:last-child{ border-right: 1px solid #BBB; }
#navigation ul li a{
color: #111;
display: block;
text-align: left;
padding: 12px 22px 12px 58px;
font-size: 14px;
text-transform: uppercase;
}
#navigation ul li:hover{
box-shadow: inset 0 5px 5px rgba(0,0,0,0.2);
background: rgba(0, 0, 0, 0.2);
background: #333;
}
#navigation ul li:hover a{
color: #FFEE00;
}
#navigation ul li:hover .sub-menu li a{
color: #bbb;
}
#navigation .sub-menu {
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.9);
position: absolute;
background: #333;
width: 300px;
border-radius: 0 0 10px 10px;
display: none;
z-index: 1;
}
#navigation ul li:hover > .sub-menu {
display: block;
}
#navigation .sub-menu li{
float: none;
width: 100%;
border-bottom: 1px solid #111;
border-top: 1px solid #444;
border-right: none;
border-left: none;
text-align: left;
position:relative;
}
#navigation .sub-menu li:first-child{
border-top: none;
border-left: none;
}
#navigation .sub-menu li:last-child{
border-bottom: none;
border-right: none;
}
#navigation .sub-menu li:hover{
box-shadow: none;
background: rgba(255, 255, 255, 0.05);
}
#navigation .sub-menu li a{
text-align: left;
padding: 18px 60px;
color: #bbb;
}
#navigation ul li:hover .sub-menu li a:hover{color:#FFEE00;}
#navigation #menu-item-10 .sub-menu {
margin: 0 0 0 -136px;
}
#navigation .sub-menu .children {
position:absolute;
left:90%; top:5px;
display:none;
background-color:#222;
z-index:100;
box-shadow:0 0 6px black;
}
#navigation .sub-menu li:hover .children {
display:block;
}
#navigation .sub-menu .children .children {
position:static;
box-shadow:none;
}
#navigation .children li {
border:none;
}
#navigation .sub-menu .children li:hover {
background:none;
}
#navigation .sub-menu .children li a {
background-image:none;
padding:5px 20px;
min-width:200px;
}
#navigation .sub-menu .children li a:hover {
background-color:#333;
}
#menu-item-15 a,
#menu-item-125 a,
.nav-menu-home a { background: url("/images/static_subdomain/nav-icons.png") no-repeat 5px -5px; }
#menu-item-14 a,
.nav-menu-games a { background: url("/images/static_subdomain/nav-icons.png") no-repeat 5px -56px; }
#menu-item-13 a,
.nav-menu-movies a { background: url("/images/static_subdomain/nav-icons.png") no-repeat 5px -106px; }
#menu-item-12 a,
.nav-menu-books a {background: url("/images/static_subdomain/nav-icons.png") no-repeat 5px -155px; }
#menu-item-11 a,
.nav-menu-forums a { background: url("/images/static_subdomain/nav-icons.png") no-repeat 5px -206px; }
#menu-item-10 a,
.nav-menu-chi-siamo a { background: url("/images/static_subdomain/nav-icons.png") no-repeat 5px -256px; }
/************************************************
* BANNER AREA
***********************************************/
.header-banner-area {
box-shadow: inset 0 10px 10px -5px rgba(0, 0, 0, 0.3);
padding:20px 0 0 0;
margin-bottom:10px;
}
.header-banner-area .banner-container-800-90 {
margin:auto;
}
/************************************************
* BANNERS
***********************************************/
.banner-container-468-60 {
width:468px;
height:60px;
overflow:hidden;
}
.banner-container-550-90 {
width:550px;
height:90px;
overflow:hidden;
}
.banner-container-800-90 {
width:800px;
height:90px;
overflow:hidden;
}
.banner-container-300-250 {
width:300px;
height:250px;
overflow:hidden;
}
/************************************************
* HEADER BREADCRUMBS
***********************************************/
.header_breadcrumbs {
padding:5px 10px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
/************************************************
* POST ENTRY
***********************************************/
.post_entry {
border-bottom:solid 1px #333;
padding-top:20px;
}
.post_entry .title {
margin:0 20px 20px 20px;
}
.post_entry .thumbnail {
margin:0 20px 20px 20px;
}
.post_entry .thumbnail img {
width:100%;
height:100%;
}
.post_entry .video_content {
margin:0 40px;
height:400px;
margin-bottom:20px;
}
.post_entry .video_content iframe {
width:100%; height:100%;
}
.post_entry .text_content {
margin:0 20px 20px 20px;
font-size:14px;
line-height:1.7;
}
.post_entry .meta_box {
position:relative;
height:40px;
background-color:black;
padding:0 20px;
}
.post_entry .author_name {
font-size:13px;
line-height:40px;
text-transform:uppercase;
}
.post_entry .counters {
position:absolute;
bottom:0; right:20px;
font-size:14px;
line-height:20px;
padding:13px 0 7px 0;
}
.post_entry .counters .comments,
.post_entry .counters .votes {
float:right;
background:transparent url(/images/static_subdomain/comments_tail.png) 5px bottom no-repeat;
padding-bottom:3px;
}
.post_entry .counters .votes {
margin-right:20px;
}
.post_entry .indicator {
background-color:#fc0;
color:black;
padding:1px 3px;
border-radius:3px;
}
#content.column-66{
background: #151515;
width:630px;
}
#content.column-100{
background: #222;
padding: 40px;
}
.home #main {
box-shadow: inset 0 55px 60px -30px rgba(0, 0, 0, 0.4);
}
.content-items > div{
display: none;
}
.content-items > div.active{
display: block;
}
.content-tabs {
height:100%; overflow:hidden; /* Height equals to its floating children */
}
/************************************************
* POSTS AND ENTRIES
***********************************************/
.content-items .post {
border-bottom: 1px solid #555;
padding-top:20px;
}
.entry-header {
padding:0 30px 0 30px;
}
.entry-meta {
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px solid #555;
padding: 0 0 10px 0;
font-size: 11px;
display: inline-block;
margin: 0px 0 10px 0;
}
.entry-summary {
padding:0 30px 20px 30px;
}
.entry-summary .post_thumb{width: 590px;}
.entry-summary .post_thumb img{max-width: 100%;}
.entry-footer {
background: #111;
font-size: 11px;
letter-spacing: 0.1em;
padding: 20px 40px;
position: relative;
text-transform: uppercase;
border-bottom: solid 1px #333;
}
.post .entry-footer {
border-bottom: none;
}
.entry-footer .right-meta{
position: absolute;
right: 10px;
top: 20px;}
.entry-footer .right-meta{top:11px;}
.entry-footer .number_of_comments{
background: url("/images/static_subdomain/sm-comments-icon.png") no-repeat scroll 0 2px transparent;
color: #000000;
display: inline-block;
float:left;
height: 29px;
line-height: 29px;
margin-top: -9px;
padding: 0 3px;
text-align: center;
width: 29px;}
.entry-footer .comments_text {
display: inline-block;
float: left;
margin-right: 3px;}
.entry-content ul {
list-style-type: disc;
margin-left:15px !important;
}
.entry-content ol {
list-style-type:decimal;
margin-left:15px !important;
}
.entry-content blockquote {
margin: 1em 3em;
color: #fff;
border-left: 2px solid #ccc;
padding: 5px 10px 5px 20px;
background:#101010;
}
.entry-content strong {
font-weight:bold;
}
.entry-content em {
font-style:italic;
}
article {
padding:20px 30px;
}
/* Content Slider */
#content-slider{
background:#444;
}
.slider {
background: #000 url("/images/static_subdomain/dark-gradient.png") repeat-x left top;
margin: 20px 0;
border-radius: 5px;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
overflow: hidden;
position: relative;
height:420px;
}
.slide_content {
width:1000px;
position:relative;
}
.slide_content .slide_thumb {
height:375px;
width:670px;
}
.slide_content .slide_thumb img {
width:100%; height:100% !important;
}
.slide_info {
position:absolute;
right:0;
padding:40px;
float:right;
width:250px;
text-align: justify;
}
.slide_info h3 {
border-bottom:solid 1px #666;
padding-bottom:10px;
}
.content-slider-tabs {
box-shadow: 0 0 10px rgba(0,0,0,0.5);
width: 100%!important;
}
.content-slider-tabs li, .content-tabs li{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background: none repeat scroll 0 0 #111111;
border-right: 1px solid #222;
border-left: 1px solid #444;
text-align: center;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
box-shadow: inset 0 0px 0 #222;
}
.content-slider-tabs li:first-child, .content-tabs li:first-child{ border-left: none; }
.content-slider-tabs li:last-child, .content-tabs li:last-child{ border-right: none; }
.content-slider-tabs li:hover{box-shadow: inset 0 -5px 0 #fe0; background: rgba(255, 255, 255, 0.05);}
.content-tabs li a{
text-align: center;
padding: 20px 0;
display: block;
color: #fff;
}
.content-slider-tabs li a{
display: block;
color: #aaa;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
padding: 20px;
overflow: hidden;
text-transform:uppercase;
font-size:13px;
}
.content-slider-tabs li a:hover{
color: #fe0;
}
.slide-content{
clear: both;
-webkit-transition: all .6s;
-webkit-transform: translateZ(0);
-moz-transition: all .6s;
-moz-transform: translateX(0);
-ms-transition: all .6s;
-ms-transform: translateX(0);
width: /*5000px*/ 500%;
}
.slide-content .column-66{
min-height: 1px;
}
.slide-content .column-66 img{
width: 100%;
height: auto;
vertical-align: middle;
}
.slide-content .column-33{
padding: 40px;
position: relative;
}
.comments-num {
background: url("/images/static_subdomain/lrg-comments-icon.png") no-repeat 0 0;
display: block;
height: 50px;
width: 41px;
color: black;
font-family:'NobileBold', serif;
font-size: 20px;
text-align: center;
padding: 10px 0 0 0;
position: absolute;
left: -15px;
}
.panel-container .column-33 h3{
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #555;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
display: block;
}
/* Charts */
#charts-tabs{
background: #222 url("/images/static_subdomain/dark-gradient.png") repeat-x 0px -70px;
clear: both;
}
#charts-tabs-container {
overflow:hidden;
position:relative;
height: 44px;
}
#charts-tabs-container h2{
background: url("/images/static_subdomain/icon_worldsfeed.png") no-repeat scroll 0 -2px transparent;
left: 0;
top: 0;
margin: 0;
padding-left: 35px;
position: absolute;
text-transform:uppercase;
font-size:30px;
width: 250px;
float: left;
}
#charts-tabs ul{
margin: 0 auto;
width:610px;
float:right;
}
#charts-tabs ul li{
text-align: center;
border-right: 1px solid #000;
border-left: 1px solid #222;
float:left;
}
#charts-tabs ul li a{
box-shadow: inset 0 0px 0 #000;
display: block;
font-size: 12px;
padding: 16px 0;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
width: 150px;
}
.content-tabs li a {
-webkit-transition: all .4s;
-webkit-transform: translateZ(0);
-moz-transition: all .4s;
-moz-transform: translateX(0);
-ms-transition: all .4s;
-ms-transform: translateX(0);
box-shadow: inset 0 -5px 0 #333;
background:transparent url(/images/static_subdomain/tab_icons.png) no-repeat;
padding:16px 0 16px 15px;
}
#charts-tabs ul li.active a, .content-tabs li a.active{
box-shadow: inset 0 -5px 0 #fe0;
background-color:#191919;
}
.content-tabs li a.ctab-1{background-position:15px -70px}
.content-tabs li a.ctab-2{background-position:15px 10px}
.content-tabs li a.ctab-3{background-position:15px -110px}
.content-tabs li a.ctab-4{background-position:10px -150px}
.content-tabs li a.ctab-5{background-position:8px -30px}
#charts{
background: #474747;
box-shadow: inset 0 55px 60px -30px rgba(0, 0, 0, 0.4);
border-bottom: 10px solid #232323;
position: relative;
overflow: hidden;
height: 330px;
}
#charts-container{
position: relative;
}
.chart-sliders .product-name {
font-size: 12px; line-height:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
font-family: Helvetica, arial, sans-serif;
color: white;
background: #222;
width: 100%;
display: inline-block;
margin:0;
position: relative;
z-index: 100;
}
.chart-rank {
color: #FE0;
position:relative;
background: black;
display: inline-block;
text-align: center;
padding:7px 0;
margin: 0 5px 0 0;
width:20px;
}
/* Styles for Tiny Carousel */
.chart-sliders{
position: absolute;
-webkit-transition: .4s all;
-webkit-transform: translateZ(0);
-moz-transition: .4s all;
-moz-transform: translateZ(0);
-ms-transition: .4s all;
-ms-transform: translateZ(0);
width: 100%;
}
#slider-1, #slider-2, #slider-3, #slider-4 { position: relative; padding: 10px 0 0 0; height: 330px; }
.chart-sliders .viewport { float: left; width: 100%; height: 243px; overflow: hidden; position: relative; }
.chart-sliders .buttons {
position: absolute;
z-index:100;
text-indent:110%; overflow:hidden; white-space:nowrap;
bottom:20px;
left:50%;
}
.chart-sliders .next {
background: url("/images/static_subdomain/nav-icons.png") 0px 450px;
height: 50px;
width: 50px;
margin: -38px 0 0 50px;
border-radius: 50px;
}
.chart-sliders .prev {
background: url("/images/static_subdomain/nav-icons.png") 0px 500px;
height: 50px;
width: 50px;
margin: -38px 0 0 -100px;
border-radius: 50px;
}
.chart-sliders .disable { visibility: hidden; }
.chart-sliders .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; -webkit-transition: all .8s; -webkit-transform: translateZ(0); -moz-transition: all .8s; -moz-transform: translateX(0); -ms-transition: all .8s; -ms-transform: translateX(0); padding-top:5px;}
.chart-sliders .chart-cover {
float:left;
position:relative;
margin:2px 20px;
width:160px;
height:210px;
/*-webkit-transition: all .2s;
-webkit-transform: translateZ(0);
-moz-transition: all 2s;
-moz-transform: translateZ(0);
-ms-transition: all .2s;
-ms-transform: translateZ(0);*/
transition:width 0.2s, height 0.2s, margin 0.2s, top 0.2s;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.chart-sliders .chart-cover:hover {
width:164px; height:214px;
margin:0 18px;
}
/*.chart-sliders .chart-cover:hover { padding: 0; }*/
.chart-sliders .chart-cover a {
display:block;
position:absolute; top:0; left:0;
width:100%;
height:100%;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.chart-sliders .chart-cover img {
width:100% !important;
height:100% !important;
vertical-align: middle;
position: relative;
}
/************************************************
* PRODUCT CHARTS CONTENT (INFORMATION)
***********************************************/
#charts-content{
background:#222 url("/images/static_subdomain/dark-gradient.png") repeat-x left bottom;
border-bottom: 10px solid #444444;
margin-bottom:30px;
}
#charts-content-container {
width:1000px; height:160px;
margin:auto;
position:relative;
}
.chart-info {
display:none;
}
.chart-info.active {
display:block;
}
.charts-product-name {
color: #FFFFFF;
font-size: 20px;
text-shadow:2px 2px 5px rgba(0,0,0,0.5);
text-transform: uppercase;
padding:20px 20px 0 20px;
font-family:'NobileBold', sans-serif;
}
.charts-product-info {
position:absolute;
left:20px; top:65px;
width:490px;
text-transform:uppercase;
font-size:12px;
}
.charts-product-info .column {
float:left;
width:230px;
margin-right:10px;
}
.charts-product-info .entry {
display:block;
margin-bottom:5px;
line-height:1.2;
}
.charts-product-info .name {
color:#D8B500;
}
.charts-related-article {
position:absolute;
right:20px;
top: 10px;
width:440px;
height: 140px;
padding-left:20px;
font-size:12px;
line-height:1.5;
overflow:hidden;
text-overflow: ellipsis;
border-left:solid 1px #333;
}
.charts-related-article .title,
.charts-related-article .content {
margin-left:180px;
}
.charts-related-article .title {
margin-bottom:3px;
font-size: 18px;
}
.charts-related-article .thumb {
position:absolute;
left:10px; top:5px;
width:180px; height:130px;
}
.charts-related-article .thumb img {
width:100%; height:100%;
}
/************************************************
* FOOTER
***********************************************/
footer{
clear:both;
}
.footer_sections {
padding:20px;
background-color:#000;
overflow:hidden; /* Force full height */
}
.footer_section {
float:left;
margin-right:20px;
width:300px;
}
.footer_section:last-child {
float:right;
margin-right:0;
}
.footer_section h2 {
font-size:16px;
border-bottom:solid 1px #222;
padding-bottom:10px;
}
.footer_ending {
padding:20px 0;
text-align:center;
font-size:12px;
}
#footerBanner{margin: 20px auto;}
.footer_section #twitter-flock #twitter-flock-body{
font-size: 14px;
line-height:19px;
padding:0 10px 0 0;}
.footer_section .menu li{
display: block;
float: none;
font-size: 14px;
padding: 0 0 10px;}
/* SIDEBAR */
#sidebar h3.widget-title,
#product_mini_sidebar h3.widget-title {
background: url("/wp-content/themes/worldsfactory/images/sidebar-header.png") repeat-x scroll center top transparent !important;
border-bottom: 1px solid #111111;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) inset !important;
color: #3B3B3B;
margin-bottom: 0;
padding: 10px 14px 8px !important;
text-shadow: 0 1px 0 #E6E6E6 !important;
text-transform: uppercase !important;
}
#product_mini_sidebar h3.widget-title {font-size:14px;}
#product_mini_sidebar .widget-container { background-color: #151515;}
.textwidget{ border-top: 1px solid #444444;}
.sidebar-categories-container{ border-top: 1px solid #444444;}
#sidebar ul.sid li ul, .textwidget, .sidebar-categories-container {
padding: 10px;
text-align: left !important;
}
#sidebar img {
border: 4px solid rgba(0, 0, 0, 0.5);
}
#sidebar .textwidget img {
border: 4px solid rgba(0, 0, 0, 0.5);
max-width:90%; /* you can use % */
height: auto;
}
#sidebar .wp-smiley {
border:none !important;
margin:0;
}
.sidebar-category-image-left {
background: none !important;
}
#sidebar select{
margin:10px;
max-width:90%;
}
#wp-calendar {
margin:10px;
width:90%;
text-align:center;
}
#wp-calendar th {
color:#000;
}
.widget_search {
padding:0 0 10px 0;
}
.widget_search #search-inputs {
margin: 0 0 0 10px;
}
.yop-poll-container{
border-top:1px solid #444;
padding:10px;
}
/* PRODUCT PAGE */
#content h1 {
color: #fff;
font-size: 27px;
font-weight: normal;
margin-left: 0;
padding-left: 0px;
padding-right: 12px;
padding-top: 0px;
}
/* Staff Page */
.page-template-page-staff-php .related-posts {
display:none;
text-indent:-9999px;
}
.page-template-page-staff-php #content.column-66{
background: #222;
border-right: none;
border-radius: 5px 0 0 5px;
padding: 20px;
width:65%;
margin-right:1.6%;
}
.attachment-content-slider-img {
/*
margin-left: -40px;
margin-top: -39px;
width: 114%;
*/
}
#comment {
}
/* PRODUCT PAGE */
.right_ad {
display: block;
margin: 10px auto;
text-align: center;
}
/*
.gradient {
background: #fbe600 url("/wp-content/themes/worldsfactory/images/grad60.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background: -webkit-gradient(
linear,
left top, left bottom,
from(#d9be73),
to(#fbe600)
);
background: -webkit-linear-gradient(
top,
#d9be73,
#fbe600
);
background: -moz-linear-gradient(
top,
#d9be73,
#fbe600
);
background: -o-linear-gradient(
top,
#d9be73,
#fbe600
);
background: linear-gradient(
top,
#d9be73,
#fbe600
);
}
*/
.author_class {
font-size: 13px;
margin-top: 20px;
margin-bottom: 20px;
}
/* Removals */
#schema_block{
display: none !important;
}
/* User Bar Social Icons*/
#utility-bar .divider {
background-image: url(/images/static_subdomain/userbar-divider.png);
background-repeat: no-repeat;
background-position: left top;
height: 49px;
display: block;
}
.empty {
float: left;
width: 2px;
}
.emptier {
float: right;
width: 2px;
margin-left: 10px;
}
.social-links {
float: left;
width: 350px;
}
.social-links span.divider {
float: left;
padding: 0 6px 0 10px;
}
.social-links a {
background-image: url(/images/static_subdomain/worldsfactoryicon.png);
background-repeat: no-repeat;
width: 34px;
height: 34px;
display: block;
margin-top: 5px;
}
.social-links a.facebook {
background-position: -3px -2px;
}
.social-links a.twitter {
background-position: -39px -2px;
}
.social-links a.googleplus {
background-position: -146px -2px;
}
.social-links a.youtube {
background-position: -110px -2px;
}
.social-links a.linkedin {
background-position: -75px -2px;
}
.social-links a.steam {
background-position: -218px -3px;
}
.social-links a.rss {
background-position: -182px -2px;
}
.social-links a.twitch {
background-position: -181px -39px;
}
.user-links {
float: left;
font-size: 14px;
line-height: 45px;
/* color: #6e6e6e; */
color: #AAAAAA;
font-family: 'helvetica neue',helvetica, sans-serif;
font-weight: normal;
}
.user-links span.divider {
padding-left: 14px;
padding-right: 10px;
float: left;
}
.user-links a {
/* color: #6e6e6e; */
color: #AAAAAA;
text-transform: uppercase;
}
.user-links a:hover {
color: #D8B500;
}
.user-links .profile, .user-links .messages, .user-links .notifications, .user-links .account {
float: left;
}
#search-bar {
float: right;
padding-left: 14px;
}
#search-bar #s {
color: #fff;
background-color: #585858;
background-image: url(/images/static_subdomain/search-background.png);
border-width: 0px;
border-radius: 3px;
padding: 0 5px;
font-size: 14px;
width: 220px;
height: 32px;
line-height: 30px;
margin: 7px 0 0;
}
#search-bar .searchsubmit {
display: none;
}
.searchsubmit {
display: none;
}
.user-dropdown {
float: left;
list-style: none;
color: #AAAAAA;
}
.user-dropdown li {
list-style: none;
}
.user-dropdown a {
display: block;
color: #AAAAAA;
}
.user-dropdown a:hover {
color: #D8B500;
}
.user-dropdown span.arrow {
display: inline-block;
width: 12px;
height: 9px;
background-image: url(/images/static_subdomain/worldsfactoryicon.png);
background-repeat: no-repeat;
background-position: -17px -101px;
margin-top: 12px;
}
.user-dropdown li ul {
display: none;
}
.user-dropdown li:hover ul {
display: block;
background: none repeat scroll 0 0 #333333;
}
.user-dropdown .sub-menu {
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.9);
position: absolute;
background: #333;
min-width: 120px;
border-radius: 0 0 10px 10px;
display: none;
z-index: 1;
}
.user-dropdown.sub-menu li{
float: none;
width: 100%;
border-bottom: 1px solid #111;
border-top: 1px solid #444;
border-right: none;
border-left: none;
text-align: left;
}
.user-dropdown .sub-menu li:first-child{
border-top: none;
border-left: none;
}
.user-dropdown .sub-menu li:last-child{
border-bottom: none;
border-right: none;
}
.user-dropdown .sub-menu li:hover{
box-shadow: none;
background: rgba(255, 255, 255, 0.05);
}
.user-dropdown .sub-menu a {
text-align: left;
padding:10px 20px;
color: #bbb;
text-transform: uppercase;
font-size: 14px;
line-height:1;
}
.user-dropdown .sub-menu a:hover {
color:#FFEE00;
}
/************************************************
* USERBAR NOTIFICATIONS
***********************************************/
.userbar_bp_notifications {
width:40px; height:50px;
position:relative;
}
.notificationlight {
display:block;
cursor:pointer;
position:absolute;
top:50%;
margin-top:-9px;
width:27px;
height:18px;
text-align:center;
background:transparent url("/images/static_subdomain/worldsfactoryicon.png") -42px -47px no-repeat;
}
.notificationlight.active {
background-position:-42px -70px;
}
.notificationlight span {
display:inline-block;
background-color:#555;
font-size:7px;
border-radius:2px;
color:#fe0;
line-height:1;
padding:1px 2px;
text-align:center;
position:relative;
top:-22px;
}
.notification-dropdown {
display:none !important;
list-style: none;
color:#AAAAAA;
width:240px;
position:absolute;
top:40px; left:-10px;
background-color:#222;
z-index:1000;
border:solid 3px #111;
border-radius:5px;
box-shadow:0 5px 10px rgba(0,0,0,0.5);
padding:5px !important;
}
.userbar_bp_notifications:hover .notification-dropdown {
display:block !important;
}
.notification-dropdown ul {
background:transparent url(/images/static_subdomain/dropdown-corner-pointer.png) 12px top no-repeat;
padding-top:20px;
margin-bottom:-5px;
position:relative;
top:-13px;
}
.notification-dropdown li {
list-style: none;
}
.notification-dropdown a {
display: block;
color: #AAAAAA;
line-height:1.3;
padding:3px;
}
.notification-dropdown a:hover {
color: #D8B500;
background-color:#333;
}
.notification-dropdown span.arrow {
display: inline-block;
width: 12px;
height: 9px;
background-image: url(/images/static_subdomain/worldsfactoryicon.png);
background-repeat: no-repeat;
background-position: -17px -101px;
margin-top: 12px;
}
.notification-dropdown li ul {
display: none;
}
.notification-dropdown li:hover ul {
display: block;
background: none repeat scroll 0 0 #333333;
}
.notification-dropdown .sub-menu {
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.9);
position: absolute;
background: #333;
min-width: 120px;
border-radius: 0 0 10px 10px;
display: none;
z-index: 1;
}
.notification-dropdown.sub-menu li{
float: none;
width: 100%;
border-bottom: 1px solid #111;
border-top: 1px solid #444;
border-right: none;
border-left: none;
text-align: left;
}
.notification-dropdown .sub-menu li:first-child{
border-top: none;
border-left: none;
}
.notification-dropdown .sub-menu li:last-child{
border-bottom: none;
border-right: none;
}
.notification-dropdown .sub-menu li:hover{
box-shadow: none;
background: rgba(255, 255, 255, 0.05);
}
.notification-dropdown .sub-menu li a{
text-align: left;
padding: 4px;
color: #bbb;
text-transform: uppercase;
font-size: 10px;
line-height: 100%;
}
/*-----------Footer Section-----------*/
/*-----------Flickr Footer-----------*/
.thumbs {
margin: 0px;
padding: 0px;
overflow: hidden;
}
.thumbs li {
list-style: none;
float: left;
}
.thumbs li a { }
.thumbs li img {
display: block;
}
.thumbs li a img {
border: none;
width:52px;
height:40px;
margin:8px;
border:#333333 0px solid;
outline:#555555 2px solid;
}
.thumbs li a img:hover{
outline:#128eee 2px solid;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.footer {
width:100%;
margin-left:auto;
margin-right:auto;
background-image:url(/images/bckFooter.jpg);
background-repeat:repeat;
background-position:center top;
background-color:#222222;
}
.footer_container {
width:1000px;
margin-left:auto;
margin-right:auto;
padding:40px;
}
.footer h1 {
font-weight:normal;
font-size:34px;
color:#cccccc;
padding-left:0px;
}
.footer h1.footertitle a:hover {
color:#ffffff;
}
.footer h2 {
font-weight:normal;
font-size:30px;
font-family: 'Open Sans Condensed', sans-serif;
color:#cccccc;
padding-left:0px;
}
.footer h2 a:hover {
color:#ffffff;
}
.footer h3{
font-weight:normal;
font-size:26px;
font-family: 'Open Sans Condensed', sans-serif;
color:#cccccc;
padding-left:0px;
}
.footer h3 a:hover {
color:#ffffff;
}
.footer h4{
font-weight:normal;
font-size:22px;
font-family: 'Open Sans Condensed', sans-serif;
color:#cccccc;
padding-left:0px;
}
.footer h4 a:hover{
color:#ffffff;
}
.tweets:after {
margin-left:10px;
}
.footer p, .footer ul, .footer ol, .footer.button, .credits ul, .credits ol, .credits.button {
color:#999999;
font-family: 'PT Sans', sans-serif;
text-shadow:0 0 0 transparent,#000000 0px 1px 0px;
}
.footer p a {
color:#ffffff;
text-decoration:none;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.footer p a:hover {
color:#128eee;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.footer .highlight {
color:#dddddd;
}
.phone:before{
content:url(/wp-content/themes/images/icons/phone_1_icon_16.png);
margin-right:10px;
}
.fax:before{
content:url(/wp-content/themes/images/icons/doc_lines_icon_16.png);
margin-right:10px;
}
.email:before{
content:url(/wp-content/themes/images/icons/mail_2_icon_16.png);
margin-right:10px;
}
.mail:before{
content:url(/wp-content/themes/images/icons/home_icon_16.png);
margin-right:10px;
}
.footer1{
width:220px;
display:inline;
float:left;
margin:0px;
padding:0px;
}
.footer2{
width:228px;
display:inline;
float:left;
margin:0px;
padding:0px;
padding-left:32px;
}
.footer3{
width:228px;
display:inline;
float:left;
margin:0px;
padding:0px;
padding-left:12px;
}
.footer4{
width:215px;
display:inline;
float:left;
margin:0px;
padding:0px;
padding-left:25px;
}
/*-----------Copyright Styling and Crumb Navigation-----------*/
.copyright{
width:480px;
float:left;
color:#999999;
font-size:13px;
font-family: 'PT Sans', sans-serif;
margin-top:-5px;
}
.copyright a{
color:#ffffff;
text-decoration:none;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.copyright a:hover{
color:#128eee;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.copyright:before{
content:url(/wp-content/themes/images/logo_sm.png);
}
.bottom_nav{
width:480px;
float:right;
}
.bottombar_container {
width:960px;
margin:auto;
padding:40px;
padding-top:30px;
padding-bottom:40px;
background-color:#111111;
}
.crumb_navigation ul{
float: right;
margin:0;
padding:0;
}
.crumb_navigation ul li{
display:inline;
padding-right:10px;
margin-right:10px;
}
.crumb_navigation ul li:last-child{
padding-right:0px;
margin-right:0px;
}
.crumb_navigation ul a{
color:#ffffff;
font-family: 'PT Sans', sans-serif;
font-size:13px;
text-decoration:none;
}
/************************************************
* STYLES FOR PRODUCT RATING SLIDER
***********************************************/
.wf-ratings-box {
background-color:#151515;
color:white;
margin-bottom:20px;
}
.wf-staff-rating,
.wf-users-rating,
.wf-your-rating {
height:100px;
position:relative;
}
.wf-ratings-box p {
text-align:center;
line-height:1;
padding:10px;
}
.wf-staff-rating,
.wf-users-rating {
border-bottom:solid 1px black;
}
.wf-users-rating,
.wf-your-rating {
border-top:solid 1px #444;
}
.wf-staff-rating .name,
.wf-users-rating .name {
position:absolute;
-moz-box-sizing:content-box;
-o-box-sizing:content-box;
box-sizing:content-box;
left:10px; bottom:10px;
font-size:12px;
text-transform:uppercase;
width:110px; height:15px;
text-align:center;
padding-top:60px;
background:transparent url(/images/static_subdomain/rating-slider-icons.png);
}
.wf-users-rating .name {
background-position:left 75px;
}
.wf-staff-rating .value,
.wf-users-rating .value {
position:absolute;
right:20px; top:20px;
font-size:50px;
}
.wf-staff-rating .value.not-rated,
.wf-users-rating .value.not-rated {
font-size:14px;
margin-top:10px;
color:#888;
}
.wf-your-rating .name {
position:absolute;
text-transform:uppercase;
top:50px; left:20px;
font-size:14px;
}
#ask-for-review {
background-color:#111;
margin:20px;
padding:10px;
display:none;
font-size:14px;
}
#ask-for-review .message-text,
#ask-for-review .review-agree {
display:block;
margin:auto;
text-align:left;
}
#ask-for-review .message-text {
margin-bottom:20px;
}
#ask-for-review .review-agree a {
padding:5px;
margin:auto;
border:solid 1px #555;
}
.review-form {
padding:20px 20px 70px 20px;
position:relative;
}
.review-form textarea {
border:solid 1px white;
width:100%;
height:150px;
}
.rating-slider-container {
margin:0 20px;
padding:10px 0;
}
.rating-slider-bar-container {
width:100%; height:9px;
overflow:hidden;
border-radius:3px;
border:solid 1px black;
}
.rating-slider-bar {
width:0;
height:9px;
background-color:#fe0;
}
.ui-slider {
height:9px;
position:relative;
}
.ui-slider-handle {
display:block;
position:absolute;
bottom:-3px;
width:21px; height:25px;
background:#ccc;
cursor:default;
background:transparent url(/images/static_subdomain/rating-slider-handle.png) left top no-repeat;
margin-left:-7px;
}
#your-rate {
position:absolute;
right:20px;
top:20px;
font-size:45px;
}
#review_overlay {
width:100%; height:0;
opacity:0;
transition:opacity 0.5s;
position:fixed;
z-index:1000;
background-color:rgba(40,40,40,0.5);
left:0; top:0
}
#review_overlay.active {
height:100%;
opacity:1;
}
.review_popup {
display:none;
width:500px;
background-color:#111;
border:solid 3px black;
border-radius:3px;
position:absolute;
left:50%; top:100px;
margin-left:-250px;
box-shadow:0 5px 15px black;
}
#review_overlay.active .review_popup {
display:block;
}
.review_popup .review-submit {
position:absolute;
right:20px; bottom:20px;
}
.review_popup_close {
display:none;
position:absolute;
top:-10px; right:-10px;
width:20px; height:20px;
background-color:#111;
border-radius:10px;
border:solid 2px black;
text-indent:110%; overflow:hidden; white-space:nowrap;
cursor:pointer;
}
.review_popup:hover .review_popup_close {
display:block;
}
/**/
/***********************************************************************
jQuery Coda-Slider v3.0 - kevinbatdorf.github.com/codaslider
Copyright (c) 2012 Kevin Batdorf
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
************************************************************************/
/********************************************
SASS stylesheet.
No idea what CSS preprocessing is all about? No problem... just use the style.css file instead.
If you want to learn more, check out this article by Chris Coyier
css-tricks.com/musings-on-preprocessing/
********************************************/
.coda-slider-wrapper .coda-slider {
/******************************************************
*
* Inner wrapper styles
*
*******************************************************/
/******************************************************
*
* Width of the container. Typically you will want to
* match this with the width of the panel as well.
*
*******************************************************/
width: 1000px;
}
.coda-slider-wrapper .coda-slider .panel {
/******************************************************
*
* Width of each individual panel.
* Typically you will want to match this with the width
* of the container as well.
*
*******************************************************/
width: 1000px;
}
.coda-slider-wrapper .coda-nav .current {
/******************************************************
*
* Current tab styles
*
*******************************************************/
background: rgba(255, 255, 255, 0.05);
box-shadow: inset 0 -5px 0 #fe0;
color: #fe0;
}
.coda-slider-wrapper .loading {
/******************************************************
*
* Style for preloader
*
*******************************************************/
height: 100%;
padding: 20px;
text-align: center;
}
.arrows .coda-slider {
/******************************************************
*
* Margin between slider and arrows
*
*******************************************************/
margin: 0 10px;
}
/**********************************************************************
*
* Don't change anything below here unless you know what you're doing
*
***********************************************************************/
.coda-slider-wrapper {
/************************************************
*
* Wrapper styles
*
*************************************************/
clear: both;
overflow: auto;
}
.coda-slider-wrapper .coda-slider {
/************************************************
*
* slider styles
*
*************************************************/
float: left;
overflow: hidden;
position: relative;
}
.coda-slider-wrapper .coda-slider .panel-container .column-66 {
min-height: 375px;
overflow:hidden;
}
.panel-container .column-33 {
padding: 40px;
position: relative;
}
.panel-container .column-66 img {
height: auto;
vertical-align: middle;
}
/************************************************
*
* bbpress
*
*************************************************/
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar {
border: 3px double #DDDDDD;
float: none;
height: 50px;
margin-bottom: -7px;
width: 50px;
}
#bbpress-forums li {
list-style: none outside none;
margin: 0;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
background:none repeat scroll 0 0 rgba(51, 51, 51, 0.5);
box-shadow: 0 0 3px #000000 inset;
padding: 5px 10px;
text-shadow: 1px 1px #000000;
}
#bbpress-forums div.odd, #bbpress-forums ul.even {
box-shadow: 0 0 3px #000000 inset;
padding: 5px 10px;
text-shadow: 1px 1px #000000;
}
#bbpress-forums div.even, #bbpress-forums ul.even {
background: url("/images/static_subdomain/dark-denim.jpg") repeat scroll 0 0 rgba(34, 34, 34, 0.95);
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
border: 1px solid #EEEEEE;
overflow: hidden;
padding: 8px;
}
.bbp-forum-topic-count{
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
height: 100%;
}
.rw-left, .rw-halign-left {
/*display: none;*/
text-align: left;
}
.bbp-forum-freshness{
font-size: 2px;
}
div.bbp-template-notice.info {
background-color: #434343 !important;
border: 1px solid white;
color: #fff;
text-align: center !important;
}
.bbp-forum-description .bbp-author-avatar{
display: none;
}
.bbp-forum-description{
text-align: center !important;
}
div.bbp-template-notice a {
color: #D8B500 !important;
text-decoration: none;
}
.bbp-topic-title .bbp-author-avatar{
display:none;
}
.bbp-template-notice info .bbp-author-avatar{
display:none;
}
.bbp-reply-header{
color: #D8B500 !important;
}
#bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
background: none repeat scroll 0 0 black !important;
}
div.bbp-topic-header, div.bbp-reply-header {
border-top: medium none !important;
clear: both;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies {
font-size:9px !important;
}
/************************************************
* PRODUCT PAGE WIREFRAME
***********************************************/
#product_header {
width:830px; height:175px;
position:relative;
margin-left:170px;
margin-bottom:20px;
}
#product_mini_sidebar {
width:160px;
float:left;
}
#product_container {
float: left;
margin-left: 10px;
width: 570px;
}
.product-page {
position:relative;
}
.product-page .content {
display:none;
}
.product-page .content.active {
display:block;
}
.product-page .product-cover img {
width:100%; height:100%;
}
.product-page .product-header {
background-color:#151515;
border-bottom:solid 45px #111;
}
.product-page .product-cover {
width:160px; height:220px;
overflow:hidden;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
position:absolute;
left:-170px; top:0;
}
.product-header h1 {
font-size:26px;
position:absolute;
left:15px; top:5px;
color:white;
}
/* Disable default rating widget plugin vote area */
.product_container .rw-left {
display:none;
}
/************************************************
* LATEST ARTICLES AND NEWS
***********************************************/
.product-page .latest_articles .title,
.product-page .latest_news .title {
font-size:14px;
}
.product_mini_sidebar .latest_articles,
.product_mini_sidebar .latest_news {
background-color:#151515;
}
/************************************************
* PRODUCT PLATFORMS LIST
***********************************************/
.product-platforms {
position:absolute;
top:37px; left:15px;
}
.product-platforms ul {
line-height:1 !important;
}
.product-platforms li {
display:inline-block;
background:transparent url(/images/static_subdomain/vertical-groove.png) right top repeat-y;
line-height:1 !important;
font-size:10px;
color:#D8B500;
font-family:Arial, sans-serif;
text-transform:uppercase;
}
.product-platforms li:last-child {
background:none;
}
.product-platforms a,
.product-platforms span {
font-size:10px;
font-family:Arial, sans-serif;
text-transform:uppercase;
padding:0 5px;
margin:0 5px 0 -3px;
}
.product-platforms a:hover {
color:white;
}
/************************************************
* PRODUCT META
***********************************************/
.product-header .product_meta {
position:absolute;
top:50px; left:15px;
line-height:1.2;
}
.product_meta .meta_name {
font-size:12px;
text-transform:uppercase;
color:#D8B500;
margin-right:10px;
white-space:nowrap;
}
.product_meta .meta_name span {
text-transform:none;
color:white;
}
/************************************************
* FOLLOW BUTTON IN PRODUCT HEADER
***********************************************/
.product-header .follow-button {
position:absolute;
left:15px; bottom:15px;
background:yellow url(/images/static_subdomain/follow-button-bg.png);
border-radius:3px;
}
.product-header .follow-button a {
display:block;
width:80px;
color:black;
font-size:16px; line-height:1;
padding:7px 10px 5px 10px;
text-align:right;
background:transparent url(/images/static_subdomain/follow-button-icon.png) 10px center no-repeat;
}
/************************************************
* RATING WIDGET VOTE AREA IN PRODUCT HEADER
***********************************************/
.product_rating_widget {
position:absolute;
bottom:17px; left:20px;
}
/************************************************
* SOCIAL SHARE TOOLKIT BUTTONS IN PRODUCT HEADER
***********************************************/
.product-header .social-share-buttons {
position:absolute;
right:140px; bottom:12px;
}
.product_container {
background-color:#0c0c0c;
}
.product-page article {
padding-bottom: 20px;
}
/**
* Related products
*/
.product-page .related-products {
padding:0 20px;
border-bottom:solid 1px #222;
}
.related-product {
margin-bottom:20px;
min-height:110px;
}
.related-product-cover {
width:90px; height:110px;
background-color:#777;
margin-bottom:-110px;
}
.related-product-cover img {
width:90px; height:110px;
}
.related-product-content {
margin-left:120px;
}
.related-product-content .title {
color:#fe0;
font-size:16px;
}
.related-product-content .text {
color:#999;
font-size:12px;
line-height:1.5;
}
/* Related reviews */
.related-reviews {
padding:0 20px;
}
.product-page #sidebar {
width:250px;
float:right;
}
/************************************************
* PRODUCT PAGE CONTENT SWITCHER
***********************************************/
.product-page .product-content-switcher {
position:absolute;
left:0; bottom:-45px;
}
.product-page .product-content-switcher li {
float:left;
}
.product-content-switcher a {
display:block;
font-size:14px; line-height:1;
padding:15px 20px 13px 20px;
color:white;
border-bottom:solid 3px #151515;
border-right:solid 1px #0e0e0e;
border-left:solid 1px #212121;
}
.product-content-switcher li:first-child a {
border-left:none;
}
.product-content-switcher a:hover,
.product-content-switcher li.active a {
border-bottom:solid 3px #fe0;
background-color:#0a0a0a;
}
/* Latest articles */
.product-page .latest-article {
padding:5px;
font-size:12px;
margin-bottom:20px;
}
.latest-article .text {
margin-bottom:10px;
line-height:1.5;
}
.latest-article .text a {
color:white;
}
.latest-article .text a:hover {
color:#fe0;
}
.latest-article .comments {
color:#fe0;
text-transform:uppercase;
margin-bottom:20px;
font-size:10px;
}
.latest-article .comments span {
display:block;
width:20px; height:17px;
background:transparent url(/images/static_subdomain/comments-icon-small.png);
float:left;
color:black;
text-align:center;
margin-top:-3px;
padding-top:3px;
font-size:13px;
}
.latest-article .date {
clear:both;
color:#c0c0c0;
font-style:italic;
}
.related-post {
width:520px;
margin:auto;
}
.big-thumbnail {
width:520px;
margin:auto;
background-color:#444;
}
.product-subsection {
padding-top:20px;
}
.featured-related-article {
position: relative;
}
.featured-article-image img {
display:block;
}
.featured-article-title-block {
display:block;
width:100%;
background-color:rgba(0,0,0,0.5);
padding:10px 0;
position: absolute;
bottom: 0;
}
.featured-article-title {
display:block;
margin:0 20px 10px 20px;
font-family:"NobileBold", sans-serif;
font-size:20px;
color:white;
}
.featured-article-title a {
color:white;
}
.featured-article-title a:hover {
color:#ff0;
}
.featured-article-tagline {
margin:0 20px;
}
/************************************************
* USER REVIEWS
***********************************************/
.latest_user_reviews h3 {
margin:0 0 20px 20px;
}
.user-review {
margin:0 20px;
padding-bottom:10px;
min-height:90px;
position:relative;
margin-bottom:20px;
}
.current_user_review {
margin:0 10px 20px 10px;
padding:10px;
background-color:#111;
border:solid 1px #222;
}
.user-review .avatar-container {
width:90px; height:90px;
float:left;
margin-bottom:10px;
background:#333;
}
.user-review .username {
font-size:14px;
margin:5px 0 10px 110px;
width:250px;
}
.user-review .text {
color:#ddd;
margin-left:110px;
font-size:14px;
width:350px;
text-align:left;
}
.user-review .text p {
line-height:1.2 !important;
text-align:left;
}
.user-review .text .read-more {
margin:15px 0 15px -5px;
font-size:10px;
}
.user-review .rating {
position:absolute;
top:25px; right:0;
font-size:40px;
text-align:right;
width:90px;
}
.current_user_review .rating {
right:10px;
}
.user-review .moderation-message {
background-color:#311;
border: 1px solid #533;
font-family: Arial,sans-serif;
font-size: 11px;
padding: 5px 0;
text-align: center;
width: 530px;
clear:both;
}
/************************************************
* PRODUCT VIDEO TAB
***********************************************/
.video-tab article,
.images-tab article {
padding:20px;
}
.video-tab iframe {
width:100%;
}
/************************************************
* PRODUCT IMAGES TAB
***********************************************/
.related-image-thumbnail {
width:100px; height:90px;
background-color:black;
}
.video-tab article,
.images-tab article {
padding:20px;
}
.video-tab iframe {
width:100%;
}
/************************************************
* PRODUCT IMAGES TAB
***********************************************/
.related-images-thumbnails {
padding:20px 0 20px 20px;
overflow:hidden; /* Adjust height by content */
}
.related-image-thumbnail {
width:160px; height:100px;
background-color:black;
float:left;
margin:0 22px 20px 0;
}
.related-image-thumbnail img {
width:100%; height:100%;
}
.related-image-thumbnail:hover {
box-shadow:0 0 5px black;
cursor:pointer;
}
/* Messages */
.message {
padding:20px;
margin:50px 20px;
text-align:center;
font-family:Arial, sans-serif;
font-size:14px;
background-color:#333;
color:white;
border:solid 1px #666;
}
article.post {
padding: 0;
margin: 0;
}
article.post header.entry-header {
padding: 0;
margin: 0;
background: none;
width: 680px;
float: left;
}
article.post header.entry-header h1.entry-title-single {
font-family: 'NobileBold', sans-serif;
font-weight: bold;
text-align: center;
font-size: 30px;
padding: 3px 10px;
margin: 20px 0px;
text-transform: uppercase;
color: #FFF;
display: block;
position: relative;
background-color:#151515;
width: 660px;
float: left;
}
.featured-image-container {
width: 1000px;
overflow: hidden;
margin-top: 20px;
}
.featured-image-container img {
width: 670px;
height: auto;
display: block;
float: left;
margin: 0;
border: 5px solid #c8c8c8;
}
article.post header.entry-header img {
max-width: 1000px;
}
article.post div.entry-content {
background-color:#151515;
padding:40px 40px 20px 40px;
width:600px;
float: left;
margin-right: 20px;
position:relative;
}
article.post p.post-date {
font-style: italic;
margin-right: 1em;
color: white;
vertical-align: middle;
line-height: 36px;
float: left;
}
.article_date {
float:left;
padding:80px 10px 15px 10px;
margin-right:20px;
text-align:center;
background:transparent url(/images/static_subdomain/globe.png) center 15px no-repeat;
font-size:12px;
font-family:NobileBold, sans-serif;
font-style:italic;
}
#author-info {
margin-top: 12px;
min-height: 160px;
background-color: #333;
}
#review-summary {
position: relative;
clear: both;
background-color: #bc2020;
margin-bottom:10px;
}
#review-summary .span700 {
width: 700px;
}
#review-summary .span300 {
width: 300px;
}
#review-summary .column {
float: left;
padding: 20px;
}
#review-summary .summary-text {
color: #1f1f1f;
background-color: #f7d80b;
width: 640px;
}
#review-summary .summary-text h1 {
margin:12px 12px 12px 0;
vertical-align: middle;
font-family: 'NobileBold', 'Nobile Bold', 'Arial Bold', serif;
font-weight: bold;
float:left;
}
#review-summary .summary-text p {
font-weight:bold;
}
#review-summary .summary-text h1 span{
font-size:70px;
vertical-align: middle;
font-family: 'LibreBaskervilleRegular';
text-shadow: 0 0 2px #F7D80B;
}
#review-summary .pros-cons {
color: white;
margin: 0;
padding: 0;
background-color: #bc2020;
display: block;
margin-left: 680px;
height: 100%;
width: 320px;
}
#review-summary .pros-cons ul li {
margin-left: 12px;
padding-left: 36px;
margin-top: 12px;
margin-bottom: 8px;
padding-right: 12px;
line-height: 1.8em;
}
#review-summary .pros {
background-color: #65a413;
padding-top: 4px;
padding-bottom: 24px;
}
#review-summary .cons {
background-color: #bc2020;
padding-top: 4px;
padding-bottom: 4px;
}
#review-summary .ricon {
width: 25px;
height: 25px;
line-height: 25px;
vertical-align: middle;
display: inline-block;
margin-right: 8px;
}
.article_sharing {
width:460px;
float:right;
padding:20px 0;
}
/* Rating widget vote area */
.main .rw-left {
float:left;
margin:20px 0 !important;
}
#review-summary .pros-cons ul.pros li {
background: url('/wp-content/themes/worldsfactory/images/pros-bg.png') left center no-repeat;
}
#review-summary .pros-cons ul.cons li {
background: url('/wp-content/themes/worldsfactory/images/cons-bg.png') left center no-repeat;
}
article.post aside#sidebar {
padding-top: 20px;
}
article.post aside#sidebar .widget-container {
border-bottom: none;
}
article.post #sidebar .related-game {
background-color:#151515;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
article.post #sidebar .related-game h2 {
text-transform: uppercase;
color: #fff;
border-bottom: 2px groove #444;
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 18px 4px 0px 4px;
margin: 0px 0px 8px 0px;
}
article.post #sidebar .related-game h2 span {
display:block;
font-family: verdana, sans-serif;
font-size: 9px;
font-weight: normal;
color: #D8B500;
padding: 0;
margin: 0;
}
article.post #sidebar .related-game div.related-game-image {
float: right;
width: 100px;
height: 150px;
border: none;
padding: 0;
margin: 4px 13px 4px 4px;
text-align: center;
}
article.post #sidebar .related-game div.related-game-image img {
width:100%; height:100%;
}
article.post #sidebar .related-game div.related-game-image p {
text-align: center;
padding: 0;
margin: 0;
font-size:10px;
}
article.post #sidebar .related-game div.related-game-image p a {
font-size:10px;
}
article.post #sidebar .related-game dl {
padding: 0;
margin: 0;
margin: 0px 0px 0px 17px;
}
article.post #sidebar .related-game dl dt {
text-transform: uppercase;
color: #fff;
font-family: Nobile, arial, sans-serif;
font-weight: bold;
font-size: 10pt;
margin-bottom: 8px;
}
article.post #sidebar .related-game dl dd {
color: #D8B500;
margin-bottom: 12px;
font-size: 10pt;
}
article.post #sidebar .related-game .amazon-link {
height: 30px;
width: 100%;
clear: both;
background-color: #fff;
}
article.post #author-bio-box {
border: none;
box-shadow: none;
padding: 0px;
width: 100%;
margin: 24px 0px 0px 0px;
clear:both;
padding-top: 20px !important;
}
article.post #author-bio-box img.avatar {
min-width: 110px;
min-height: 107px;
}
article.post #author-bio-box span.author-name {
color: #fe0;
display: block;
margin-left: 135px;
margin-bottom: 12px;
}
article.post #author-bio-box span.author-name span {
color: #fff;
}
article.post #author-bio-box p {
font-size: 14px;
line-height: 1.5em;
margin-left: 135px;
}
article.post #author-bio-box .bio-socials {
border: none;
margin-left: 135px;
margin-top: 8px;
}
/************************************************
* RELATED ARTICLES ON ARTICLE TEMPLATE
***********************************************/
.related_articles {
background-color: #151515;
padding: 20px 0 0 0;
margin-top: 20px;
width: 1000px;
float: left;
overflow: hidden;
}
.related_articles h2 {
margin-bottom:30px;
padding: 0 20px;
text-align: center;
}
.related_article {
width: 230px;
float: left;
padding: 0 10px;
}
.related_article_image {
width: 230px;
height: 140px;
float:left;
}
.related_article_image img {
width:100%;
height:100%;
}
.related_article_text {
width: 220px;
float: left;
text-align: center;
padding: 5px;
}
.related_article_text a {
font-size: 15px;
color: #fff !important;
}
#zergnet-widget-14478 {
background-color: #151515;
margin-bottom: 20px;
padding-bottom: 20px;
float: left;
}
/************************************************
* SOCIAL COMMENTS PLUGIN STYLE OVERRIDES
***********************************************/
.single #social {
margin:0;
padding:0;
background-color:#222;
padding-top:40px;
}
.single #social #respond {
background:#222222 url(/images/static_subdomain/carbon_fiber_background-wallpaper-1024x768.jpg);
box-shadow:0 0 20px black inset;
padding:40px 40px 20px 40px;
margin-bottom:0;
}
.single #social #respond textarea.social-input {
width:100%;
max-width:none;
padding:10px;
background-color:rgba(255,255,255,0.2);
border:solid 1px black;
color:white;
box-shadow:0 5px 10px black;
margin-bottom:20px;
}
.single.logged-in #social .social-input-row {
padding-right:30px;
padding-left:100px;
overflow:visible;
}
.single.logged-in #social #respond .form-submit {
padding: 10px 0;
height:auto;
}
.single #social input#submit {
background:url(/images/static_subdomain/ylw-gradient.png) repeat scroll left center #FFEE00;
color:black;
font-weight:normal;
border:none;
text-shadow:none;
height:auto;
padding:10px 20px;
}
#social span.social-replied {
display:none;
}
.single #social .social-nav li a {
color:black;
font-weight:bold;
}
.single #social .social-last-reply-when {
float:left;
margin-left:10px;
}
.single #social .social-actions a {
background:#fe0 url(/images/static_subdomain/ylw-gradient.png) left center;
}
/* Hide default (inside comment body) rating widget vote area */
.social-comment-body .rw-left,
.social-comment-body .rw-right {
display:none;
}
/* Adjust new (manually put) rating widget vote area */
.social_rating_widget .rw-left {
float: left;
margin: 0 0 0 10px !important;
}
.single #social .social-comment-body {
margin-top:-20px;
margin-bottom:20px;
}
#social-tabs-comments {
background-color:#151515;
}
/************************************************
* STAFF PAGE
***********************************************/
.page-template-page-staff-php #wrapper {
background-color: #333;
}
#main.main-staff-page {
background: none;
background-color: #333;
padding-top: 0px;
}
.main-staff-page .title-container {
min-height: 180px;
text-align: center;
vertical-align: middle;
margin: 0;
padding: 43px 0px;
position: relative;
}
.main-staff-page h1.entry-title-single {
font-family: 'NobileBold', sans-serif;
font-weight: bold;
text-align: center;
font-size: 47px;
padding: 3px 12px;
margin: 0px;
text-transform: uppercase;
color: #FFF;
background-color: #000;
display: block;
position: relative;
}
.main-staff-page #author-bio-box {
border: none;
box-shadow: none;
padding: 0px;
width: 100%;
margin: 24px 0px 0px 0px;
}
.main-staff-page #author-bio-box img.avatar {
min-width: 110px;
min-height: 107px;
}
.main-staff-page #author-bio-box span.author-name {
color: #D8B500;
display: block;
margin-left: 135px;
margin-bottom: 12px;
}
.main-staff-page #author-bio-box span.author-name span {
color: #fff;
}
.main-staff-page #author-bio-box p {
font-size: 14px;
line-height: 1.5em;
margin-left: 135px;
}
.main-staff-page #author-bio-box .bio-socials {
border: none;
margin-left: 135px;
margin-top: 8px;
}
.main-staff-page #author-bio-box span.author-name span {
display: none;
}
.entry-meta-info-container {
width: 680px;
float: left;
vertical-align: bottom;
padding-bottom: 10px;
text-align:center;
}
.entry_breadcrumbs {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
float:left;
width:250px;
text-align:left;
}
.comments-link {
width:120px;
float: left;
padding-left: 10px;
text-align: left;
}
.comments-link a {
font-family: arial, sans-serif;
color: #fff;
display:inline-block;
padding: 5px 0;
font-size: 14px;
}
.comments-link .num {
font-size: 16px;
font-family: arial, sans-serif;
color: #333;
background:#fd0 url(/wp-content/themes/worldsfactory/images/auther-activity.png);
text-align: center;
vertical-align: middle;
font-weight: bold;
padding: 4px 9px;
border-radius:3px;
}
.entry-tags {
display: block;
width: 285px;
float: left;
padding-left: 10px;
}
.entry-tags a {
display:inline-block;
margin:0 5px 0 0;
padding:0 3px;
background: #fd0 url(/wp-content/themes/worldsfactory/images/auther-activity.png) repeat-x top left;
color: #181818;
font-family: "Helvetica";
line-height: 25px;
border-radius: 5px;
font-weight: bold;
text-align: center !important;
font-size: 12px !important;
text-decoration: none;
white-space:nowrap;
}
.quote-box {
font-size: 2em;
line-height: 1.2em;
border-right: 5px solid #ffee00;
border-left: 5px solid #ffee00;
padding: 0 20px;
margin:20px 30px;
}
.entry_text_content {
font-size:14px;
line-height:2;
}
/************************************************
* ARCHIVE TEMPLATE
***********************************************/
.page-template-page-archive-php .content {
background-color:#151515;
}
.archive_subsection {
display:none;
}
.archive_subsection.active {
display:block;
}
.filter_bar {
position:relative;
background-color:#151515;
border-bottom:solid 1px black;
border-top:solid 1px black;
font-size:13px;
height:35px;
}
.filter_bar .dropdown_selector {
float:left;
margin:12px 0 0 10px;
}
.filter_bar .dropdown_selector .name,
.filter_bar .dropdown_selector .value {
float:left;
}
.filter_bar .dropdown_selector .name {
margin-right:10px;
}
.filter_bar .dropdown_selector .value {
position:relative;
}
.dropdown_selector .selected {
border-bottom:solid 1px #444;
padding:0 20px 0 5px;
background:transparent url(/images/static_subdomain/dropdown_arrow.png) right center no-repeat;
cursor:pointer;
}
.dropdown_selector .selected:hover {
color:white;
border-bottom:solid 1px #999;
}
.datalist {
position:absolute;
left:10px; top:20px;
background-color:#151515;
border:solid 2px black;
border-radius:5px;
padding:5px 0;
display:none;
z-index:1000;
}
.datalist.active {
display:block;
}
.datalist a {
display:block;
padding:0 10px;
cursor:pointer;
font-size:12px;
white-space:nowrap;
color:#999;
}
.datalist a:hover {
background-color:black;
color:white;
}
/* Selection bar */
.selection_bar {
background-color:#fe0;
overflow:hidden; /* Float hack */
clear:both;
}
.selection_bar li {
float:left;
display:block;
color:black;
font-size:15px; line-height:1;
padding:10px;
cursor:pointer;
}
.selection_bar li:hover {
background-color:#dc0;
}
.selection_bar li.active {
background-color:#151515;
color:white;
cursor:default;
}
/* Archive entry */
.archive_entry {
margin:0 10px;
padding:10px 0;
overflow:hidden; /* Float hack */
border-bottom:solid 1px #000;
border-top:solid 1px #333;
clear:both;
}
.archive_entry:first-child {
border-top:none;
}
.archive_entry .thumb {
width:160px;
float:left;
}
.archive_entry .thumb img {
width:100%;
height: auto;
}
.archive_entry .content {
width: 480px;
float: right;
}
.archive_entry .text {
line-height: 25px;
}
.archive_entry .meta {
margin-top:20px;
}
.archive_entry .date,
.archive_entry .comments {
display:block;
}
.archive_entry .date {
font-size:14px;
font-style:italic;
float:left;
}
.archive_entry .comments {
float:right;
color:#fe0;
font-size:14px;
}
.archive_entry .comments .count {
background-color:#fe0;
color:black;
padding:1px 3px;
border-radius:3px;
font-size:12px;
}
.archive_entry .release_date {
display: block;
float:right;
font-size:14px;
}
/* TAG ARCHIVE */
.archive #content h1 {
padding-left: 30px;
padding-top: 20px;}
.bp_authorposts_wrapper .left-meta,
.archive .left-meta{
display: block;
padding: 0 0 10px 0;
}
.bp_authorposts_wrapper .right-meta,
.archive .right-meta{
clear: both;
display: block;
position: relative;
right: auto;
top: auto;
}
.bp_authorposts_wrapper .right-meta .number-of-votes,
.bp_authorposts_wrapper .right-meta .meta-sep,
.bp_authorposts_wrapper .right-meta .comments-link,
.bp_authorposts_wrapper .right-meta .comments-link a,
.archive .right-meta .number-of-votes,
.archive .right-meta .meta-sep,
.archive .right-meta .comments-link,
.archive .right-meta .comments-link a{display:none;}
.bp_authorposts_wrapper .entry-summary,
.archive .entry-summary {
font-size: 14px;
line-height: 1.7;
margin: 0 20px 20px;
}
/* WordPress Core */.alignnone{ margin:5px 20px 20px 0}.aligncenter, div.aligncenter{ display:block; margin:5px auto 5px auto}.alignright{ float:right; margin:5px 0 20px 20px}.alignleft{ float:left; margin:5px 20px 20px 0}.aligncenter{ display:block; margin:5px auto 5px auto}a img.alignright{ float:right; margin:5px 0 20px 20px}a img.alignnone{ margin:5px 20px 20px 0}a img.alignleft{ float:left; margin:5px 20px 20px 0}a img.aligncenter{ display:block; margin-left:auto; margin-right:auto}.wp-caption{}.wp-caption.alignnone{ margin:5px 20px 20px 0}.wp-caption.alignleft{ margin:5px 20px 20px 0}.wp-caption.alignright{ margin:5px 0 20px 20px}.wp-caption img{ border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto}.wp-caption p.wp-caption-text{ font-size:11px; line-height:17px; margin:0; padding:0 4px 5px}
.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: both; }
.clearfix { zoom: 1; }
.widget-container.simple_ads_manager_widget img {
width: 297px;
margin-left: -1px;
}
.simple_ads_manager_widget {
margin: 0 !important;
}
ul.sid * img {
width: 297px;
margin-left: -1px;
}
span.topic-author * img {
width: 40px !important;
height: 40px !important;
}
.widget-area .widget_display_topics {
background-color: #151515;
}
#activity-page-sidebar,
#members-page-sidebar {
width: 300px;
float: right;
}
#activity-page-sidebar > div,
#members-page-sidebar > div {
background-color: #151515;
margin-bottom: 5px;
clear: both;
}
#activity-cont {
width: 680px;
float: left;
}
#view-link {
padding: 0;
float: none;
width: inherit;
} #view-link a {
margin: 10px 0 0 10px;
}
/**
* Author bio box (plugin)
*/
#author-bio-box {
float:left;
width:632px;
background: #%bgcolor%;
border: 1px solid #bbb;
box-shadow: 5px 5px 2px #888;
padding: 5px;
}
#author-bio-box img {
float: left;
margin-right: 10px;
margin-bottom: 2px;
}
#author-bio-box .author-name {
font-weight: bold;
margin: 0px;
font-size: 14px;
}
#author-bio-box .author-name a {
color:#eee;
font-style:italic;
font-family:"NobileBold", sans-serif;
font-size:12px;
}
#author-bio-box p {
font-size: 10px;
line-height: 14px;
}
#author-bio-box thead th {
border: 0;
}
#author-bio-box tbody {
border: 0;
}
.bio-spacer { min-height:44px; padding: 1px; display: block; clear: both; border:1px;}
.bio-socials {
border-top:solid 1px;
border-bottom:none;
border-left:none;
border-right:none;
width: 628px;
height: 32px;
clear: both;
}
/************************************************
* HOMEPAGE PAGINATION
***********************************************/
.homepage_pagination,
.homepage_pagination_articles,
.product_pagination,
.archive_pagination {
background-color:black;
overflow:hidden; /* Follow height of floating children */
padding:15px;
border-top:solid 10px #151515;
background:black url(/images/static_subdomain/ajax-loader.gif) -100px center no-repeat;
}
.filter_bar {
background: url(/images/static_subdomain/ajax-loader.gif) -100px center no-repeat;
}
.homepage_pagination.loading,
.product_pagination.loading,
.archive_pagination.loading,
.filter_bar.loading {
background-position:center center;
}
.homepage_pagination .next_page_link,
.product_pagination .next_page_link,
.archive_pagination .next_page_link {
float:right;
}
.homepage_pagination .prev_page_link,
.product_pagination .prev_page_link,
.archive_pagination .prev_page_link {
float:left;
}
.homepage_pagination .next_page_link,
.homepage_pagination .prev_page_link,
.product_pagination .next_page_link,
.product_pagination .prev_page_link,
.archive_pagination .next_page_link,
.archive_pagination .prev_page_link {
background:url(/images/static_subdomain/ylw-gradient.png) repeat-x scroll left bottom #FFEE00;
border-radius:2px;
padding:5px 10px;
color:black;
font-size:12px;
}
.homepage_pagination .next_page_link:hover,
.homepage_pagination .prev_page_link:hover,
.product_pagination .next_page_link:hover,
.product_pagination .prev_page_link:hover,
.archive_pagination .next_page_link:hover,
.archive_pagination .prev_page_link:hover {
background-position:left center;
}