Файл: Source/assets/css/main-stylesheet.css
Строк: 6021
@charset UTF-8;
@import
url(http://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic&subset=latin,cyrillic);
/*------------------------------------------------------------------
[Style
Index]
0. Reset
1. Main header
2. Main menu
3. Content styling
4.
Comments
5. Photo gallery
6. Sidebar styling
7.
Footer
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[0.
Reset]
Reseting styles for individual
theme
-------------------------------------------------------------------*/
html,
body {
}
html {
}
body {
font: 14px 'Open Sans',
sans-serif;
margin: 0;
padding: 0;
color: #333333;
background:
#171717 url(../images/bg.jpg) repeat top center;
}
i.fa
{
line-height: inherit!important;
font-size: inherit;
vertical-align:
baseline!important;
}
::selection
{
background:#256193;
color:#fff;
}
::-moz-selection
{
background:#256193;
color:#fff;
}
h1,
h2, h3, h4, h5, h6, span, p, input {
margin: 0;
padding:
0;
}
table, tr, td {
margin: 0;
padding: 0;
border-collapse:
collapse;
}
ul, li, ol {
margin: 0;
padding: 0;
}
img
{
border: none;
}
p
{
line-height:150%!important;
}
img.setborder {
z-index:
0;
position: relative;
box-shadow:0px 0px 0px 1px
rgba(255,255,255,0.2);
}
.wrapimg:after
{
position:absolute;
display:block;
top:0px;
background:transparent;
left:0px;
z-index:10;
width:100%;
height:100%;
box-shadow:inset
0px 0px 1px 1px
rgba(0,0,0,0.17);
content:'';
border-radius:inherit;
-moz-border-radius:inherit;
}
a
{
color: #454545;
text-decoration: none;
-moz-transition: all
0.1s;
-webkit-transition: all 0.1s;
-o-transition: all
0.1s;
}
a:hover {
color: #256193;
text-decoration:
none;
}
a:focus {
outline: 0;
}
.clear-float {
display:
block;
clear: both;
}
#content {
width: 1000px;
margin: 0px
auto;
}
#header {
height: 440px;
}
.dat-menu-setup
{
background-color: #665140;
background-image:
url(../images/no-slider-bg.jpg);
}
.home-article.right ul li a strong
{
font-family: "Cuprum", sans-serif;
text-transform:
uppercase;
}
h1, h2, h3, h4, h5, h6 {
font-family:
"Cuprum", sans-serif;
text-transform:
uppercase;
}
/*------------------------------------------------------------------
[1.
Main
header]
-------------------------------------------------------------------*/
#header.needsmallpadding
{
padding-bottom: 50px;
}
#header-top {
height: 40px;
background:
#0D0D0D;
position: relative;
z-index: 20;
}
#header-top ul
{
display: block;
}
#header-top ul > li > div.drop {
display:
none;
background: #f4f4f4;
width: 300px;
top: 54px;
position:
absolute;
right: 0px;
box-shadow: 0px 1px 2px 1px
rgba(0,0,0,0.3);
-moz-border-radius: 2px;
border-radius:
2px;
margin-right: -20px;
}
#header-top ul > li >
div.drop.active {
display: block;
}
#header-top ul > li >
div.drop:before {
content: '';
display: block;
position:
absolute;
top: -3px;
right: 50px;
background: inherit;
width:
4px;
height: 4px;
border-top: 1px solid
rgba(0,0,0,0.12);
border-left: 1px solid rgba(0,0,0,0.12);
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
}
#header-top ul > li > div.drop .notify-list
{
display: block;
}
#header-top ul > li > div.drop .notify-list
li {
display: block;
border-bottom: 1px solid #dbdbdb;
position:
relative;
}
#header-top ul > li > div.drop .notify-list li
.avatar {
display: block;
margin: 10px;
float: left;
width:
50px;
height: 50px;
}
#header-top .wrapper:after {
display:
block;
clear: both;
content: '';
}
#header-top .wrapper
{
background: rgba(255,255,255,0.04);
}
.nofify-empty:last-child
{
border-bottom: 0px;
}
.nofify-empty {
border-bottom: 1px solid
#dbdbdb;
display: block;
padding: 20px 20px 25px 20px;
position:
relative;
}
.nofify-empty .fa {
display: block;
font-size:
20px;
padding-bottom: 2px;
color: #8d8d8d;
position:
absolute;
left: 20px;
margin-top: 1px;
}
.nofify-empty b
{
display: block;
font-size: 17px;
padding-bottom: 1px;
color:
#8d8d8d;
padding-left: 35px;
}
.nofify-empty span {
display:
block;
font-size: 12px;
color: #acacac;
padding-left:
35px;
}
#header-top ul > li > div.drop .notify-list li
.article-thumb {
display: block;
margin: 0px;
width: 50px;
height:
50px;
position: absolute;
top: 10px;
left: 10px;
}
#header-top ul
> li > div.drop .notify-list li a.notify-content {
display:
block;
padding: 10px;
padding-left: 70px;
}
#header-top ul > li
> div.drop .notify-list li.new a.notify-content {
border-left: 4px
solid #256193;
}
#header-top ul > li > div.drop .notify-list li
a.notify-content:hover {
background: #e8e8e8;
}
#header-top ul >
li > div.drop .notify-list li a.notify-content:active {
background:
#dbdbdb;
}
#header-top ul > li > div.drop .notify-list li
a.notify-content .notify-text b {
color: #232323;
}
#header-top ul
> li > div.drop .notify-list li a.notify-content .notify-text
{
padding-bottom: 3px;
font-size: 13px;
}
#header-top ul > li
> div.drop .notify-list li a.notify-content .notify-text .fa
{
font-size: 10px;
display: inline-block;
padding: 1px 6px 0px
0px;
}
#header-top ul > li > div.drop .notify-list li
a.notify-content .notify-head .notify-user {
font-size:
15px;
}
#header-top ul > li > div.drop .notify-list li
a.notify-content .notify-head {
margin-top: -4px;
padding-bottom:
1px;
color: #232323;
}
#header-top ul > li > div.drop
.notify-list li a.notify-content .notify-head .admin-ribbon {
margin-top:
2px;
margin-bottom: 4px;
}
#header-top ul > li > div.drop
.notify-list li a.notify-content .notify-date {
font-size: 11px;
color:
#9f9f9f;
}
#header-top ul > li > div.drop .notify-list li
a.notify-content > span {
display: block;
color:
#6f6f6f;
overflow: hidden;
text-overflow: ellipsis;
white-space:
nowrap;
}
#header-top ul > li > div.drop .notify-footer
{
display: block;
}
#header-top ul > li > div.drop
.notify-header .right {
color: #acacac;
font-size: 12px;
font-weight:
normal;
padding: 2px;
}
#header-top ul > li > div.drop
.notify-header a.right:hover {
color: #232323;
}
#header-top ul >
li > div.drop .notify-header {
padding: 8px 10px;
font-size:
12px;
font-weight: bold;
color: #acacac;
border-bottom: 1px solid
#dbdbdb;
border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px
0px 0px;
}
#header-top ul > li > div.drop .notify-footer a
{
background: #e8e8e8;
color: #898989;
font-size: 12px;
display:
block;
margin-right: 0px;
border-radius: 2px;
-moz-border-radius:
2px;
padding: 10px 0px 13px 0px;
font-size: 13px;
font-weight:
bold;
width: 100%;
text-align: center;
border-radius: 0px 0px 2px
2px;
-moz-border-radius: 0px 0px 2px 2px;
text-shadow: 0px 1px 0px
#fff;
}
#header-top ul > li > div.drop .notify-footer a:hover
{
background: #dbdbdb;
}
#header-top ul > li > div.drop
.notify-list:after {
content: '';
display: block;
clear:
both;
}
#header-top ul > li {
display: block;
float:
left;
position: relative;
box-shadow: inset 1px 0 0
rgba(255,255,255,0.06);
}
#header-top ul > li:last-child
{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0
rgba(255,255,255,0.06);
}
#header-top ul > li:last-child >
a:hover, #header-top ul > li:last-child > a {
border-right:
0px!important;
}
#header-top ul > li:first-child > a
{
border-left: 0px!important;
}
#header-top ul > li > a
{
display: block;
float: left;
padding: 12px 16px 11px 16px;
color:
#D8D8D8;
text-decoration: none;
font-size: 13px;
line-height:
17px;
-moz-transition: background 0.2s, color 0.2s;
-webkit-transition:
background 0.2s, color 0.2s;
-o-transition: background 0.2s, color
0.2s;
text-shadow: 0 0 2px rgba(0,0,0,0.4);
}
#header-top ul >
li:hover> a {
color: #FFFFFF;
background:
rgba(255,255,255,0.1);
}
#header-top ul > li > a small.gotop
{
display: block;
position: fixed;
top: 10px;
z-index:
2000;
font-size: 12px;
font-weight: bold;
padding: 3px
10px;
border: 1px solid #a9332a;
box-shadow: 0px 1px 4px
rgba(0,0,0,0.2);
}
#header-top ul > li > a small.gotop:before
{
content: '';
display: block;
position: absolute;
top:
-4px;
left: 50%;
margin-left: -4px;
background:
inherit;
border-top: inherit;
border-left: inherit;
width:
6px;
height: 6px;
transform: rotate(45deg);
-ms-transform:
rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform:
rotate(45deg);
-moz-transform: rotate(45deg);
}
#header-top ul >
li > a:hover small.gotop {
background: #ea5e54;
color:
#fff;
}
#header-top ul > li > a small {
display:
inline-block;
background: #d2382c;
color: #fff;
font-size:
11px;
padding: 1px 5px;
border-radius: 2px;
line-height:
15px;
margin-left: 8px;
-moz-transition: background 0.2s, color
0.2s;
-webkit-transition: background 0.2s, color 0.2s;
-o-transition:
background 0.2s, color 0.2s;
}
#header-top ul > li > a:hover
small {
background: #c5c5c5;
color: #232323;
}
#header-top ul >
li > a.login-api {
display: block;
padding: 10px 12px 10px
12px;
}
#header-top ul.sub-menu {
width: 200px;
background-color:
#161616;
top: 100%;
position: absolute;
}
#header-top ul.sub-menu
a,
#header-top ul.sub-menu li {
display: block;
float:
none;
}
#header-top ul.sub-menu li > a >
span:before,
#header-top > .wrapper > ul > li > a >
span:before {
display: block;
float: right;
content:
'\f107';
font-family: "FontAwesome";
padding-left:
8px;
}
#header-top li ul.sub-menu {
display: none;
}
#header-top
li:hover > ul.sub-menu {
display: block;
}
#header-top ul.sub-menu
li > a > span:before {
content: '\f105';
}
#header-top
ul.sub-menu li {
box-shadow: 0 -1px 0 rgba(255, 255, 255,
0.04);
}
#header-top ul.sub-menu ul.sub-menu {
left: 100%;
top:
0px;
}
#slider-imgs {
width: 100%;
position: absolute;
z-index:
-2;
height: 468px;
z-index: 0;
}
.has-top-menu #slider-imgs
{
top: 40px;
}
.has-top-menu #top-layer {
background-position:
center 40px;
}
#slider-imgs div.featured-img-box {
min-width:
1000px;
max-width: 1207px;
margin: 0px auto;
height:
440px;
position: relative;
}
#slider-imgs div.featured-img-box
div.featured-img {
position: absolute;
top: 0px;
width:
100%;
margin: 0px auto;
height: 440px;
opacity:
1;
background-position: top center;
background-repeat:
no-repeat;
z-index: 2;
-moz-transition: opacity
1s;
-webkit-transition: opacity 1s;
-o-transition: opacity
1s;
}
#slider-imgs div.featured-img-box div.featured-img.invisible
{
opacity: 0;
z-index: 1;
}
a.featured-select span {
display:
none;
}
a.featured-select {
display: block;
float: left;
width:
75px;
height: 45px;
position: relative;
background:
#256193;
}
a.featured-select.this-is-next span.w-coin {
display:
block;
position: absolute;
z-index: 6;
font-weight: bold;
padding:
2px 6px;
background: #fff;
font-size: 11px;
color: #797979;
top:
15px;
left: 29px;
-moz-border-radius: 8px;
border-radius:
8px;
}
a.featured-select.this-is-next span.w-bar {
display:
block;
position: absolute;
z-index: 6;
top: 0px;
left:
0px;
height: 3px;
color: transparent;
background: #fff;
width:
0px;
}
a.featured-select img
{
display:block;
position:absolute;
opacity:0.4;
-moz-transition:
opacity 0.2s;
-webkit-transition: opacity 0.2s;
-o-transition: opacity
0.2s;
}
a.featured-select.this-active img
{
display:block;
position:absolute;
opacity:1;
}
a.featured-select:hover
img {
display:block;
position:absolute;
opacity:1;
}
#top-layer
{
width: 100%;
background: url(../images/top-overlay.png) no-repeat top
center;
min-height: 468px;
z-index: 3;
position:
relative;
}
#slider
{
position:relative;
width:1000px;
height:440px;
z-index:3;
}
#slider
div#slider-info
{
bottom:0px;
right:0px;
position:absolute;
width:300px;
}
#slider
div#slider-info p {
color: #fff;
font-size: 13px;
line-height:
17px;
}
#slider div#slider-info h2 {
color: #fff;
font-size:
17px;
margin-bottom: 9px;
line-height: 23px;
font-weight:
500;
}
#slider div#slider-info h2 a {
color: #fff;
}
#slider-info
.padding-box {
padding: 0px;
}
#slider-info .padding-box ul
{
position: relative;
}
#slider-info .padding-box ul li {
display:
block;
padding: 18px;
position: absolute;
bottom: 0px;
left:
0px;
overflow: hidden;
}
#slider-info .padding-box ul li:before
{
content: '';
display: block;
position: absolute;
z-index:
-1;
left: 0px;
top: 0px;
width: 100%;
height:
100%;
background-color: #256193;
opacity: 0.7;
}
#slider-info
.padding-box ul li.dis {
display: none;
}
.read-more-r {
display:
inline-block;
font-weight: 500;
font-family: "Cuprum",
sans-serif;
text-transform: uppercase;
color: #fff;
margin-top:
10px;
}
.read-more-r:hover {
color:
rgba(255,255,255,0.8);
}
/*------------------------------------------------------------------
[2.
Main Menu]
+ .main-menu
+
ul
-------------------------------------------------------------------*/
#menu-bottom
{
left:0px;
height:62px;
position:absolute;
width:100%;
top:76px;
z-index:
7;
}
#menu {
height:84px;
width: 1000px;
margin:0px
auto;
margin-top:-13px;
box-shadow: inset 1px 0 0 rgba(0,0,0,0.3),
inset -1px 0 0 rgba(0,0,0,0.3), 0px 2px 0px rgba(0,0,0,0.15), inset 0 1px 0
rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2);
}
#menu .menu-icons
{
text-align: center;
}
.main-menu {
display: block;
position:
relative;
}
.dat-menu-list a[href="#drop-the-bass"]
{
display: none!important;
}
.main-menu .datmenu-prompt {
display:
none;
float: right;
color: #fff!important;
font-size:
15px!important;
position: relative;
height: 84px;
vertical-align:
bottom;
text-align: center;
padding: 10px 32px;
background:
transparent;
color: #fff;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
line-height: 68px;
font-weight: bold;
padding-top:
4px;
text-shadow: 0 1px 0 #000;
font-weight: normal;
z-index:
1;
text-shadow: 0 1px 0 #000;
}
.main-menu .datmenu-prompt i.fa
{
padding-right: 10px;
}
#menu-bottom.blurred #menu > .blur-before
{
position: absolute;
display: block;
width: 100%;
left:
0px;
top: 0px;
height: 100%;
background: inherit;
z-index:
0;
overflow: hidden;
}
#menu-bottom.blurred #menu >
.blur-before:before {
content: "";
position:
absolute;
left: 0;
top: -23px;
right: 0;
z-index: 0;
display:
block;
background-image: inherit;
background-position: center
top;
width: 120%;
margin-left: -10%;
height:
1000px;
-webkit-filter: blur(10px);
-moz-filter:
blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter:
blur(10px);
transition: background-image 0.8s;
-moz-transition:
background-image 0.8s;
-webkit-transition: background-image
0.8s;
-o-transition: background-image 0.8s;
}
#menu-bottom.blurred
#menu > .blur-before:after {
content: '';
display:
block;
position: absolute;
top: 0px;
left: 0px;
width:
100%;
height: 100%;
background: #000;
z-index: 1;
opacity:
0.7;
}
#header .header-logo {
float: left;
padding: 8px
18px;
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}
#header .header-logo:hover
{
background: rgba(0,0,0,0.5);
}
.header-breadcrumbs {
color:
#fff;
top: 132px;
position: absolute;
width: 100%;
padding: 0
30px;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
text-shadow: 0 2px 0
rgba(0,0,0,0.2);
}
.header-breadcrumbs a {
color:
#fff;
}
.header-breadcrumbs a:hover {
color:
rgba(255,255,255,0.5);
}
.header-breadcrumbs ul {
display:
block;
padding: 6px 0px;
font-size: 14px;
text-transform:
uppercase;
font-weight: bold;
}
.header-breadcrumbs ul li
{
display: inline-block;
position: relative;
padding-right:
18px;
margin-right: 8px;
}
.header-breadcrumbs ul li:after
{
display: block;
position: absolute;
content:
'\f105';
font-family: "FontAwesome";
right: 0px;
top:
0px;
line-height: 19px;
opacity: 0.5;
}
.header-breadcrumbs ul
li:last-child:after {
display: none;
}
.main-menu .header-logo
{
display: block;
position: relative;
z-index:
2;
}
.main-menu.width-fluid {
display: table;
width:
100%;
}
#header .main-menu.width-fluid .header-logo {
display:
table-cell;
text-align: center;
float:
none;
}
.main-menu.width-fluid ul {
display:
table-cell;
}
.main-menu.width-fluid ul li {
display:
table-cell;
}
.main-menu ul {
display: block;
position:
relative;
}
.main-menu > ul > li {
display: block;
position:
relative;
float: left;
}
.main-menu ul:after {
display:
block;
clear: both;
content: '';
}
.main-menu > ul > li >
a {
display: block;
height: 84px;
vertical-align:
bottom;
text-align: center;
padding: 10px 22px;
position:
relative;
background: transparent;
color: #fff;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
.main-menu > ul > li:hover > a {
background:
rgba(0,0,0,0.5);
text-shadow: 0 0 10px #fff;
}
.main-menu ul li a
> span:after {
display: block;
position: absolute;
content:
'...';
width: 100%;
text-align: center;
left: 0px;
bottom:
6px;
font-size: 18px;
letter-spacing: 2px;
font-weight:
bold;
opacity: 0.2;
filter: alpha(opacity=20);
}
.main-menu ul li a
i.fa {
display: block;
font-size: 26px;
line-height:
37px!important;
text-shadow: 0 2px 0 #000;
color:
#F2F2F2;
font-weight: normal!important;
}
.main-menu ul li a strong
{
display: block;
font-size: 12px;
padding-top: 4px;
text-shadow: 0
1px 0 #000;
font-weight: normal;
font-family: Arial;
}
.main-menu
ul li.no-icon a strong {
line-height: 53px;
font-size:
14px;
font-weight: bold;
}
.main-menu ul.sub-menu {
display:
none;
position: absolute;
top: 100px;
background: rgba(16, 16, 16,
0.94);
z-index: 10;
width: 240px;
left: 50%;
margin-left:
-120px;
text-align: center;
border-radius: 2px;
box-shadow: 0 2px 0
rgba(0,0,0,0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.29);
}
.main-menu
li:hover > ul.sub-menu {
display: block;
}
.main-menu
ul.sub-menu:before {
display: block;
position: absolute;
content:
'';
height: 16px;
bottom: 100%;
width: 100%;
left:
0px;
}
.main-menu ul.sub-menu:after {
display: block;
position:
absolute;
content: '';
left: 50%;
width: 10px;
height:
10px;
background: inherit;
margin-left: -5px;
top: -5px;
z-index:
1;
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
transform: rotate(45deg);
}
.main-menu ul.sub-menu li
{
display: block;
z-index: 2;
}
.main-menu ul li {
display:
inline-block;
position: relative;
}
.main-menu ul.sub-menu li a
{
display: block;
padding: 12px 20px;
box-shadow: 0 -1px 0 0 rgba(47,
47, 47, 0.6);
font-size: 13px;
font-weight: bold;
color:
#CACACA;
}
.main-menu ul.sub-menu li:hover > a {
background:
rgba(255,255,255,0.05);
}
.main-menu ul.sub-menu li:first-child > a
{
box-shadow: none;
}
.main-menu ul.sub-menu ul.sub-menu {
top:
0px;
left: 150%;
}
.main-menu ul.sub-menu a span:before {
display:
block;
float: right;
content: ':';
font-size: 13px;
line-height:
13px;
opacity: 0.3;
}
.main-menu ul.sub-menu a span:after
{
display: none;
}
.main-menu ul.sub-menu
ul.sub-menu:after,
.main-menu ul.sub-menu ul.sub-menu:before {
display:
none;
}
/*------------------------------------------------------------------
[3.
Content styling]
+ #main-box
+ #main
+ h2
+
.content-padding
-------------------------------------------------------------------*/
.padding-box
{
padding: 18px;
}
#main-box {
position: relative;
min-height:
200px;
background: #f4f4f4;
}
#main-box #main {
background:
#f4f4f4;
border-top: 5px solid #256193;
width: 700px;
margin-top:
-45px;
position: relative;
float: left;
min-height: 200px;
z-index:
6;
padding-top: 20px;
padding-bottom: 40px;
}
#main-box.full-width
{
position: relative;
min-height: 200px;
background:
#f4f4f4;
}
#main-box.full-width #main {
background:
#f4f4f4;
border-top :5px solid #256193;
width: 1000px;
margin-top:
-45px;
position: relative;
float: none;
min-height: 200px;
z-index:
6;
padding-top: 20px;
padding-bottom : 40px;
}
.wrapper {
width:
1000px;
margin: 0px auto;
position: relative;
}
#header.needpadding
{
padding-bottom: 130px;
}
.signup-panel > div >
h2,
.user-profile .profile-right-side h2,
.game-info-right
h2,
.article-footer h2,
#main .forum-block > h2,
#main > h2
{
padding: 0px 28px;
background: url(../images/content-title-bg.png)
repeat-x left center;
margin-bottom: 20px;
}
.signup-panel > div
> h2 span,
.user-profile .profile-right-side h2 span,
.game-info-right
h2 span,
.article-footer h2 span,
#main > .forum-block h2 span,
#main
> h2 span {
background: #f4f4f4;
font-size: 22px;
color:
#353535;
padding: 0px 10px;
margin-left:
-10px;
}
div.content-padding {
padding: 0px 28px;
margin-bottom:
15px;
}
div.content-padding:after {
clear: both;
content:
'';
display: block;
}
.article-image {
display:
inline-block;
background: #256193;
overflow: hidden;
position:
relative;
}
.article-image-out {
display: block;
background:
#256193;
position: relative;
}
.article-image-out span.image-comments
{
position:absolute;
display:block;
right:20px;
z-index:8;
padding-bottom:5px;
background:url(../images/comment-arrow.png)
no-repeat 7px bottom;
opacity:1;
top:-7px;
-moz-transition: opacity
0.2s, top 0.2s;
-webkit-transition: opacity 0.2s, top
0.2s;
-o-transition: opacity 0.2s, top 0.2s;
}
.photo-block
.article-image-out span.image-comments,
a.article-image-out
span.image-comments {
opacity:0;
top:0px;
}
.article-image-out
span.image-comments span {
display: block;
padding: 2px 7px;
color:
#fff;
background: #6fb205;
-moz-border-radius: 2px;
border-radius:
2px;
font-size: 13px;
font-weight: bold;
}
.article-image-out
span.image-comments.inactive
{
background:url(../images/comment-arrow-inactive.png) no-repeat 7px
bottom;
}
.article-image-out span.image-comments.inactive span
{
background:#afafaf;
}
.article-image-out:hover
span.image-comments,
.article-promo .article-image-out span.image-comments
{
top:-7px;
opacity:1;
}
.article-image-out img {
max-width:
100%;
width: 100%;
}
.article-image-out
.article-image,
.article-image-out a {
display:
block;
}
span.article-image span
{
position:absolute;
display:block;
padding:7px
0px;
left:32%;
top:-50px;
z-index:8;
text-align:center;
vertical-align:middle;
margin-top:-28px;
margin-left:8px;
-moz-transition:
top 0.2s;
-webkit-transition: top 0.2s;
-o-transition: top
0.2s;
}
span.article-image.single-icon span.nth1 {
left:
50%;
margin-left: -22px;
}
span.article-image.small-icons span.nth1
{
left: 50%;
margin-left: -22px;
}
span.article-image.small-icons
span.nth2 {
display: none
}
span.article-image span.nth2
{
left:48%;
transition-delay: 0.1s;
-moz-transition-delay:
0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay:
0.1s;
}
span.article-image span .fa,
span.article-image span img
{
display:inline-block;
margin:0px
7px;
background:#fff;
padding:8px;
text-align:center;
vertical-align:middle;
border-radius:30px;
-moz-border-radius:30px;
opacity:0.8;
filter:alpha(opacity=80);
-moz-transition:
all 0.1s;
-webkit-transition: all 0.1s;
-o-transition: all
0.1s;
}
span.article-image span .fa {
width: 20px;
height:
20px;
line-height: 20px!important;
font-size: 15px;
display:
block;
color: #256193;
}
span.article-image span
.fa:hover,
span.article-image span img:hover
{
opacity:1;
filter:alpha(opacity=100);
}
span.article-image:hover
span {
top:50%;
}
span.article-image > a >
img,
span.article-image > img
{
opacity:1;
filter:alpha(opacity=100);
-moz-transition: all
0.2s;
-webkit-transition: all 0.2s;
-o-transition: all
0.2s;
}
span.article-image:hover > a >
img,
span.article-image:hover > img
{
opacity:0.7;
filter:alpha(opacity=70);
}
#main h3 a {
display:
block;
font-size: 17px;
font-weight: bold;
margin: 8px
0px;
}
#main p {
color: #454545;
font-size: 14px;
line-height:
19px;
}
.left {
float: left;
display:
block;
}
.grid-articles {
display:
block;
}
.grid-articles:after {
display: block;
content:
'';
clear: both;
}
.grid-articles .item {
display: block;
float:
left;
width: 48%;
margin-left: 4%;
}
.grid-articles
.item:nth-child(2n+1) {
margin-left: 0px;
clear:
both;
}
.grid-articles .item:nth-child(n+3) {
margin-top:
15px;
}
.home-article.left {
width: 300px;
}
.right
{
float: right;
display: block;
}
.home-article.right {
width:
324px;
}
.home-article.right ul li {
display: block;
margin-bottom:
6px;
}
.home-article.right ul li a {
display: block;
background:
#eaeaea;
color: #454545;
-moz-transition: background 0.2s, color
0.2s;
-webkit-transition: background 0.2s, color 0.2s;
-o-transition:
background 0.2s, color 0.2s;
height: 55px;
position:
relative;
}
.home-article.right ul li a:hover
{
background-color:#256193;
color:#fff;
}
.home-article.right ul li
a img
{
display:block;
float:left;
width:89px;
height:55px;
}
.home-article.right
ul li a strong {
display: block;
width: 215px;
float:
left;
font-weight: bold;
font-size: 15px;
padding:
10px;
padding-top: 7px;
padding-bottom: 0px;
text-overflow:
ellipsis;
white-space: nowrap;
overflow:
hidden;
}
.home-article.right ul li a span.a-txt {
display:
block;
width: 215px;
float: left;
font-weight: normal;
font-size:
13px;
padding: 0px 10px;
text-overflow: ellipsis;
white-space:
nowrap;
overflow: hidden;
}
.defbutton {
margin: 12px 0px 20px
0px;
background-color:#eaeaea;
color: #898989;
display:
inline-block;
margin-right: 0px;
border-radius:
2px;
-moz-border-radius: 2px;
padding: 6px 12px;
font-family:
"Cuprum", sans-serif;
text-transform: uppercase;
font-size:
12px;
font-weight: bold;
}
.defbutton:hover {
color:
#fff;
background-color:#232323;
}
.defbutton .fa {
display:
inline-block;
padding: 2px 8px 0px 0px;
}
.home-article.right ul li a
.image-comments {
position: absolute;
display: block;
right:
20px;
z-index: 8;
padding-bottom: 5px;
background:
url(../images/comment-arrow.png) no-repeat 7px bottom;
opacity: 0;
top:
0px;
width: auto!important;
transition: opacity 0.2s, top
0.2s;
-moz-transition: opacity 0.2s, top 0.2s;
-webkit-transition:
opacity 0.2s, top 0.2s;
-o-transition: opacity 0.2s, top
0.2s;
}
.home-article.right ul li a .image-comments span {
display:
block;
padding: 2px 7px;
color: #fff;
background:
#6fb205;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:
13px;
font-weight: bold;
width:
auto!important;
}
.home-article.right ul li a .image-comments.inactive
{
background: url(../images/comment-arrow-inactive.png) no-repeat 7px
bottom;
}
.home-article.right ul li a .image-comments.inactive span
{
background: #afafaf;
}
.home-article.right ul li a:hover
.image-comments {
top: -13px;
opacity: 1;
}
.big-message
{
display: block;
text-align: center;
padding: 70px
0;
}
.big-message h3 {
font-size: 200px;
display:
inline-block;
padding: 16px 60px;
line-height: 100%;
background:
#256193;
color: #fff;
margin-bottom: 20px;
font-weight:
900;
}
.big-message h4 {
display: inline-block;
border-bottom: 2px
solid #444444;
font-weight: 300;
font-size: 50px;
color:
#444444;
text-transform: uppercase;
margin-bottom:
25px;
}
.big-message p {
display: block;
font-size:
1.2em;
}
.big-message .msg-menu {
padding-top: 20px;
display:
block;
font-size: 1.3em;
font-weight: bold;
}
.big-message
.msg-menu a {
display: inline-block;
padding: 0 9px;
color:
#444444;
position: relative;
}
.big-message .msg-menu a:after
{
display: block;
width: 1px;
height: 100%;
top: 0px;
right:
-4px;
content: '';
background: #ccc;
position:
absolute;
}
.big-message .msg-menu a:last-child:after {
display:
none;
}
/*------------------------------------------------------------------
[4.
Comments]
+ #comments
+ li
+ .comment-text
+ .writecomment
+
.comment-form
+
.contact-form-content
-------------------------------------------------------------------*/
.comment-block
{
display:block;
padding-bottom:20px;
}
.comment-block
.comment-avatar {
display: block;
width: 70px;
float:
left;
padding-top: 1px;
}
.comment-block .comment-content
{
display:block;
margin-left:70px;
}
.comment-block
.comment-content .comment-head {
display: block;
padding-bottom:
8px;
line-height: 9px;
}
.comment-block .comment-content
.comment-head .comment-user
{
font-size:18px;
display:inline-block;
}
.comment-block
.comment-content .comment-head .comment-destination {
font-size:
15px;
display: inline-block;
margin-left: 10px;
padding-left:
15px;
padding-bottom: 2px;
background:
url(../images/icon-comments-destination.png) no-repeat center
left;
color: #9a9a9a;
max-width: 350px;
/*overflow:
hidden;*/
text-overflow: ellipsis;
white-space: nowrap;
opacity:
0.4;
filter: alpha(opacity=40);
}
.comment-block .comment-content
.comment-text
{
display:block;
padding-bottom:10px;
}
.comment-block
.comment-content .comment-text p
{
font-size:13px!important;
line-height:140%!important;
}
.comment-block
.comment-content .comment-controls
{
display:block;
cursor:default;
}
.comment-block:hover
.comment-content .comment-controls, .comment-block:hover .comment-content
.comment-destination
{
opacity:1;
filter:alpha(opacity=100);
}
.comment-block
.comment-content span.com-control
{
padding-left:1px;
padding-right:6px;
}
.comment-block
.comment-content .com-control, .comment-block .comment-content
.admin-control {
color: #898989;
font-size: 12px;
display:
inline-block;
margin-right:0px;
border-radius:2px;
-moz-border-radius:2px;
padding:3px
8px;
}
.notif-num {
font-size: 70%;
line-height: 13px;
display:
inline-block;
background: #898989;
color: #fff;
border-radius:
2px;
-moz-border-radius: 2px;
padding: 0 5px;
font-weight:
bold;
margin-left: 3px;
}
a:hover .notif-num {
color:
#232323;
background: #f1f1f1;
}
.comment-block .comment-content
a.com-control:hover
{
background:#232323;
color:#fff;
}
.comment-block .comment-content
a.admin-control:hover
{
background:#e53d2b;
color:#fff;
}
.comment-block .comment-content
.fa {
font-size: 10px;
display: inline-block;
padding-top:
1px;
padding-right: 6px;
}
.comment-block .comment-content
.comment-responses
{
display:block;
background:#e9e9e9;
margin-top:0px;
border-radius:
2px;
-moz-border-radius:
2px;
position:relative;
overflow:hidden;
opacity:0;
filter:alpha(opacity=0);
height:0px;
-moz-transition:
all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all
0.5s;
}
.comment-block .comment-content .comment-responses.active
{
margin-top:15px;
overflow:visible;
display:block;
height:auto;
opacity:1;
filter:alpha(opacity=100);
}
.deleted-response
{
text-align:center;
}
.comment-block .comment-content
.comment-responses:before
{
display:block;
content:'';
width:8px;
height:8px;
background:inherit;
position:absolute;
top:-4px;
left:160px;
margin-left:-3px;
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
}
.comment-block .response-block {
padding:10px
15px;
border-bottom:1px solid #f4f4f4;
background:
#e9e9e9;
}
.comment-block .response-block:last-child
{
border-bottom:0px;
}
.comment-block .response-block .comment-avatar
{
width:55px;
}
.comment-block .response-block .comment-content
{
margin-left:55px;
}
.comment-block .response-block .comment-content
.comment-head {
padding-bottom:4px;
}
.comment-block .response-block
.comment-content .comment-text {
padding-bottom:6px;
}
.comment-block
.response-block .comment-content .comment-head .comment-user
{
font-size:17px;
}
.comment-edited
{
display:block;
padding-top:10px;
}
.comment-edited > span
{
color: #898989;
background:#e3e3e3;
font-size: 12px;
display:
inline-block;
margin-right: 0px;
border-radius:
2px;
-moz-border-radius: 2px;
padding: 4px 8px;
}
.comment-edited
{
padding-top:6px;
}
.comment-edited > span
{
background:#dddddd;
}
.comment-edited.deleted
{
padding-top:0px;
}
#comments {
display: block;
border-bottom:
2px solid #E7E7E7;
margin-bottom: 30px;
padding-bottom:
10px;
}
#comments .comment-inner {
display: block;
position:
relative;
}
#comments .comment-avatar {
display: block;
float:
left;
width: 70px;
height: 70px;
padding: 3px;
margin-bottom:
40px;
}
#comments .comment-avatar img {
width: 70px;
height:
70px;
}
#comments .comment-content {
display: block;
margin-left:
95px;
margin-bottom: 25px;
}
#comments .comment-content
.comment-header h3 {
margin-bottom: 8px;
}
#comments .comment-content
p {
margin-bottom: 11px;
}
#comments > li:first-child:before
{
display: none;
}
#comments > li:first-child {
padding-top:
0px;
}
#comments li {
padding-top: 15px;
position:
relative;
display: block;
border-top: 2px solid
#E7E7E7;
}
#comments > li:first-child {
border-top:
0px;
}
#comments li:before {
bottom: auto;
top:
-4px;
}
#comments ul li {
display: block;
padding-left:
95px;
}
.comment-form {
display: block;
width: 100%;
max-width:
470px;
margin-left: auto;
margin-right: auto;
}
.comment-form p
{
text-align: center;
display: block;
margin-bottom:
10px;
}
.comment-form p.form-info {
margin-bottom:
30px;
}
.comment-form p label {
display: block;
float:
left;
width: 24%;
font-size: 13px;
text-align: right;
position:
relative;
line-height: 31px;
}
.comment-form p textarea,
.comment-form p input {
display: block;
margin-left:
23%!important;
}
.comment-form p input[type=submit] {
display:
block;
margin-left: 29.08%!important;
}
.comment-form p textarea,
.comment-form p input[type=text] {
width: 65%!important;
display:
block!important;
margin-left: 29%!important;
}
.comment-form
p.comment-notes {
margin-bottom: 25px;
}
textarea,
input[type=password], input[type=text] {
background:
rgba(255,255,255,0.5);
border: 1px solid #d3cac3;
box-shadow: 0 1px 0
rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.02);
padding: 9px
12px;
border-radius: 2px;
-moz-border-radius: 2px;
font-size:
13px;
color: #5d4d43;
font-family: Arial;
}
.comment-form .required
{
display: inline-block;
padding-left: 5px;
font-weight:
bold;
color: #c84c09;
font-size: 17px;
line-height:
inherit;
}
.comment-form p textarea {
height: 70px;
margin-bottom:
15px;
}
.post-a {
display: inline-block;
margin-right:
14px;
font-size: 13px;
vertical-align: middle;
}
.post-a i.fa
{
margin-right: 7px;
line-height: inherit!important;
font-size:
inherit;
vertical-align: initial;
}
.post-list {
display:
block;
}
input[type=submit], input[type=button] {
display:
inline-block;
background: #f5f5f5;
border: 0px;
border-top: 1px solid
rgba(255,255,255,0.8);
-moz-border-radius: 2px;
border-radius:
2px;
box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px
rgba(0,0,0,0.04);
padding: 10px 19px;
cursor: pointer;
text-shadow:
0px 1px 0px #fff;
font-size: 12px;
line-height: 120%;
font-weight:
bold;
color: #7e7e7e;
-moz-transition: all 0.1s;
-webkit-transition:
all 0.1s;
-o-transition: all 0.1s;
}
input[type=submit]:hover,
input[type=button]:hover {
background:#eeeeee;
color:
#7E7E7E;
box-shadow:0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px
transparent;
}
input[type=submit]:active, input[type=button]:active
{
box-shadow:0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px
transparent;
background:#d5d5d5;
color: #7E7E7E;
border-top:1px solid
transparent;
box-shadow:0px 0px 0px 1px #afafaf, inset 0px 0px 6px 0px
#cacaca;
}
.respond-submit
{
padding-top:5px;
padding-bottom:5px;
display:block;
text-align:right;
}
.respond-submit
input {
margin-left:8px;
}
.respond-textarea {
display:
block;
position: relative;
margin-top: 1px;
}
.respond-textarea
> textarea {
height:40px;
width:100%;
border:1px solid
#cccccc;
padding:8px 12px;
font-size:12px;
box-shadow:inset 0px 3px
5px
rgba(0,0,0,0.05);
-moz-border-radius:2px;
border-radius:2px;
font-family:Arial;
background:#fff;
resize:vertical;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
textarea {
overflow: auto;
}
.textarea-arrow
{
position:absolute;
width:6px;
height:6px;
background:#fff;
z-index:5;
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
left:-3px;
top:16px;
border-left:1px solid
#cccccc;
border-bottom:1px solid #cccccc;
}
.likes-tooltip
{
display:block;
background:#232323;
color:#fff;
position:absolute;
padding:12px;
font-size:11px;
left:0px;
top:0px;
z-index:-1;
opacity:0;
filter:alpha(opacity=0);
margin-top:-110px;
border-radius:2px;
-moz-border-radius:2px;
cursor:default;
box-shadow:0px
1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px
rgba(0,0,0,0.2);
-moz-transition: opacity 0.2s, margin-top
0.2s;
-webkit-transition: opacity 0.2s, margin-top 0.2s;
-o-transition:
opacity 0.2s, margin-top 0.2s;
padding-bottom:
10px;
}
.likes-tooltip:before
{
display:block;
content:'';
width:6px;
height:6px;
background:inherit;
position:absolute;
bottom:-2px;
left:50%;
margin-left:-3px;
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
}
.likes-tooltip.active
{
display:block;
z-index:100;
margin-top:-100px;
opacity:1;
filter:alpha(opacity=100);
}
.likes-tooltip
.avatar {
-moz-transition: none;
-webkit-transition:
none;
-o-transition: none;
}
.likes-tooltip .avatar:last-child
{
margin-right: 0px;
}
.likes-tooltip .like-button {
display:
block;
padding-bottom: 10px;
font-size: 13px;
font-weight:
bold;
color: #fff;
}
.likes-tooltip .like-button a {
color:
#ccc;
}
.likes-tooltip .like-button a:hover {
color:
#fff;
}
.panel-with-spaces
{
display:block;
background:url(../images/sidebar-title.png) no-repeat
center top;
padding:14px 10px 0px 10px;
margin-top:
14px;
margin-left: -10px;
margin-right: -10px;
}
.with-online-users
{
display:block;
margin-bottom:-5px;
}
.with-online-users:after
{
display:block;
clear:both;
content:'';
}
.with-online-users li
{
display:block;
float:left;
}
.with-online-users .avatar
{
margin-bottom: 5px;
}
.voting-list
{
display:block;
width:100%;
list-style:none;
}
.voting-list li
{
display: block;
list-style: none;
margin-bottom:10px;
position:
relative;
}
.voting-list li:before {
display: block;
border-bottom:
1px dotted #ccc;
z-index: 1;
content: '';
position:absolute;
width:
100%;
height: 1px;
background: transparent;
left: 0px;
top:
5px;
}
.voting-list li:last-child
{
margin-bottom:0px;
}
.voting-list li .voting-text {
display:
block;
float: left;
padding-right: 10px;
background:
#e2e2e2;
max-width:200px;
position: relative;
z-index:
2;
}
.voting-list li .voting-legent {
display: block;
float:
left;
width: 14px;
height: 14px;
border-radius: 2px;
margin-right:
10px;
}
.voting-list li .voting-percents {
display: block;
float:
right;
padding-left: 10px;
background: #e2e2e2;
position:
relative;
z-index:
2;
}
/*------------------------------------------------------------------
[5.
Photo gallery]
+ .photo-gallery-items
+ .item
+ .item-header
+
img
+ .item-content
+ h3
+ .item-category
+ p
+
a.view-more
-------------------------------------------------------------------*/
.photo-galleries
{
display: block;
margin-bottom: 10px;
}
.photo-galleries:after
{
display: block;
clear: both;
content: '';
}
.photo-galleries
> .item {
display: block;
float: left;
width: 48%;
margin-right:
2%;
margin-bottom: 5%;
}
.photo-galleries > .item:nth-child(2n+1)
{
clear: both;
}
.photo-galleries > .item .item-header
{
display: block;
margin-bottom: 15px;
}
.photo-galleries >
.item .item-header a {
display: block;
float: left;
margin: 0 2px 2px
0;
background-color: #256193;
background-image:
url(../images/gallery-shine.png);
background-position: top
center;
background-repeat: no-repeat;
color:
#fff;
}
.photo-galleries > .item .item-header a img {
transition:
all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}
.photo-galleries > .item
.item-header a:hover img {
opacity: 0.7;
filter:
alpha(opacity=70);
}
.photo-galleries > .item .item-header
a.photo-link:before {
display: block;
position: absolute;
content:
'';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background:
#fff;
opacity: 0;
filter: alpha(opacity=0);
transition: all
0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}
.photo-galleries > .item
.item-header a.photo-link:hover:before {
opacity: 0.1;
filter:
alpha(opacity=10);
}
.photo-galleries > .item .item-header
.photo-link,
.photo-galleries > .item .item-header .photo-2
{
margin-right: 0px;
}
.photo-galleries > .item .item-header
.photo-1 img {
width: 240px;
height: 150px;
}
.photo-galleries >
.item .item-header .photo-2 img {
width: 211px;
height:
150px;
}
.photo-galleries > .item .item-header .photo-3 img
{
width: 240px;
height: 140px;
}
.photo-galleries > .item
.item-header .photo-link {
width: 211px;
height: 140px;
overflow:
hidden;
position: relative;
}
.photo-galleries > .item
.item-header .photo-link .photo-link-top {
display: block;
position:
relative;
text-align: center;
padding: 20px;
line-height:
97px;
vertical-align: middle;
font-size: 18px;
transition: all
0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}
.photo-galleries > .item
.item-header .photo-link .photo-link-top i.fa {
display:
inline-block;
line-height: inherit;
font-size: 40px;
vertical-align:
middle;
padding-right: 10px;
}
.photo-galleries > .item
.item-header .photo-link .photo-link-meta {
display: block;
position:
absolute;
width: 80%;
left: 10%;
bottom: -45px;
border-top: 1px
solid rgba(255,255,255,0.5);
padding-top: 45px;
text-transform:
uppercase;
opacity: 0;
filter: alpha(opacity=0);
transition: all
0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}
.photo-galleries > .item:hover
.item-header .photo-link .photo-link-meta {
opacity: 0.7;
filter:
alpha(opacity=70);
bottom: 15px;
padding-top:
15px;
}
.photo-galleries > .item:hover .item-header .photo-link
.photo-link-top {
line-height: 60px;
}
.photo-galleries > .item
.item-header .photo-link .photo-link-meta > span {
line-height:
11px;
font-size: 11px;
}
.photo-galleries > .item .item-header a
img {
display: block;
line-height: 0;
}
body .photo-galleries >
.item .photos-related-games a:hover,
body .photo-galleries > .item
.photos-related-games a {
text-decoration:
underline;
}
.photo-gallery-single {
margin-bottom:
30px;
}
.photo-gallery-single
.cancel-fullscreen-button,
.photo-gallery-single.isonfullscreen
.photo-fullscreen-button {
display:
none;
}
.photo-gallery-single.isonfullscreen .cancel-fullscreen-button
{
display: block;
position: absolute;
top: 20px;
right:
20px;
width: 30px;
height: 30px;
padding: 20px;
background:
url(../images/lightbox-close.png) center center no-repeat;
z-index:
10;
}
.photo-gallery-single.isonfullscreen {
background:
#000;
height: 100%;
margin-bottom: 0px;
height:
100%;
}
.photo-gallery-single.isonfullscreen .inner-wrapper
{
position: absolute;
width: 100%;
bottom: 210px;
left:
0px;
right: 0px;
top: 0px;
padding-top: 30px;
text-align:
center;
}
.photo-gallery-single .full-photo-frame {
display:
block;
margin: 0 auto;
text-align: center;
margin-bottom:
20px;
}
.photo-gallery-single .full-photo-frame img {
max-width:
100%;
}
.photo-gallery-single.isonfullscreen .full-photo-frame img
{
max-height: 95%;
}
.photo-gallery-single
.photo-single-thumbnails {
display: block;
overflow-y:
hidden;
overflow-x: auto;
position: relative;
white-space:
nowrap;
font-size: 0;
padding-left: 5px;
padding-right:
0px;
margin-left: 30px;
margin-right: 30px;
text-align:
center;
}
.photo-gallery-single .photo-single-thumbnails .thumbs-inner
{
display: block;
position: relative;
white-space: nowrap;
padding:
20px 0;
}
.photo-gallery-single .photo-single-thumbnails .thumbs-inner
.ph-thumb {
display: inline-block;
margin-right:
15px;
}
.photo-gallery-single .photo-single-thumbnails .thumbs-inner
.ph-thumb:hover img {
box-shadow: 0 0 0 5px
rgba(0,0,0,0.3);
}
.photo-gallery-single .photo-single-thumbnails
.thumbs-inner .ph-thumb img {
box-shadow: 0 0 0 5px
rgba(0,0,0,0.2);
}
.photo-gallery-single.isonfullscreen
.photo-single-thumbnails .thumbs-inner .ph-thumb:hover img {
box-shadow:
0 0 0 5px rgba(255,255,255,0.5);
}
.photo-gallery-single.isonfullscreen
.photo-single-thumbnails .thumbs-inner .ph-thumb img {
box-shadow: 0 0 0
5px rgba(255,255,255,0.2);
}
.photo-gallery-single.isonfullscreen
.photo-single-thumbnails .thumbs-inner .ph-thumb.active
img,
.photo-gallery-single .photo-single-thumbnails .thumbs-inner
.ph-thumb.active img {
box-shadow: 0 0 0 5px
#E4731A;
}
.photo-gallery-single.isonfullscreen
.photo-single-thumbnails {
padding: 10px 25px;
margin:
0px;
background: #181818;
position: absolute;
left: 0px;
bottom:
0px;
right: 0px;
}
.photo-gallery-single .inner-wrapper {
position:
relative;
}
.photo-gallery-single a.photo-single-arrow i.fa
{
line-height: inherit;
padding:
0px;
}
.photo-gallery-single:hover
a.photo-single-arrow,
.photo-gallery-single:hover .photo-fullscreen-button
{
opacity: 1;
filter: alpha(opacity=100);
}
.photo-gallery-single
.photo-fullscreen-button {
display: block;
position:
absolute;
z-index: 2;
right: 10px;
top: 10px;
background:
rgba(0,0,0,0.5);
color: #fff;
padding: 10px 14px;
border-radius:
3px;
-moz-border-radius: 3px;
line-height: 14px;
opacity:
0;
filter: alpha(opacity=0);
-moz-transition: all
0.2s;
-webkit-transition: all 0.2s;
-o-transition: all
0.2s;
transition-delay: 0.1s;
-moz-transition-delay:
0.1s;
-webkit-transition-delay: 0.1s;
-o-transition-delay:
0.1s;
}
.photo-gallery-single .photo-fullscreen-button i.fa
{
line-height: inherit;
padding-right: 6px;
}
.photo-gallery-single
a.photo-single-arrow {
display: block;
position: absolute;
left:
-50px;
background: rgba(0,0,0,0.5);
color: #aaa;
z-index: 2;
width:
60px;
height: 70px;
top: 50%;
margin-top: -35px;
line-height:
65px;
font-size: 50px;
text-align: center;
border-radius: 0 3px 3px
0;
-moz-border-radius: 0 3px 3px 0;
opacity: 0;
filter:
alpha(opacity=0);
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}
.photo-gallery-single:hover
a.photo-single-arrow.left {
left: 0px;
right:
auto;
}
.photo-gallery-single a.photo-single-arrow:hover
{
background: #000;
color: #fff;
}
.photo-gallery-single
{
overflow: hidden;
}
.photo-gallery-single:hover
a.photo-single-arrow.right {
left: auto;
right:
0px;
}
.photo-gallery-single a.photo-single-arrow.right {
left:
auto;
right: -50px;
border-radius: 3px 0 0 3px;
-moz-border-radius:
3px 0 0 3px;
}
.photo-gallery-single .photo-single-thumbnails img
{
width: 110px;
height:
92px;
}
.content-padding.full-page-comment-wrap {
padding-left:
100px;
padding-right: 100px;
}
:fullscreen
.photo-gallery-single,
:-ms-full-screen
.photo-gallery-single,
:-moz-full-screen
.photo-gallery-single,
:-webkit-full-screen .photo-gallery-single
{
width: 100%;
height:
100%;
}
/*------------------------------------------------------------------
[6.
Sidebar styling]
+ #main-box
+ #sidebar
+
.panel
-------------------------------------------------------------------*/
#main-box
#sidebar {
float: right;
width: 300px;
background:
#E2E2E2;
box-shadow: inset 1px 0 0 0
#D0D0D0;
}
#main-box.sidebar-left #sidebar {
box-shadow: inset -1px 0
0 0 #D0D0D0;
}
#sidebar .panel {
display: block;
border-top: 5px
solid #256193;
position: relative;
}
#sidebar .panel > h2
{
display: block;
padding: 10px 10px;
font-size:
17px;
margin-bottom: 0px;
}
#sidebar .panel .panel-content
{
display: block;
background: url(../images/sidebar-title.png)
no-repeat center top;
padding: 14px 10px 20px 10px;
}
#sidebar .panel
.panel-content.no-padding {
padding: 0px;
padding-top:
1px;
}
.sidebar-comments {
position: absolute;
display:
block;
margin-top: 9px;
right: 20px;
z-index: 8;
font-weight:
bold;
font-size: 13px;
padding-bottom: 5px;
background:
url(../images/comment-arrow.png) no-repeat 7px
bottom;
}
.sidebar-comments span {
display: block;
padding: 2px
7px;
color: #fff!important;
background: #6fb205;
-moz-border-radius:
2px;
border-radius: 2px;
}
.sidebar-comments.inactive
{
background: url(../images/comment-arrow-inactive.png) no-repeat 7px
bottom;
}
.sidebar-comments.inactive span {
background:
#afafaf;
}
.new-forum-line {
padding-bottom: 0px;
border-bottom:
1px dotted #ccc;
margin-bottom: 0px;
position:
relative;
}
.new-forum-line a.f_content {
display: block;
padding:
10px 11px 12px 11px;
margin-top: 0px;
}
.new-forum-line
a.f_content:hover {
background: #eaeaea;
}
.new-forum-line strong
{
font-size: 14px;
margin-bottom: 5px;
max-width: 180px;
display:
block;
white-space: nowrap;
overflow: hidden;
text-overflow:
ellipsis;
margin-bottom: 2px;
}
.new-forum-line span {
color:
#929292;
font-size: 13px;
}
.new-forum-line span b {
color:
#5f5f5f;
}
.new-forum-line .avatar {
margin-top: 10px;
margin-left:
11px;
float: left;
margin-right: 10px;
}
.avatar {
display:
inline-block;
position: relative;
border: 0px;
width: 39px;
height:
39px;
border-radius: 3px;
-moz-border-radius: 3px;
margin-right:
5px;
}
.avatar.avatar-big {
width: 50px;
height:
50px;
}
.avatar.avatar-large {
width: 90px;
height:
90px;
}
.avatar:hover {
box-shadow: 0px 0px 2px 1px
rgba(0,0,0,0.1);
}
.avatar:hover .wrapimg:after {
box-shadow: inset
0px 0px 0px 1px rgba(0,0,0,0.4);
}
.event-list .item,
.post-list .item
{
display: block;
padding-bottom: 20px;
margin-bottom:
20px;
position: relative;
}
.event-list .item:after,
.post-list
.item:after {
display: block;
clear: both;
content:
'';
}
.post-list .item .item-content {
display: block;
margin-left:
95px;
}
.event-list .item .item-content h3,
.post-list .item
.item-content h3 {
font-size: 19px;
margin-bottom:
8px;
}
.event-list .item .item-content p,
.post-list .item
.item-content p {
margin-bottom: 12px;
opacity: 0.6;
filter:
alpha(opacity=60);
}
.event-list .item .item-head,
.post-list .item
.item-head {
display: block;
float: left;
}
.post-list .item
.item-head img {
background: #fff;
border-radius:
2px;
-moz-border-radius: 2px;
border: 1px solid
rgba(0,0,0,0.2);
padding: 3px;
}
.event-list
.item:last-child,
.post-list .item:last-child {
padding-bottom:
10px;
margin-bottom: 0px;
}
.event-list
.item:last-child:before,
.post-list .item:last-child:before {
display:
none;
}
.item-list {
display: block;
}
.item-list:after
{
display: block;
clear: both;
content: '';
}
.item-list > div
{
display: block;
float: left;
width: 100%;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
.item-list.items-2 > div {
width:
50%;
}
.item-list.items-3 > div {
width:
33.33%;
}
.item-list.items-4 > div {
width: 25%;
}
.item-list
> div.item {
padding: 20px 20px;
text-align:
center;
}
.item-list > div.item i.fa {
font-size:
60px!important;
margin-bottom: 15px;
color: #3a2a1d;
}
.item-list
> div.item h3 {
font-size: 23px;
margin-bottom:
10px;
}
.item-list > div.item p {
margin-bottom: 0px;
opacity:
0.6;
filter: alpha(opacity=60);
}
.item-list-row {
display:
table;
}
.item-list-row > .item {
display:
table-cell;
}
.map-inner {
display: block;
margin-bottom:
20px;
}
.event-icon {
display: inline-block;
background:
rgba(255,255,255,0.8);
padding: 15px 12px 8px 12px;
border-radius:
3px;
-moz-border-radius: 3px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0
2px 0 1px rgba(0,0,0,0.08);
text-transform: uppercase;
text-align:
center;
width: 35px;
position: relative;
}
.event-icon:before
{
display: block;
content: '';
top: -1px;
left: -1px;
right:
-1px;
height: 8px;
background: #c5dd72;
position:
absolute;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0
0;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0
rgba(255,255,255,0.3);
}
.event-icon strong {
display:
block;
font-size: 20px;
line-height: 20px;
}
.event-icon span
{
display: block;
font-size: 10px;
line-height:
13px;
}
.event-header .item-top, .event-list .item .item-top
{
display: block;
margin-left: 78px;
margin-bottom:
15px;
}
.event-header:after {
display: block;
clear:
both;
content: '';
margin-bottom: 28px;
}
.event-header .item-head
{
display: block;
float: left;
}
.event-list .item-bottom
{
padding-top: 10px;
padding-bottom: 35px;
clear:
both;
border-bottom: 2px solid #E7E7E7;
}
.event-list
.item:last-child .item-bottom {
border-bottom: 0px;
}
.event-list
.item-bottom p {
margin-bottom: 15px;
}
.forum-post
.avatar.online:before,
.avatar.online:hover:before, #_strike-user
.avatar.online:before, .profile-left-side .avatar.online:before
{
content: 'online';
display: block;
position: absolute;
z-index:
12;
font-size: 8px;
line-height: 12px;
background: #7ec700;
color:
#fff;
bottom:
-15px;
right:0px;
width:100%;
text-align:center;
height:auto;
margin:0px;
padding:0px;
text-transform:uppercase;
-moz-transition:
bottom 0.1s;
-webkit-transition: bottom 0.1s;
-o-transition: bottom
0.1s;
}
.forum-post .avatar.away:before,
.avatar.away:hover:before,
#_strike-user .avatar.away:before, .profile-left-side .avatar.away:before
{
content:'away';
display:block;
position:absolute;
z-index:12;
font-size:
8px;
line-height:
12px;
background:#ffae00;
color:#fff;
bottom:-15px;
right:0px;
width:100%;
text-align:center;
height:auto;
margin:0px;
padding:0px;
text-transform:uppercase;
-moz-transition:
bottom 0.1s;
-webkit-transition: bottom 0.1s;
-o-transition: bottom
0.1s;
}
.forum-post
.avatar.ingame:before,
.avatar.ingame:hover:before, #_strike-user
.avatar.ingame:before, .profile-left-side .avatar.ingame:before
{
content:'playing';
display:block;
position:absolute;
z-index:12;
font-size:
8px;
line-height:
12px;
background:#009ae9;
color:#fff;
bottom:-15px;
right:0px;
width:100%;
text-align:center;
height:auto;
margin:0px;
padding:0px;
text-transform:uppercase;
-moz-transition:
bottom 0.1s;
-webkit-transition: bottom 0.1s;
-o-transition: bottom
0.1s;
}
.forum-post
.avatar.offline:before,
.avatar.offline:hover:before, #_strike-user
.avatar.offline:before, .profile-left-side .avatar.offline:before
{
content:'offline';
display:block;
position:absolute;
z-index:12;
font-size:
8px;
line-height:
12px;
background:#858585;
color:#fff;
bottom:-15px;
right:0px;
width:100%;
text-align:center;
height:auto;
margin:0px;
padding:0px;
text-transform:uppercase;
border-radius:3px;
-moz-border-radius:3px;
box-shadow:
0px 0px 0px 1px #eeeeee;
-moz-transition: bottom
0.1s;
-webkit-transition: bottom 0.1s;
-o-transition: bottom
0.1s;
}
.avatar.offline:before {
content: '';
display:
block;
position: absolute;
bottom: 0px;
-moz-transition: all
0.1s;
-webkit-transition: all 0.1s;
-o-transition: all
0.1s;
font-size: 0;
}
.profile-left-side .avatar.online:before,
.profile-left-side .avatar.away:before, .profile-left-side
.avatar.ingame:before, .profile-left-side .avatar.offline:before
{
font-size: 13px;
bottom: -25px;
box-shadow: none;
font-weight:
bold;
padding: 3px 0px;
}
.avatar.online:before {
content:
'';
display: block;
position: absolute;
width: 6px;
height:
6px;
border-radius: 3px;
-moz-border-radius: 3px;
background:
#7ec700;
z-index: 11;
bottom: -2px;
right: -2px;
box-shadow: 0px
0px 0px 1px #eeeeee;
-moz-transition: none;
-webkit-transition:
none;
-o-transition: none;
font-size: 0;
}
.avatar.away:before
{
content:'';
display:block;
position:absolute;
width:6px;
height:6px;
border-radius:3px;
-moz-border-radius:3px;
background:#ffae00;
z-index:11;
bottom:-2px;
right:-2px;
box-shadow:
0px 0px 0px 1px #eeeeee;
-moz-transition: none;
-webkit-transition:
none;
-o-transition: none;
font-size: 0;
}
.avatar.ingame:before
{
content:'';
display:block;
position:absolute;
width:6px;
height:6px;
border-radius:3px;
-moz-border-radius:3px;
background:#009ae9;
z-index:11;
bottom:-2px;
right:-2px;
box-shadow:
0px 0px 0px 1px #eeeeee;
-moz-transition: none;
-webkit-transition:
none;
-o-transition: none;
font-size: 0;
}
.panel .piestuff
{
text-align:center;
margin:25px 0px 30px 0px;
}
.photo-block
{
display:block;
width:644px;
margin-bottom:0px;
}
.photo-block:hover
> div {
opacity:0.2;
filter:alpha(opacity=20);
}
.photo-block
> div:hover
{
opacity:1;
filter:alpha(opacity=100);
}
.photo-block .big-block
{
display:block;
width:322px;
height:250px;
float:left;
}
.photo-block
.small-block
{
display:block;
width:161px;
height:125px;
float:left;
}
.article-promo
{
display:block;
}
.article-promo .article-photo
{
display:block;
float:left;
width:301px;
margin-bottom:20px;
}
.article-promo
.article-content
{
display:block;
float:left;
width:319px;
margin-left:24px;
}
.article-promo
.article-content h3 {
margin-top:-16px;
}
.article-icons {
display:
block;
padding: 0px 0px 15px 0px;
cursor: default;
border-bottom: 1px
solid #E4E4E4;
margin-bottom: 14px;
}
.article-full .article-icons
{
border-bottom: 0px;
margin-bottom:
-20px!important;
}
.article-icons a {
color: #898989;
font-size:
13px;
font-weight: bold;
display: inline-block;
margin-right:
14px;
text-decoration: none;
}
.article-icons a .fa {
font-size:
inherit;
display: inline-block;
padding-top: 2px;
padding-right:
10px;
line-height: inherit!important;
}
.article-icons a:hover
{
color: #256193;
}
.do-the-split {
display: block;
width:
100%;
height: 4px;
background: url(../images/content-title-bg.png)
repeat-x center center;
margin-top: 30px;
margin-bottom:
30px;
}
#_strike-tooltip
{
display:block;
background:#232323;
color:#fff;
position:absolute;
padding:4px
9px;
font-size:11px;
left:0px;
top:0px;
z-index:-1;
opacity:0;
filter:alpha(opacity=0);
margin-top:-20px;
border-radius:2px;
-moz-border-radius:2px;
cursor:default;
box-shadow:0px
1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px
rgba(0,0,0,0.2);
/*-moz-transition: opacity 0.2s, margin-top
0.2s;
-webkit-transition: opacity 0.2s, margin-top 0.2s;
-o-transition:
opacity 0.2s, margin-top 0.2s;*/
}
#_strike-tooltip:before
{
display:block;
content:'';
width:6px;
height:6px;
background:inherit;
position:absolute;
bottom:-2px;
left:50%;
margin-left:-3px;
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
}
#_strike-tooltip.active
{
display:block;
z-index:100;
margin-top:-28px;
opacity:1;
filter:alpha(opacity=100);
}
.admin-ribbon
{
display: inline-block;
background: #232323;
color:
#fff;
font-size: 8px;
line-height: 100%;
padding: 3px 6px;
margin:
1px 0px 0px 7px;
text-transform: uppercase;
cursor:
default;
vertical-align: middle;
border-radius:
2px;
-moz-border-radius: 2px;
margin-bottom: 6px;
}
.user-ribbon
{
display:inline-block;
background:#ccc;
color:#fff;
font-size:8px;
line-height:100%;
padding:
3px 6px;
margin: 1px 0px 0px
7px;
text-transform:uppercase;
cursor:default;
vertical-align:middle;
border-radius:2px;
-moz-border-radius:2px;
margin-bottom:6px;
}
/*------------------------------------------------------------------
[7.
Footer]
+ .footer
+ .footer-widgets
+ .widget
+ h2
+
div
+ .footer-bottom
+
.footer-bottom-inner
-------------------------------------------------------------------*/
.footer
{
background: url(../images/header-top-bg.png);
color:
#868686;
box-shadow: inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px
0px 0px rgba(255,255,255,0.1);
}
.footer a {
color:
#868686;
}
.footer a:hover {
color: #fff;
}
.footer .footer-top
{
background: rgba(255,255,255,0.08);
border-bottom: 1px solid
rgba(255,255,255,0.08);
height: 6px;
width: 100%;
display:
block;
}
.footer .footer-bottom {
background:
rgba(0,0,0,0.22);
border-top: 1px solid
rgba(255,255,255,0.11);
display: block;
padding: 17px 25px;
cursor:
default;
}
.footer .footer-bottom li {
display:
inline-block;
margin-left: 13px;
}
.footer .footer-content {
color:
#E2E2E2;
display: table;
width: 100%;
}
.footer .footer-content a
{
color: #E2E2E2;
}
.footer .footer-content .panel .top-right
{
top: 26px;
right: 21px;
}
.footer .footer-content .panel
.top-right a {
color: #888;
}
.footer .footer-content > div
{
display: table-cell;
width: 33%;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
padding: 25px;
position: relative;
}
.footer
.footer-content > div:after {
display: block;
width:
3px;
position: absolute;
content: '';
right: 0px;
top:
25px;
bottom: 25px;
background: url(../images/footer-split.png)
repeat-y;
opacity: 0.7;
}
.footer .footer-content > div > h2
{
border-bottom: 2px solid rgba(204, 204, 204, 0.2);
padding-bottom:
7px;
margin-bottom: 20px;
color: #888;
}
.footer .footer-content
.d-articles .item {
border-bottom: 1px solid
rgba(255,255,255,0.08);
}
.footer .footer-content .d-articles
.item:last-child {
border-bottom: 0px;
}
.panel-duel
{
display: block;
position: relative;
}
.panel-duel .duel-versus
{
display: block;
position: absolute;
z-index: 10;
width:
74px;
height: 74px;
background: url(../images/strike-vs.png) no-repeat
center;
top: 50%;
left: 50%;
margin-left: -38px;
margin-top:
-38px;
}
.panel-duel-block:first-child {
margin-left:
0px;
}
.panel-duel-block {
float: left;
width: 135px;
height:
200px;
margin-left: 10px;
position: relative;
box-shadow: inset 0px
0px 0px 1px rgba(0,0,0,0.1);
}
.panel-duel-block .caption
{
margin-right: 8px;
position: absolute;
color: #fff;
background:
rgba(0,0,0,0.8);
padding: 5px 10px;
bottom: 8px;
left:
8px;
line-height: 150%;
}
.panel-duel-voting {
display:
block;
margin-top: 10px;
}
.panel-duel-voting
.panel-duel-vote:first-child {
margin-left: 0px;
}
.panel-duel-voting
.panel-duel-vote {
float: left;
width: 135px;
height:
auto;
margin-left: 10px;
position: relative;
}
.panel-duel-voting
.panel-duel-vote a {
color: #fff;
font-size: 12px;
display:
block;
margin-right: 0px;
border-radius: 2px;
-moz-border-radius:
2px;
padding: 6px 8px;
background: #256193;
text-align:
center;
}
.panel-duel-voting .panel-duel-vote a:hover {
background:
#232323;
}
.voting-line {
display: block;
margin-bottom:
10px;
}
.voting-line div span {
padding: 5px 8px;
display:
block;
color: #fff;
font-size: 11px;
}
.voting-line .voting-left
{
display: block;
background: #c5841d;
float: left;
border-radius:
2px 0px 0px 2px;
-moz-border-radius: 2px 0px 0px 2px;
text-align:
left;
overflow: hidden;
}
.voting-line .voting-right {
display:
block;
background: #aa4747;
float: left;
border-radius: 0px 2px 2px
0px;
-moz-border-radius: 0px 2px 2px 0px;
text-align:
right;
overflow: hidden;
}
.panel-games-lobby.full-page {
display:
block;
width: 644px;
overflow:
hidden;
}
.panel-games-lobby.full-page ol {
display: block;
width:
654px;
}
.panel-games-lobby.full-page ol li:last-child
{
margin-bottom: 20px;
}
.panel-games-lobby.full-page ol li
{
width: 315px;
float: left;
display: block;
margin: 0px 12px 20px
0px;
}
.panel-games-lobby.full-page ol li .lobby-block {
width:
315px;
height: 160px;
}
.panel-games-lobby.full-page ol li
.lobby-block .join-button a {
top: 42%;
}
.panel-games-lobby
{
display: block;
}
.panel-games-lobby ol {
display:
block;
}
.panel-games-lobby ol li {
display: block;
margin-bottom:
10px;
}
.panel-games-lobby ol li:last-child {
margin-bottom:
0px;
}
.panel-games-lobby ol li .lobby-block {
display:
block;
width: 280px;
height: 100px;
box-shadow: inset 0px 0px 0px 1px
rgba(0,0,0,0.18);
position: relative;
border-radius: 2px 2px 0px
0px;
-moz-border-radius: 2px 2px 0px 0px;
}
.panel-games-lobby ol li
.lobby-block .caption {
margin-right: 8px;
position: absolute;
color:
#fff;
background: rgba(0,0,0,0.8);
padding: 5px 10px;
top:
8px;
left: 8px;
line-height: 150%;
z-index:
6;
}
.panel-games-lobby ol li:hover .lobby-block .caption {
display:
none;
}
.panel-games-lobby ol li .lobby-info .right {
line-height:
11px!important;
vertical-align: bottom;
}
.panel-games-lobby ol li
.lobby-info {
display: block;
position: relative;
background:
#f0f0f0;
padding: 8px 9px;
border: 1px solid #ccc;
margin-top:
-1px;
border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px
2px;
color: #7b7b7b;
cursor: default;
}
.panel-games-lobby ol
li.lobby-admin:hover .lobby-info .admin-option.fa {
display:
block!important;
}
.panel-games-lobby ol li.lobby-admin:hover
.lobby-info b a {
max-width: 33px;
overflow: hidden;
text-overflow:
ellipsis;
white-space: nowrap;
display:
inline-block;
}
.panel-games-lobby ol li .lobby-info .admin-option.fa
{
display: none;
cursor: pointer;
padding: 3px
5px!important;
font-size: 10px;
border-radius:
2px;
-moz-border-radius: 2px;
margin-top: -2px;
margin-bottom:
-2px;
margin-right: 5px;
line-height: 11px;
}
.panel-games-lobby ol
li .lobby-info {
line-height: 14px;
}
.panel-games-lobby ol li
.lobby-info .admin-option:hover {
background: #d2382c;
color:
#fff;
}
.panel-games-lobby ol li .lobby-info .fa {
line-height:
14px;
margin-right: 7px;
}
.panel-games-lobby ol li .lobby-info b
{
color: #232323;
}
.panel-games-lobby ol li .lobby-info:before
{
display: block;
content: '';
width: 6px;
height:
6px;
border-left: inherit;
border-top: inherit;
background:
inherit;
position: absolute;
top: -4px;
left: 10%;
margin-left:
-3px;
transform: rotate(45deg);
-ms-transform:
rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform:
rotate(45deg);
-moz-transform: rotate(45deg);
}
.panel-games-lobby ol
li .lobby-block .join-button {
display: none;
position:
absolute;
top: 0px;
left: 0px;
width: 100%;
height:
100%;
background: rgba(0,0,0,0.8);
border-radius: 2px 2px 0px
0px;
-moz-border-radius: 2px 2px 0px 0px;
text-align:
center;
}
.panel-games-lobby ol li:hover .lobby-block .join-button
{
display: block;
}
.panel-games-lobby ol li .lobby-block
.join-button a {
background: #78b725;
color: #fff;
font-size:
12px;
display: inline-block;
margin-right: 0px;
border-radius:
2px;
-moz-border-radius: 2px;
padding: 6px 8px;
text-align:
center;
position: relative;
top: 35%;
}
.panel-games-lobby ol li
.lobby-block .join-button a:hover {
color: #232323;
background:
#f0f0f0;
}
.panel-games-lobby ol li .lobby-block .join-button span
{
display: none;
color: #232323;
background: #f0f0f0;
font-size:
12px;
margin-right: 0px;
border-radius: 2px;
-moz-border-radius:
2px;
padding: 6px 8px;
text-align: center;
position: relative;
top:
35%;
cursor: default;
}
.panel-games-lobby ol li .lobby-block
.join-button span .fa {
display: inline-block;
padding: 2px 8px 0px
0px;
font-size: 11px;
}
.panel-games-lobby ol li .lobby-block.full
.join-button a {
display: none;
}
.panel-games-lobby ol li
.lobby-block.full .join-button span {
display: inline-block;
}
.panel
.top-right {
display: block;
position: absolute;
top: 13px;
right:
10px;
font-size: 12px;
}
.other-info {
border-top: 1px dotted
#ccc;
display: block;
margin-top: 15px;
padding-top:
10px;
text-align: right;
color: #7b7b7b;
}
.profile-tabs
{
display: block;
margin-bottom: 20px;
position:
relative;
}
.profile-tabs ul {
padding-left: 10px;
position:
relative;
display: block;
}
.profile-tabs ul:after {
display:
block;
content: '';
clear: both;
}
.profile-tabs ul:before
{
display: block;
content: '';
background: #ccc;
height:
1px;
width: 100%;
bottom: 0px;
left: 0px;
z-index: 1;
position:
absolute;
}
.profile-tabs li {
display: block;
float:
left;
position: relative;
z-index: 1;
}
.profile-tabs li.active
{
z-index: 2;
}
.profile-tabs li.active a {
background:
#f4f4f4;
padding-bottom: 9px;
box-shadow: 3px -2px 4px -2px rgba(0, 0,
0, 0.04), -3px -2px 4px -2px rgba(0, 0, 0, 0.04), inset 0 23px 20px -20px
rgba(255, 255, 255, 0.6);
}
.profile-tabs li:hover a {
background:
#f4f4f4;
}
.profile-tabs li a {
display: block;
padding: 9px 12px
8px 12px;
font-size: 14px;
border: 1px solid #ccc;
border-bottom:
0px;
border-radius: 3px 3px 0 0;
background: #EBEBEB;
margin-left:
1px;
color: #232323;
box-shadow: inset 0 -32px 20px -20px rgba(0, 0, 0,
0.03);
}
.profile-right-side .the-form {
margin-top:
40px;
}
.profile-right-side .the-form p {
margin-left:
-50px;
}
.profile-right-side .the-form form input[type=checkbox]
{
margin-top: 11px;
}
.signup-panel {
display:
block;
}
.signup-panel .left {
display: block;
float:
left;
padding-right: 20px;
margin-right: 20px;
border-right: 1px
dotted #ccc;
width: 400px;
}
.signup-panel .right {
display:
block;
float: left;
width: 559px;
padding-left: 20px;
margin-left:
-21px;
border-left: 1px dotted #ccc;
}
.p-padding {
padding-bottom:
16px;
color: #9c9c9c!important;
}
#main .the-form textarea
{
resize: vertical;
height: 86px;
}
#main .the-form
textarea,
#main input[type=text],
#main select,
#main
input[type=password] {
background: #fff;
border: 1px solid
#cacaca;
border-radius: 2px;
-moz-border-radius: 2px;
padding: 7px
12px;
font-size: 12px;
width:180px;
color: #8c8c8c;
box-shadow: 0px
1px 0px #fff, inset 0px 3px 0px rgba(0,0,0,0.02);
display:
inline-block;
}
#main .the-form textarea:focus,
#main
input[type=text]:focus,
#main select:focus,
#main
input[type=password]:focus {
border: 1px solid #b6b6b6;
}
#main
select {
width: 206px;
padding: 7px 7px;
}
.the-form {
display:
block;
width: 346px;
margin: 10px auto;
}
.the-form .required
{
display: inline-block;
color: #b41e1e;
font-weight:
bold;
padding: 0px 0px 0px 7px;
}
.the-form form > p {
display:
block;
padding-bottom: 8px;
}
.the-form form > p >
label:not(.iiiii) {
display: block;
float: left;
width:
120px;
line-height: 31px!important;
margin-right: 18px;
text-align:
right;
color: #8c8c8c;
white-space: nowrap;
}
.the-form form
input[type=checkbox] {
display: inline-block;
margin-left:
1px;
margin-top: 5px;
}
.the-form form > p > .iiiii
{
display: inline-block;
padding: 2px 0px 0px 8px;
color:
#8c8c8c;
}
.the-form .form-footer {
display: block;
padding: 10px
0px 0px 140px;
}
.the-form .error-msg {
display: block;
margin: 0px
0px 0px 138px;
background: #ca2424;
color: #fff;
font-size:
11px;
padding: 2px 10px;
width: 186px;
border-radius: 0px 0px 2px
2px;
-moz-border-radius: 0px 0px 2px 2px;
}
.info-msg {
display:
block;
margin: 30px 0px 0px 0px;
background: #f5e6b5;
color:
#665723;
font-size: 12px;
padding: 9px 15px;
border-radius: 2px
2px;
-moz-border-radius: 2px 2px;
line-height: 140%;
}
.info-msg a
{
text-decoration: underline;
}
.info-msg.simple {
background:
transparent;
color: #939393;
text-align: center;
}
.the-error-msg
{
display: block;
margin: 30px 0px 15px 0px;
background:
#c1462e;
color: #fff;
font-size: 12px;
padding: 9px
15px;
border-radius: 2px 2px;
-moz-border-radius: 2px
2px;
line-height: 140%;
}
.the-error-msg a {
color:
#fff;
text-decoration: underline;
}
.the-error-msg .fa {
display:
inline-block;
padding: 2px 9px 0px 0px;
}
.success-msg {
display:
block;
margin: 30px 0px 0px 0px;
background: #C8F4B5;
color:
#326523;
font-size: 12px;
padding: 9px 15px;
border-radius: 2px
2px;
-moz-border-radius: 2px 2px;
line-height: 140%;
}
.success-msg
a {
text-decoration: underline;
}
input.error-input
{
border-radius: 2px 2px 0px 0px!important;
-moz-border-radius: 2px 2px
0px 0px!important;
box-shadow: inset 0px 3px 0px
rgba(0,0,0,0.02)!important;
border: 1px solid
#ca2424!important;
}
.login-passes {
display: block;
padding: 0px
0px 10px 0px;
text-align: center;
cursor: default;
text-align:
left;
background: #e9e9e9;
color: #7d7d7d;
font-size:
12px;
padding: 9px 15px;
border-radius: 2px 2px;
-moz-border-radius:
2px 2px;
font-weight: bold;
border: 1px dotted
#c3c3c3;
margin-bottom: 20px;
}
.login-passes > b {
display:
inline-block;
padding-top: 2px;
padding-right:
12px;
}
.login-passes > a {
display: inline-block;
margin-right:
5px;
}
.form-split-about {
display: block;
}
.form-split-about
> ul {
display: block;
}
.form-split-about > ul > li
{
display: block;
margin-top: 15px;
padding-left: 70px;
position:
relative;
}
.form-split-about > ul > li > b {
display:
block;
font-size: 18px;
margin-bottom: 7px;
color:
#5f5f5f;
}
.form-split-about > ul > li > .fa {
display:
block;
font-size: 40px;
margin-bottom: 7px;
color:
#cacaca;
position: absolute;
left: 0px;
top: 0px;
cursor:
default;
width: 41px;
text-align: center;
}
.form-split-about >
ul > li > font {
display: block;
font-size:
40px;
margin-bottom: 7px;
color: #cacaca;
position: absolute;
left:
0px;
top: -4px;
cursor: default;
width: 41px;
text-align:
center;
}
.right > .content-padding {
padding-left:
10px;
}
.left > .content-padding {
padding-right:
10px;
}
.pagination {
display: block;
text-align:
center;
font-size: 0;
}
.pagination .page-num {
display:
inline-block;
font-size: 13px;
line-height: 25px;
height:
25px;
width: 25px;
border: 1px solid transparent;
/*background:
#e9e9e9;*/
color: #929292;
font-weight: bold;
margin: 0
3px;
border-radius: 50%;
}
.pagination .page-num.page-hidden
{
color: #ccc;
cursor: default;
}
.pagination a.page-num:hover
{
border: 1px solid #232323;
color: #232323;
}
.pagination
.page-num.current {
background: #232323;
color: #fff;
border: 1px
solid transparent;
cursor: default;
}
.user-profile
{
display: block;
position: relative;
}
.user-profile
.profile-right-side {
width: 736px;
float: left;
margin-left:
-20px;
}
.user-profile .profile-left-side {
width: 244px;
margin:
-110px 20px 0px 20px;
position: relative;
z-index: 2;
float:
left;
}
.user-profile .profile-left-side .the-profile-top
{
background: #fff;
box-shadow: 0px 0px 2px 1px
rgba(0,0,0,0.06);
padding: 12px;
border-radius:
3px;
-moz-border-radius: 3px;
}
.user-profile .profile-left-side
.profile-user-name {
position: absolute;
top: -8px;
left:
270px;
color: #fff;
text-shadow: 0px 0px 3px #000;
white-space:
nowrap;
}
.user-profile .profile-left-side .profile-user-name
.admin-ribbon {
font-size: 14px;
margin-top: 1px;
margin-left:
12px;
box-shadow: 0px 0px 1px 1px
rgba(255,255,255,0.2);
}
.user-profile .profile-left-side
.profile-user-name h1 {
font-size: 30px;
}
.user-profile
.profile-left-side .profile-user-name .sttaa {
display:
block;
padding-top: 4px;
width: 400px;
overflow:
hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-shadow:
0px 0px 3px #000;
}
.user-profile .profile-left-side .profile-user-name
.sttaa span {
display: inline-block;
padding-right: 7px;
opacity:
0.5;
}
.user-profile .profile-left-side .profile-user-name .sttaa a
{
color: #fff;
text-decoration: underline;
}
.user-profile
.profile-left-side .profile-user-name .sttaa a:hover {
text-decoration:
none;
}
.user-profile .profile-left-side .avatar {
width:
220px;
height: 220px;
margin-top: 0px;
margin-bottom:
35px;
position: relative;
}
.user-profile .profile-left-side
.avatar:hover .avatar-button {
display: block;
}
.user-profile
.profile-left-side .avatar .avatar-button {
display: none;
position:
absolute;
bottom: 10px;
left: 10px;
z-index: 20;
}
.user-profile
.profile-left-side .avatar .avatar-button a {
display:
block;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 6px
12px;
border-radius: 2px;
-moz-border-radius: 2px;
}
.user-profile
.profile-left-side .avatar .avatar-button a .fa {
display:
inline-block;
padding: 1px 7px 0px 0px;
}
.user-profile
.profile-left-side .avatar .avatar-button a:hover {
background:
#000;
}
.user-profile .profile-shadow {
display: block;
position:
absolute;
z-index: -1;
width: 328px;
height: 180px;
background:
url(../images/profile-card-bg.png) no-repeat center;
top: -25px;
left:
0px;
}
.defbutton.profile-button {
display: block;
text-align:
center;
padding-top: 8px;
padding-bottom: 8px;
margin-top:
0px;
margin-bottom: 0px;
}
.defbutton.profile-button.disabled
{
background: none;
}
.defbutton.profile-button.disabled:hover
{
background: #af2727;
}
.user-button-list li {
display:
block;
margin-bottom: 5px;
}
.user-button-list li:last-child
{
margin-bottom: 0px;
}
.profile-left-side .info-msg {
margin-top:
0px;
margin-bottom: 0px;
}
.profile-left-side .about-text
{
display: block;
margin-bottom: 10px;
}
.profile-left-side
.about-text > span {
display: block;
float: left;
color:
#ababab;
padding-right: 10px;
font-weight: normal;
width:
40px;
margin-top: -2px;
}
.profile-left-side .about-text >
span.the-info {
color: #232323;
width: 160px;
}
.profile-left-side
.about-text > span.the-info a {
text-decoration:
underline;
}
.profile-left-side .about-text > span.the-info
.admin-ribbon {
margin-left: 0px;
margin-bottom:
0px;
}
.profile-navi {
display: block;
margin-top:
1px;
}
.profile-navi li {
display: block;
border-bottom: 1px dotted
#ccc;
}
.profile-navi li a {
display: block;
padding: 10px
12px;
color: #898989;
font-size: 13px;
}
.profile-navi li.active a
{
background: #f9f9f9 url(../images/icon-arrow-right.png) no-repeat right
center;
}
.profile-navi li.active a:hover {
background: #f9f9f9
url(../images/icon-arrow-right.png) no-repeat right
center;
}
.profile-navi li a:hover {
background:
#f9f9f9;
}
.profile-navi li a .fa {
display:
inline-block;
font-size: 13px;
padding-top: 1px;
padding-right:
10px;
width: 23px;
text-align: center;
}
.profile-navi li a .notif
{
display: inline-block;
font-size: 11px;
padding: 2px
5px;
margin-left: 10px;
background: #E0E0E0;
margin-top:
-1px;
margin-bottom: -2px;
border-radius: 2px;
-moz-border-radius:
2px;
}
.profile-panel {
display: block;
margin-top:
10px;
}
.profile-panel.instagram {
display: block;
overflow:
hidden;
}
.profile-panel.instagram .pieces {
display: block;
width:
255px;
}
.profile-panel.instagram img {
display: block;
float:
left;
width: 77px;
margin-right: 8px;
margin-bottom:
8px;
}
.profile-navi .left-avatar {
display: block;
float:
left;
padding: 0px 10px 0px 0px;
}
.profile-navi .left-avatar img
{
width: 32px;
height: 32px;
}
.profile-left-side .the-profile-navi
{
display: block;
width: 244px;
background: #f4f4f4;
box-shadow:
6px 2px 11px #f4f4f4;
}
.profile-left-side .the-profile-navi.floating
{
display: block;
position: fixed;
top: 0px;
}
.profile-left-side
.the-profile-navi.bottom {
position:
absolute!important;
}
.profile-left-side .user-panel-about {
display:
block;
padding-top: 10px;
}
.profile-left-side .user-panel-about >
div {
display: block;
padding-bottom: 16px;
color:
#939393;
}
#main .profile-left-side .user-panel-about b {
display:
block;
font-size: 14px;
line-height: 130%!important;
color:
inherit;
padding-bottom: 8px;
}
#main .profile-left-side
.user-panel-about b .fa {
display: inline-block;
padding: 2px 8px 0px
0px;
font-size: 13px;
}
#main .profile-left-side .user-panel-about p
{
display: block;
line-height: 130%!important;
color:
inherit;
text-align: justify;
}
.user-achievements p {
cursor:
default;
display: block;
padding-top: 5px;
}
.user-achievements p
.ach {
font-size: 18px;
display: inline-block;
margin: 0px 8px 5px
0px;
}
.info-blocks {
display: block;
margin-bottom:
10px;
}
.info-blocks li {
display: block;
float:
left;
margin-right: 10px;
margin-bottom: 10px;
}
.info-blocks
li:last-child {
margin-right: 0px;
}
.info-blocks li .info-block
{
display: block;
background: #dedede;
color: #b1b1b1;
font-size:
11px;
border-radius: 2px;
box-shadow: inset 0px 1px 2px #c8c8c8, 0px
1px 1px #fafafa;
width: 162px;
text-align: center;
text-transform:
uppercase;
font-weight: bold;
line-height: 22px;
cursor:
default;
}
.info-blocks li a.info-block {
cursor:
pointer;
}
.info-blocks li a.info-block:hover {
background:
#d6d6d6;
}
.info-blocks li .info-block b {
display:
block;
font-size: 25px;
color: #848484;
padding: 13px 0px 0px
0px;
}
.info-blocks li .info-block span {
display: block;
padding:
0px 0px 6px 0px;
font-size: 10px;
}
.photo-blocks {
display:
block;
margin-bottom: 10px;
}
.photo-blocks li {
display:
block;
float: left;
margin-right: 10px;
width:
128px;
}
.photo-blocks li:nth-child(5n+0) {
margin-right:
0px;
}
.photo-blocks li {
margin-top: 10px;
}
.photo-blocks
li:nth-child(1),
.photo-blocks li:nth-child(2),
.photo-blocks
li:nth-child(3),
.photo-blocks li:nth-child(4),
.photo-blocks
li:nth-child(5) {
margin-top: 0px;
}
.photo-blocks li > a > img
{
display: block;
width: 128px;
height:
128px;
}
.music-blocks {
display: block;
margin-bottom:
10px;
}
.music-blocks ul > li {
display: block;
float:
left;
margin-right: 0px;
}
.music-blocks ul > li:first-child
{
margin-right: 6px;
}
.music-blocks li a {
display:
block;
background: #e9e9e9;
color: #686868;
width:
327px;
padding-right: 10px;
border-radius: 2px;
-moz-border-radius:
2px;
}
.music-blocks li a:hover {
background: #232323;
color:
#fff;
}
.music-blocks li.active a {
background: #232323;
color:
#fff;
}
.music-blocks li a .music-img {
display: block;
float:
left;
overflow: hidden;
height: 52px;
vertical-align:
middle;
padding-right: 0px;
border-radius: 2px 0px 0px
2px;
-moz-border-radius: 2px 0px 0px 2px;
text-align: center;
width:
50px;
}
.music-blocks li a .music-img {
width: 93px;
margin-right:
10px;
}
.music-blocks li a .music-img img {
display:
block;
}
.music-blocks li a img {
display: none;
height:
70px;
margin-top: -9px;
vertical-align: middle;
}
.music-blocks li
a b {
display: block;
white-space: nowrap;
overflow:
hidden;
text-overflow: ellipsis;
font-size: 14px;
padding-top:
8px;
padding-bottom: 1px;
}
.music-blocks li a span {
display:
block;
white-space: nowrap;
overflow: hidden;
text-overflow:
ellipsis;
font-size: 13px;
}
.music-blocks ol > li {
display:
block;
margin-bottom: 6px;
}
.profile-friends-list
{
display: block;
margin-bottom: 0px;
}
.profile-friends-list li
{
display: inline-block;
margin-bottom:
10px;
}
.single-view-info {
margin-top:
15px;
margin-bottom: 25px;
display: block;
float:
none;
border-bottom: 1px dotted #ccc;
padding-bottom:
18px;
}
.single-view-info > div {
display: block;
float:
left;
}
.single-view-info > div .single-title {
display:
block;
font-size: 14px;
padding-bottom: 8px;
}
.single-view-info
> div .single-title a {
font-weight: normal;
color:
#2B587A;
font-size: 12px;
}
.single-view-info > div .single-title
a:hover {
text-decoration: underline;
}
.single-view-info >
div.clear-float {
float: none;
}
.single-view-info >
div.view-likes {
width: 264px;
}
.single-view-info >
div.view-options {
width: 410px;
float: right;
text-align:
right;
font-size: 0;
}
.single-view-info > div.view-options a
{
display: inline-block;
color: #858585;
background:
#e3e3e3;
text-align: center;
padding: 7px 14px;
border-radius:
3px;
-moz-border-radius: 3px;
margin-top: 16px;
font-size:
11px;
margin-left: 7px;
}
.single-view-info > div.view-options
a.admin:hover {
background: #d2382c!important;
}
.single-view-info
> div.view-options a:hover {
background: #232323;
color:
#fff;
}
.single-view-info > div.view-options a .fa {
display:
block;
font-size: 16px;
padding-bottom:
4px;
}
ul.profile-info {
display: block;
font-size:
0;
margin-bottom: 30px;
}
ul.profile-info li {
display:
block;
font-size: 14px;
}
/*ul.profile-info li:nth-child(odd)
{
background: #f0f0f0;
}*/
ul.profile-info li span {
display:
inline-block;
min-height: 17px;
line-height: 15px;
margin-bottom:
3px;
margin-top: 5px;
}
ul.profile-info li span.first {
color:
#999;
width: 130px;
font-size: 12px;
padding-top:
1px;
/*padding-left: 10px;*/
}
ul.profile-info li span.last
{
}
ul.profile-info li span a {
color:
#2B587A;
}
ul.profile-info li span a:hover {
text-decoration:
underline;
}
#main .main-tabs-content p {
margin-left:
-40px;
}
.wrapimg .avatar-button {
display: block;
position:
absolute;
z-index: 30;
width: 100%;
height: 100%;
cursor:
pointer;
}
.wrapimg .avatar-button > span {
display:
none;
}
.wrapimg .avatar-button:hover > span {
display:
block;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 6px
12px;
border-radius: 2px;
-moz-border-radius: 2px;
margin:
11px;
bottom: 0px;
position: absolute;
}
.wrapimg .avatar-button
.fa {
display: inline-block;
padding-right: 10px;
margin-top:
1px;
}
#main .main-tabs-content {
display: block;
padding: 20px
20px 0px 20px;
text-align: center;
}
#main .main-tabs-content
.form-footer {
display: block;
text-align: left;
margin-left:
-20px;
}
#main .main-tabs-content .the-form .error-msg {
margin: 0px
0px 0px 159px;
}
#main .main-tabs-content .the-success-msg,
#main
.main-tabs-content .the-alert-msg,
#main .main-tabs-content .the-error-msg
{
/*width: 400px;*/
margin: 0px auto;
text-align:
left;
margin-bottom: 10px;
margin-left: auto;
}
.the-success-msg
a,
.the-alert-msg a,
.the-error-msg a {
color: #fff;
font-weight:
bold;
text-decoration: underline;
}
#main .main-tabs-content > h2
{
margin-left: -20px;
margin-right: -20px;
}
.the-success-msg
{
/*width: 400px;*/
margin: 0px auto;
background: #70c12e;
display:
block;
margin: 30px 0px 15px 0px;
color: #fff;
font-size:
12px;
padding: 9px 15px;
border-radius: 2px 2px;
-moz-border-radius:
2px 2px;
line-height: 140%;
}
.the-alert-msg {
/*width:
400px;*/
margin: 0px auto;
background: #f19621;
display:
block;
margin: 30px 0px 15px 0px;
color: #fff;
font-size:
12px;
padding: 9px 15px;
border-radius: 2px 2px;
-moz-border-radius:
2px 2px;
line-height: 140%;
}
.the-alert-msg .fa,
.the-success-msg
.fa {
display: inline-block;
padding: 2px 9px 0px 0px;
}
#main
.main-tabs-content .msg-content {
display: block;
margin-top:
10px;
margin-bottom: 30px;
}
.profile-progress {
display:
block;
background: #f0f0f0;
border: 2px solid #EBEBEB;
padding:
20px;
margin-bottom: 20px;
border-radius: 3px;
}
.profile-progress
h4 {
font-size: 14px;
margin-bottom: 12px;
}
.profile-progress
.profile-percentage {
display: block;
border: 1px solid
#ccc;
border-radius: 10px;
height: 10px;
padding: 1px;
background:
#f8f8f8;
}
.profile-progress .profile-percentage > div {
display:
block;
background: #7EC700;
border-radius: 10px;
height:
10px;
}
body #main .article-full .article-content p,
body #main
.article-full .article-content {
font-size: 15px;
}
.article-full
.article-content p {
margin-bottom: 15px;
}
body #main .article-full
.article-content {
margin-bottom: 30px;
}
.article-full
.article-icons {
margin-bottom: 5px;
padding-top:
15px;
}
.article-full .article-icons a {
font-size:
14px!important;
}
.article-full .article-icons a .fa {
font-size:
12px;
}
.article-footer {
display: table;
width:
100%;
margin-bottom: 30px;
}
.article-footer > div {
display:
table-cell;
width: 50%;
float: none;
}
.article-footer
.home-article.right {
float: none;
width: 100%;
}
.article-footer
.home-article.right ul li a span,
.article-footer .home-article.right ul
li a strong {
width: 65%;
}
#main .article-footer h2 {
padding:
0px;
}
.about-author .avatar {
float: left;
}
.about-author
.side {
display: block;
margin-left: 105px;
}
.about-author .side
.about-head {
font-size: 17px;
line-height: 17px;
}
.about-author
.side {
padding-bottom: 13px;
}
.about-author .side > i
{
display: block;
margin-bottom: 15px;
font-style:
normal;
font-size: 14px;
}
.about-author .side > a {
display:
block;
margin-bottom: 3px;
font-style: normal;
font-size:
13px;
font-weight: bold;
line-height: 16px;
}
.about-author .side
> a .fa {
font-size: 11px;
line-height: 16px;
padding-right:
6px;
}
.breaking-line {
display: block;
height: 22px;
width:
100%;
background: url(../images/split-icon-1.png) no-repeat center
center;
margin-bottom: 15px;
position: relative;
margin-top:
15px;
}
.breaking-line:before {
display: block;
content:
'';
height: 2px;
background: #d8d8d8;
width: 45%;
left: 0px;
top:
10px;
position: absolute;
}
.breaking-line:after {
display:
block;
content: '';
height: 2px;
background: #d8d8d8;
width:
45%;
right: 0px;
top: 10px;
position: absolute;
}
blockquote
{
display: block;
background: url(../images/quote-icon-1.png) no-repeat
0px 4px;
margin-bottom: 17px;
min-height: 23px;
padding-left:
50px;
font-size: 17px;
line-height: 23px;
font-weight:
bold;
}
.accordion {
display: block;
margin-bottom:
20px;
}
.accordion .accordion-tab {
display: block;
background:
rgba(255,255,255,0.2);
border: 1px solid rgba(0,0,0,0.13);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4);
border-radius:
3px;
-moz-border-radius: 3px;
margin-bottom: 5px;
position:
relative;
padding: 15px 15px 0 15px;
}
.accordion
.accordion-tab.active {
background:
rgba(255,255,255,0.3);
}
.accordion .accordion-tab > a {
display:
block;
margin-bottom: 15px;
font-weight: bold;
font-family: 'Fauna
One', serif;
font-size: 14px;
text-decoration:
none!important;
position: relative;
}
.accordion .accordion-tab >
a:before {
display: block;
content: '';
position: absolute;
left:
-15px;
right: -15px;
top: -15px;
bottom: -15px;
}
.accordion
.accordion-tab > a:after {
display: block;
position:
absolute;
content: '\f078';
font-size: 10px;
font-family:
'FontAwesome';
right: 0px;
top: 0px;
line-height:
16px;
}
.accordion .accordion-tab.active > a:after {
content:
'\f077';
}
.accordion .accordion-tab .accordion-block {
display:
none;
background: url(../images/split-line-1.png) repeat-x 0px
0px;
padding-top: 15px;
}
.accordion .accordion-tab.active
.accordion-block {
display: block;
}
.wp-caption
{
margin-bottom: 15px;
background: rgba(255,255,255,0.3);
border: 1px
solid rgba(0,0,0,0.13);
box-shadow: inset 0 0 0 1px
rgba(255,255,255,0.4);
max-width: 100%;
padding: 5px;
text-align:
center;
border-radius: 3px;
-moz-border-radius:
3px;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
-ms-box-sizing: border-box;
-o-box-sizing:
border-box;
box-sizing: border-box;
}
.wp-caption img {
border: 0
none;
height: auto;
margin: 0;
max-width: 100%;
padding:
0;
width: auto;
}
.wp-caption p.wp-caption-text {
text-align:
center;
font-size: 12px;
line-height: 17px;
margin: 0;
padding: 8px
0;
}
.info-message {
display: block;
position:
relative;
margin-bottom: 15px;
background: #256193;
color:
#fff;
padding: 17px 20px;
text-shadow: none;
}
.info-message p
{
display: block;
margin-bottom: 0px!important;
padding-right:
30px;
line-height: 130%;
font-size: 13px!important;
color:
inherit!important;
}
.info-message p strong {
display:
inline-block;
padding-right: 8px;
}
.info-message a {
color:
#f5ecda;
}
.info-message a.close-info {
color: #f5ecda;
position:
absolute;
top: 15px;
right: 15px;
}
.split {
display:
block;
}
.split > div:first-child {
margin-left: 0px;
}
.split
> div {
display: block;
float: left;
margin-left:
2.127659574468085%;
}
.split:after {
display: block;
content:
'';
clear: both;
}
.split
.size12{width:100%;*width:99.94680851063829%;}
.split
.size11{width:91.48936170212765%;*width:91.43617021276594%;}
.split
.size10{width:82.97872340425532%;*width:82.92553191489361%;}
.split
.size9{width:74.46808510638297%;*width:74.41489361702126%;}
.split
.size8{width:65.95744680851064%;*width:65.90425531914893%;}
.split
.size7{width:57.44680851063829%;*width:57.39361702127659%;}
.split
.size6{width:48.93617021276595%;*width:48.88297872340425%;}
.split
.size5{width:40.42553191489362%;*width:40.37234042553192%;}
.split
.size4{width:31.914893617021278%;*width:31.861702127659576%;}
.split
.size3{width:23.404255319148934%;*width:23.351063829787233%;}
.split
.size2{width:14.893617021276595%;*width:14.840425531914894%;}
.split
.size1{width:6.382978723404255%;*width:6.329787234042553%;}
.article-content
ul {
display: block;
margin-bottom: 15px;
}
.article-content
h1,
.article-content h2,
.article-content h3,
.article-content
h4,
.article-content h5,
.article-content h6 {
display:
block;
margin-bottom: 15px;
}
.article-content ul li {
display:
block;
margin-bottom: 8px;
font-size: 15px;
position:
relative;
padding-left: 5px;
font-weight: bold;
}
.article-content
ul li i.fa {
display: inline-block;
}
.article-content h3
{
margin-bottom: 10px;
}
.photo-gallery-shortcode {
display:
block;
margin-bottom: 15px;
position:
relative;
}
.photo-gallery-shortcode .thumbs-block {
display:
block;
position: absolute;
z-index: 2;
bottom: 15px;
right:
15px;
background: rgba(255,255,255,0.7);
padding:
10px;
vertical-align: bottom;
}
.photo-gallery-shortcode
.thumbs-block a {
display: inline-block;
width: 44px;
height:
44px;
vertical-align: bottom;
margin-right:
3px;
}
.photo-gallery-shortcode .thumbs-block a:last-child {
width:
60px;
margin-right: 0px;
}
.photo-gallery-shortcode .thumbs-block a
i.fa {
display: block;
text-align: center;
padding: 8px 0 0
0;
}
.photo-gallery-shortcode .thumbs-block a span {
display:
block;
font-size: 10px;
white-space: nowrap;
text-align:
center;
}
.forum-block {
display: block;
margin-bottom:
25px;
}
.forum-block .forum-description {
display:
block;
margin-bottom: 25px;
}
.forum-block .forum-description
.defbutton {
margin-bottom: 0px;
margin-right: 10px;
}
.forum-block
.forum-description p {
font-size: 14px!important;
}
.forum-block
.forum-link {
display: table;
/*margin-bottom: 10px;*/
padding: 20px
30px;
border-bottom: 1px solid #EBEBEB;
width:
100%;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
}
.forum-block .forum-link:hover
{
background: #f0f0f0;
}
.forum-block .forum-link > a {
display:
table-cell;
/*float: left;*/
width: 50%;
/*min-height:
60px;*/
color: #454545;
vertical-align: middle;
}
.forum-block
.forum-link > a > strong {
display: block;
font-size:
20px;
padding-bottom: 5px;
margin-left: 75px;
}
.forum-block
.forum-link > a > span {
display: block;
margin-left:
75px;
color: #777;
font-size: 13px;
line-height:
140%;
}
.forum-block .forum-link > a .forum-icon {
float:
left;
display: block;
position: relative;
}
.forum-block
.forum-link > a .forum-icon span {
display: block;
position:
absolute;
z-index: 2;
color: #fff;
font-size: 9px;
font-weight:
bold;
font-style: normal;
padding: 2px 5px;
background:
red;
bottom: -5px;
right: -10px;
}
.forum-block .forum-link > a
.forum-icon i.fa {
display: block;
font-size: 50px;
line-height:
50px;
height: 50px;
color: #B3B3B3;
width: 50px;
text-align:
center;
}
.forum-recent .avatar .wrapimg {
display:
inline-block;
position: relative;
border-radius:
inherit;
-moz-border-radius: inherit;
overflow:
hidden;
}
.forum-block .forum-link > a .forum-icon.new i.fa
{
color: #232323;
}
.forum-block .forum-link > .right {
display:
table-cell;
float: none;
width: 45%;
padding-left:
5%;
vertical-align: middle;
}
.forum-block .forum-link >
.right:after {
display: block;
clear: both;
content:
'';
}
.forum-block .forum-link > .right .forum-numbers {
width:
25%;
text-align: right;
float: left;
}
.forum-block .forum-link
> .right .forum-numbers span {
display: block;
padding: 5px
0px;
color: #aaa;
}
.forum-block .forum-link:hover > .right
.forum-numbers span {
color: #232323;
}
.forum-block .forum-link >
.right .forum-recent {
width: 65%;
text-align: left;
float:
right;
opacity: 0.7;
filter: alpha(opacity=70);
}
.forum-block
.forum-link:hover > .right .forum-recent {
opacity: 1;
filter:
alpha(opacity=100);
}
.forum-block .forum-link > .right
.forum-recent .avatar {
float: left;
margin-top:
4px;
}
.forum-block .forum-link > .right .forum-recent > span
{
display: block;
margin-left: 55px;
width: 205px;
}
.forum-block
.forum-link > .right .forum-recent > span > a {
display:
block;
white-space: nowrap;
text-overflow: ellipsis;
overflow:
hidden;
margin-bottom: 2px;
font-weight: bold;
font-size:
12px;
}
.forum-block .forum-link > .right .forum-recent > span
.f-user-link {
font-size: 12px;
}
.forum-block .forum-link >
.right .forum-recent > span .f-date {
display: block;
margin-bottom:
2px;
font-size: 11px;
color: #aaa;
}
.forum-recent .f-no-posts
{
padding: 17px 0;
width: auto!important;
color:
#aaa;
}
.forum-link:hover .forum-recent .f-no-posts {
color:
#232323;
}
.forum-group {
border-top: 1px solid
#EBEBEB;
margin-bottom: 35px;
}
.forum-threads {
display:
block;
border-top: 1px solid #EBEBEB;
margin-bottom:
25px;
}
.forum-threads .thread-link {
display: table;
padding: 0px
30px;
border-bottom: 1px solid #EBEBEB;
width:
100%;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
position:
relative;
}
.forum-threads .thread-link {
}
.forum-threads
.thread-link:hover {
background: #f0f0f0;
}
.forum-threads
.thread-link.thread-sticky {
background: #fff;
}
.forum-threads
.thread-link.thread-sticky:hover {
background:
#f9f9f9;
}
.forum-threads .thread-link > div {
display:
table-cell;
vertical-align: middle;
}
.forum-threads .admin-ribbon
{
margin-bottom: 1px;
}
.forum-threads .thread-link .thread-last
{
text-align: right;
width: 26%;
}
.forum-threads .thread-link
.thread-last .t-date {
padding-left: 8px;
color: #aaa;
font-size:
11px;
}
.forum-threads .thread-link > a {
display:
table-cell;
width: 40%;
color: #454545;
vertical-align:
middle;
padding: 20px 0;
font-size: 13px;
position:
relative;
padding-right: 5%;
max-width: 300px;
color:
#757575;
}
.forum-threads .thread-link:hover > a {
color:
#232323;
}
.forum-threads .thread-link > a .forum-icon {
position:
absolute;
font-size: 23px;
top: 14px;
width: 30px;
text-align:
center;
}
.thread-link.thread-unread > a {
font-weight:
bold!important;
}
.thread-link:hover >
div,
.thread-link.thread-unread > div {
opacity: 1;
filter:
alpha(opacity=100);
}
.thread-link > div {
opacity: 0.6;
filter:
alpha(opacity=60);
}
.forum-threads .thread-link > a > span
{
position: relative;
display: block;
margin-left:
45px;
white-space: nowrap;
overflow: hidden;
text-overflow:
ellipsis;
}
.forum-threads .thread-link:hover > a,
.forum-threads
.thread-link.thread-unread > a {
color:
#232323;
}
.thread-link:hover .thread-author {
opacity: 1;
filter:
alpha(opacity=100);
top: -15px;
}
.thread-link .thread-author
{
width: 15%;
}
.thread-link .thread-replies {
width:
7%;
text-align: center;
}
.thread-link .thread-views {
width:
7%;
text-align: center;
}
.thread-link .sticky {
display:
inline-block;
text-transform: uppercase;
font-size: 8px;
line-height:
14px;
font-weight: bold;
margin-right: 8px;
color:
#fff;
font-style: normal;
background: #E27D2E;
border-radius:
2px;
-moz-border-radius: 2px;
padding: 1px 5px;
}
.thread-link
.thr-closed {
display: inline-block;
text-transform:
uppercase;
font-size: 8px;
line-height: 14px;
font-weight:
bold;
margin-right: 8px;
color: #fff;
font-style:
normal;
background: #C9C9C9;
border-radius: 2px;
-moz-border-radius:
2px;
padding: 1px 5px;
}
.thread-link .closed-th i.fa {
display:
block;
line-height: 16px;
}
.thread-locked > a > i.fa-lock
{
position: absolute;
display: block;
right: 8%;
top:
20px;
line-height: 16px;
opacity: 0.5;
filter:
alpha(opacity=50);
}
/*.thread-link .thread-author {
display:
block;
position: absolute;
background: #eaeaea;
border-radius:
2px;
-moz-border-radius: 2px;
padding: 5px 12px;
left: 75px;
top:
-15px;
opacity: 0;
filter: alpha(opacity=0);
top:
0px;
-moz-transition: all 0.2s;
-webkit-transition: all
0.2s;
-o-transition: all 0.2s;
}*/
.forum-threads-head {
display:
table;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
padding: 0
30px;
}
.forum-threads-head > strong {
display:
table-cell;
text-align: center;
font-size: 11px;
text-transform:
uppercase;
padding-top: 15px;
padding-bottom:
15px;
}
.forum-threads-head .thread-subject {
width:
45%;
text-align: left;
}
.forum-threads-head .thread-subject span
{
display: block;
margin-left: 45px;
}
.forum-threads-head
.thread-author {
width: 15%;
text-align:
left;
}
.forum-threads-head .thread-replies,
.forum-threads-head
.thread-views {
width: 7%;
}
.forum-threads-head .thread-last
{
width: 26%;
text-align: right;
}
.forum-block .forum-description
.defbutton.big {
font-size: 13px;
font-weight: bold;
padding: 10px
23px;
}
.forum-description .pagination {
margin-top:
9px;
}
.content-tree {
display: block;
margin-bottom:
25px;
font-weight: bold;
}
.content-tree i.fa {
display:
inline-block;
font-size: 10px;
line-height: 15px;
padding: 0
6px;
color: #aaa;
}
.topic-right {
padding: 14px 20px 0
0;
}
.topic-right i.fa {
line-height: 140%;
padding-right:
7px;
}
.topic-right span,
.topic-right a {
display:
inline-block;
margin-left: 10px;
font-weight: bold;
}
.defbutton
{
margin-right: 5px;
}
.defbutton.admin-color:hover
{
background-color: #DD4123;
}
#main h2 span i.fa {
line-height:
120%;
padding-right: 10px;
}
.forum-thread {
margin-bottom:
25px;
}
.forum-post {
display: table;
background:
#f9f9f9;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid
#EBEBEB;
padding: 0px 30px;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
width: 100%;
margin-bottom: 10px;
}
.forum-post
.post-text-block a {
font-weight: bold;
text-decoration:
underline;
}
.forum-post .post-text-block img,
.forum-post
.post-text-block p {
margin-bottom: 20px;
}
.forum-post
.post-text-block img:last-child,
.forum-post .post-text-block p:last-child
{
margin-bottom: 0px;
}
.forum-post .post-text-block img
{
max-width: 100%;
height: auto;
}
.forum-post .post-text-block
.post-signature {
padding-top: 15px;
color: #aaa;
border-top: 1px
solid #EBEBEB;
margin-top: 15px;
}
#main .forum-post .post-text-block
.post-signature p {
color: inherit;
}
.forum-post > div
{
display: table-cell;
padding: 20px 0;
vertical-align:
top;
}
.forum-post .user-block {
width: 24%;
}
.forum-post
.post-text-block {
width: 66%;
}
.forum-post:hover .post-meta-block
{
opacity: 1;
filter: alpha(100);
}
.forum-post:hover
{
background: #fcfcfc;
box-shadow: 0 0 10px
rgba(0,0,0,0.05);
}
.forum-post .post-meta-block {
width:
10%;
text-align: right;
height: 125px;
position: relative;
opacity:
0.5;
filter: alpha(50);
-moz-transition: all
0.1s;
-webkit-transition: all 0.1s;
-o-transition: all
0.1s;
}
.forum-post .user-block .avatar {
float:
left;
}
.forum-post .user-block .user-account {
display:
block;
margin-left: 78px;
color: #aaa;
padding-top:
4px;
}
.forum-post .user-block .user-account .forum-user {
font-size:
14px;
position: relative;
margin-top: -2px;
color:
#232323;
}
.forum-post .user-block .user-account > div
{
margin-bottom: 7px;
display: block;
line-height:
100%;
}
.forum-post .user-block .user-account .user-ribbon
{
font-weight: bold;
}
.forum-post .user-block .user-account
.user-ribbon,
.forum-post .user-block .user-account .admin-ribbon
{
margin-left: 0px;
margin-top: 0px;
margin-bottom:
0px;
}
.forum-post .user-block .avatar,
.forum-post .user-block
.avatar img {
width: 65px;
height: 65px;
}
.forum-post
.post-meta-block > div {
display: block;
margin-bottom:
7px;
}
.rating-good {
color: #39AD14;
}
.rating-bad {
color:
#E63C11;
}
.forum-post .post-meta-block .post-date {
font-size:
10px;
color: #aaa;
}
.forum-post .post-meta-block i.fa
{
line-height: 100%;
}
.forum-post .post-meta-block .the-rate
{
display: inline-block;
padding: 0 3px;
font-weight:
bold;
line-height: 100%;
}
.forum-post:hover .post-meta-block .bottom
.defbutton {
opacity: 1;
filter: alpha(100);
}
.forum-post
.post-meta-block .bottom {
bottom: 20px;
right: 0px;
position:
absolute;
margin-bottom: 0px;
}
.forum-post .post-meta-block .bottom
.admin-color i.fa {
padding-right: 0px;
}
.forum-post
.post-meta-block .bottom .defbutton {
margin-top: 6px;
margin-bottom:
0px;
margin-right: 0px;
font-size: 11px;
opacity: 0;
filter:
alpha(0);
}
.forum-post .comment-edited > span {
background:
#ECECEC;
}
.forum-post .comment-edited i.fa {
line-height:
120%;
padding-right: 6px;
}
.content-tree.on-bottom {
padding: 20px
0 0 0;
}
.content-padding.quick-reply .forum-description
{
text-align: center;
}
.reply-box {
display: block;
background:
#eaeaea;
border-radius: 3px;
-moz-border-radius: 3px;
width:
85%;
margin-left: auto;
margin-right: auto;
padding:
20px;
margin-bottom: 20px;
}
.reply-box .reply-textarea {
display:
block;
margin-left: 55px;
}
.reply-box .reply-textarea textarea
{
height: 160px;
}
.reply-box .reply-textarea .respond-submit input
{
padding: 9px 20px;
font-size: 12px;
}
.wrapimg
{
display:inline-block;position:relative;border-radius:inherit;-moz-border-radius:inherit;overflow:hidden;
}
.newdefbutton.margin-right
{
margin-right: 7px;
}
.newdefbutton {
display:
inline-block;
background: #f5f5f5;
border: 0px;
border-top: 1px solid
rgba(255,255,255,0.8);
-moz-border-radius: 2px;
border-radius:
2px;
box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px
rgba(0,0,0,0.04);
padding: 9px 20px;
font-size: 12px;
cursor:
pointer;
text-shadow: 0px 1px 0px #fff;
line-height:
120%;
font-weight: bold;
color: #7e7e7e;
-moz-transition: all
0.1s;
-webkit-transition: all 0.1s;
-o-transition: all
0.1s;
}
.newdefbutton.admin-color {
color:
#E63C11!important;
border: 1px solid #E63C11!important;
padding: 9px
20px;
box-shadow: 0px 0px 0px 1px transparent, inset 0px -8px 14px 0px
rgba(0,0,0,0.04);
}
.newdefbutton i.fa {
padding-right:
7px;
}
.newdefbutton:hover {
background: #eeeeee;
color:
#232323;
box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px
transparent;
}
.newdefbutton:active {
box-shadow: 0px 0px 0px 1px
#d3d3d3, inset 0px -8px 14px 0px transparent;
background:
#d5d5d5;
color: #232323;
border-top: 1px solid
transparent;
box-shadow: 0px 0px 0px 1px #afafaf, inset 0px 0px 6px 0px
#cacaca;
}
.textarea-wrapper {
width: 100%;
border: 1px solid
#cccccc;
padding: 8px 12px;
font-size: 12px;
box-shadow: inset 0px
3px 5px rgba(0,0,0,0.05);
-moz-border-radius: 2px;
border-radius:
2px;
background: #fff;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
margin-bottom: 6px;
}
.textarea-wrapper .bbcodes
{
display: block;
line-height: 100%;
padding-top:
5px;
padding-bottom: 15px;
border-bottom: 1px solid
#f0f0f0;
margin-bottom: 10px;
font-size: 0;
}
.textarea-wrapper
.bbcodes a {
color: #aaa;
}
.textarea-wrapper .bbcodes i.fa
{
display: inline-block;
font-size: 14px;
color:
inherit;
margin-right: 5px;
width: 24px;
text-align:
center;
}
.textarea-wrapper .bbcodes a.active,
.textarea-wrapper
.bbcodes a:hover {
color: #232323;
}
.reply-textarea .respond-submit
{
}
.textarea-wrapper .bbcodes i.fa {
line-height:
100%!important;
}
.textarea-wrapper textarea {
border: 0px;
height:
40px;
width: 100%;
font-size: 14px;
line-height: 150%;
font-family:
Arial;
background: #fff;
resize: vertical;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
.full-reply .respond-input {
margin-bottom:
15px;
}
.full-reply .respond-input .da-customs {
float:
right;
text-align: left;
width: 37%;
padding: 12px
0;
}
.full-reply .respond-input .da-customs label {
margin-left:
4px;
margin-right: 10px;
font-weight: bold;
}
.full-reply
.respond-input > input {
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
width: 60%!important;
padding: 12px
14px!important;
color: #232323!important;
font-weight:
bold;
}
.full-reply {
margin-top: 35px;
}
.full-reply
.reply-textarea {
margin-left: 0px;
}
.quick-reply .reply-box
{
display: none;
}
.forum-post .avatar.ingame:before,
.forum-post
.avatar.away:before,
.forum-post .avatar.offline:before,
.forum-post
.avatar.online:before {
box-shadow: none;
}
.friends-block
{
display: block;
margin-bottom: 15px;
}
.friends-block:after
{
display: block;
clear: both;
content: '';
}
.friends-block
.friend-single:nth-child(5n+1) {
clear: both;
}
.friends-block
.friend-single {
display: block;
width: 20%;
float:
left;
text-align: center;
min-height: 165px;
margin-bottom:
15px;
}
.friends-block .friend-single .admin-ribbon {
margin-left:
0px;
margin-bottom: 0px;
}
.friend-single .avatar {
margin-bottom:
8px;
margin-right: 0px;
}
.friend-single .friend-user {
font-size:
13px;
margin-bottom: 2px;
display: inline-block;
}
.friend-single
.avatar:hover {
margin-bottom: 20px;
}
.friend-single
.avatar,
.friend-single .avatar img {
width: 110px;
height:
110px;
}
.games-collection {
display: block;
margin-bottom:
25px;
}
.games-collection:after {
display: block;
clear:
both;
content: '';
}
.games-collection .user-game:nth-child(4n+1)
{
clear: both;
}
.games-collection .user-game {
display:
block;
float: left;
width: 25%;
margin-bottom: 20px;
text-align:
center;
}
.games-collection .user-game .user-game-head img {
width:
90%;
height: auto;
margin-bottom: 10px;
display:
inline-block;
}
.games-collection .user-game.has-review
.user-game-content span,
.games-collection .user-game.has-review
.user-game-content > a {
color: #D55037;
}
.games-collection
.user-game .user-game-content > a {
font-weight: bold;
font-size:
14px;
margin-bottom: 2px;
display:
inline-block;
}
.games-collection .user-game .user-game-content div a
{
margin-top: 3px;
display: inline-block;
font-weight:
bold;
font-size: 12px;
color: #D55037;
text-decoration:
underline;
}
.games-collection .user-game .user-game-content div
a:hover {
color: #232323;
}
.games-collection .user-game
.user-game-content div a i.fa {
padding-right: 4px;
line-height:
140%;
}
.games-collection .user-game:hover span {
color:
#aaa;
}
.games-collection .user-game span {
color: #ccc;
font-size:
12px;
}
.staff-block .item {
display: block;
float: left;
width:
48%;
margin-left: 4%;
}
.staff-block .item:nth-child(n+3)
{
border-top: 1px solid #E0E0E0;
padding-top: 30px;
margin-top:
30px;
}
.staff-block .item:nth-child(2n+1) {
clear:
both;
}
.staff-block:after,
.staff-block .item:after {
display:
block;
clear: both;
content: '';
}
#main .staff-block h3 a
{
margin-top: 0px;
margin-bottom: 0px;
display:
inline-block;
}
.staff-block .item .item-photo {
display:
block;
float: left;
padding: 3px;
background:
rgba(255,255,255,0.6);
border: 1px solid
rgba(0,0,0,0.3);
border-radius: 2px;
-moz-border-radius: 2px;
width:
120px;
height: 120px;
}
.staff-block .item .item-content {
display:
block;
margin-left: 148px;
}
.staff-block .item .item-content h3
{
margin-bottom: 10px;
}
.staff-block .item .item-content p
{
margin-bottom: 0px;
}
.staff-block .item .item-content h3 span
{
display: inline-block;
font-size: 10px;
padding: 2px
7px;
background: #256193;
font-weight: normal;
text-shadow:
none;
color: #fff;
margin: 3px 0 0 10px;
border-radius:
2px;
-moz-border-radius: 2px;
}
.staff-block .item .item-content
.social-links {
display: block;
margin-bottom: 10px;
}
.staff-block
.item .item-content .social-links a {
display:
inline-block;
margin-right: 3px;
padding: 4px 4px;
background:
transparent;
color: rgba(0,0,0,0.7);
font-size: 10px;
line-height:
10px;
text-shadow: none;
width: 10px;
text-align:
center;
border-radius: 2px;
-moz-border-radius: 2px;
border: 1px
solid rgba(0,0,0,0.7);
}
.staff-block .item .item-content .social-links
a:hover {
background: rgba(0,0,0,0.7);
color: #fff;
}
.staff-block
.item:nth-child(2n+1) {
margin-left: 0px;
}
.full-photo-view
{
display: block;
text-align: center;
}
.full-photo-view img
{
max-width: 100%;
height: auto;
}
.strike-wysiwyg-enable .bbcodes
{
position: relative;
}
.strike-wysiwyg-enable textarea {
display:
none;
}
.strike-wysiwyg {
display: block;
width: 100%;
height:
300px;
}
#strike-editor {
color: #232323;
font-size:
14px;
line-height: 150%;
overflow-y: auto;
overflow-x:
hidden;
padding: 2px 0 2px 2px;
}
#strike-editor a {
font-weight:
bold;
text-decoration: underline;
}
.admin-fast-edit
{
background-color:
rgba(255,255,0,0.2)!important;
}
.article-content p
a,
.article-content > a {
color: #256193;
/*font-weight:
bold;*/
}
a.top-alert-message {
display: block;
margin-bottom:
18px;
background: #e9e9e9;
color: #4d4d4d;
padding: 14px
20px;
background: #d83524;
color: #fff;
font-size:
13px;
font-weight: bold;
}
a.top-alert-message:hover {
color:
#fff;
}
.podcast-banner-link > span.podcast-inner {
bottom:
auto!important;
top: 15px!important;
left: auto!important;
right:
15px!important;
padding: 5px 10px;
font-size: 12px;
cursor:
default;
}
.podcast-banner-link > span.podcast-inner-upcomming
{
bottom: auto!important;
top: 15px!important;
left:
auto!important;
right: 15px!important;
padding: 5px 10px;
font-size:
12px;
background: #DA9D42;
cursor: default;
}
.podcast-banner
{
display: block;
margin-bottom: 30px;
position:
relative;
}
.podcast-banner-link {
display: block;
position:
relative;
}
.podcast-banner-link > span {
display:
block;
position: absolute;
z-index: 2;
background: #d83524;
color:
#fff;
left: 34%;
bottom: 3px;
padding: 6px 18px;
font-size:
14px;
}
.podcast-list {
display: block;
margin-bottom:
15px;
}
.podcast-list a.item,
.podcast-list .item {
display:
table;
margin-bottom: 2px;
background: #e9e9e9;
color:
#4d4d4d;
width: 100%;
}
.podcast-list
a.item:nth-child(odd),
.podcast-list .item:nth-child(odd) {
background:
#eeeeee;
}
.podcast-list a.item:hover {
background:
#fff;
box-shadow: 0 1px 15px rgba(0,0,0,0.09);
}
.pod-live
{
display: inline-block;
margin-right: 12px;
font-size:
9px;
font-weight: bold;
line-height: 18px;
padding: 0px
5px;
background: #fff;
color: #d83524;
}
.pod-live.prepare
{
color: #DA9D42;
}
.podcast-list a.item.podcast-live,
.podcast-list
.item.podcast-live {
background: #d83524;
color:
#fff;
}
.podcast-list a.item.podcast-preparing,
.podcast-list
.item.podcast-preparing {
background: #DA9D42;
color:
#fff;
}
.podcast-list .item.podcast-preparing .podcast-li-time
{
font-weight: bold;
}
.podcast-list .item > span {
display:
table-cell;
vertical-align: middle;
height: 52px;
font-size:
14px;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
padding: 0
15px;
}
.podcast-list .item > span.podcast-li-nr {
width:
10%;
text-align: center;
font-weight: bold;
font-size:
14px;
}
.podcast-list .item > span.podcast-li-title {
width:
75%;
text-align: left;
font-size: 13px;
padding-right:
0px;
padding-left: 0px;
font-weight: bold;
}
.podcast-list .item
> span.podcast-li-title strong {
display: block;
font-size:
12px;
font-weight: normal;
}
.podcast-list .item >
span.podcast-li-time {
width: 15%;
text-align: right;
font-size:
13px;
padding-left: 0px;
}
.panel-content hr {
margin: 20px
0;
height: 1px;
border: 0px;
background:
rgba(0,0,0,0.05);
}
.donation-stats {
width: 90%;
margin-left:
auto;
margin-right: auto;
margin-top: 25px;
margin-bottom:
10px;
text-align: center;
}
.donation-stats h3 {
margin-bottom:
15px;
}
h3 .value {
color: #5b7e2a;
}
.progress-bar {
display:
block;
margin-bottom: 50px;
}
.progress-bar .border-bar {
display:
block;
border-radius: 7px;
-moz-border-radius: 7px;
height:
11px;
padding: 1px;
background: rgba(255,255,255,0.5);
box-shadow: 0
0 0 1px rgba(0,0,0,0.2);
text-align: left;
}
.progress-bar
.border-bar .the-progress {
display: block;
border-radius:
5px;
-moz-border-radius: 5px;
height: 7px;
padding:
1px;
background-color: #87aa1e;
border: 1px solid
rgba(0,0,0,0.2);
position: relative;
box-shadow: inset 0 1px 0
rgba(255,255,255,0.4);
}
.progress-bar .border-bar .the-progress span
{
position: absolute;
left: 0px;
top: 100%;
margin-top:
12px;
opacity: 0.6;
filter: alpha(opacity=60);
}
.progress-bar
.border-bar .the-progress strong {
position: absolute;
right:
0px;
top: 100%;
margin-top: 12px;
width: 80px;
text-align:
center;
margin-right: -40px;
}
.progress-bar .border-bar
.the-progress strong:before {
display: block;
position:
absolute;
top: -10px;
left: 47%;
content: '\f0d8';
font-size:
10px;
font-family: "FontAwesome";
}
a.button,
.button
{
display: inline-block;
margin-right: 1px;
font-style:
normal;
font-size: 13px;
font-weight: bold;
padding: 9px
16px;
background-color: #256193;
border-radius:
3px;
-moz-border-radius: 3px;
border: 1px solid
transparent;
box-shadow: inset 0 130px 100px -100px
rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow:
0 1px 0 rgba(0,0,0,0.5);
color: #fff;
transition: all
0s;
-moz-transition: all 0s;
-webkit-transition: all
0s;
-o-transition: all 0s;
}
.article-content a.button {
color:
#fff!important;
}
a.button:hover,
.button:hover {
color:
#fff;
box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset
0 1px 0 rgba(255,255,255,0.2), inset 0 -100px 20px
rgba(255,255,255,0.1);
}
a.button:active,
.button:active {
color:
#fff;
box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset
0 1px 0 rgba(0,0,0,0.2), inset 0 -100px 20px
rgba(0,0,0,0.3);
}
a.button.big-size,
.button.big-size {
font-size:
20px;
padding: 14px 20px;
}
.d-articles .item .item-header
{
padding: 0px;
float: left;
}
.d-articles .item .item-header img
{
width: 60px;
margin-top: 4px;
}
.d-articles .item .item-content
{
margin-left: 75px;
}
.d-articles .item .item-content p
{
font-size: 13px;
margin-bottom: 0px;
}
.d-articles .item h4
{
font-size: 15px;
margin-bottom: 4px;
}
.d-articles .item.no-image
.item-content {
margin-left: 0px;
}
.d-articles .item {
position:
relative;
padding-bottom: 12px;
border-bottom: 1px solid
rgba(0,0,0,0.07);
margin-bottom: 12px;
}
.d-articles
.item:last-child{
border-bottom: 0px;
margin-bottom:
0px;
padding-bottom: 0px;
}
.panel a.defbutton {
margin: 8px 0px
3px 0px;
font-size: 10px;
background-color: #D3D3D3;
}
.panel
a.defbutton:hover {
background-color: #232323;
}
.panel .tagcloud a
{
font-size: 13px;
background: rgba(240, 240, 240, 1);
box-shadow: 0
1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255, 255, 255,
0.5);
border-radius: 2px;
-moz-border-radius: 2px;
padding: 5px
10px;
margin: 0 7px 7px 0;
display: inline-block;
color:
#848484;
text-shadow: none;
}
.panel .tagcloud a:hover
{
background: rgba(0,0,0,0.5);
color: #fff!important;
text-shadow:
none;
box-shadow: none;
}
.footer .panel .tagcloud a {
background:
rgba(255, 255, 255, 0.07);
box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0
1px 0 rgba(255, 255, 255, 0.1);
}
.footer .panel .tagcloud a:hover
{
background: rgba(255, 255, 255, 0.2);
}
.panel p,
.panel
h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6
{
margin-bottom: 10px
}
.icon-line {
display: block;
margin-top:
8px;
font-size: 13px!important;
font-weight: bold;
}
.icon-line
i.fa {
padding-right: 10px;
width: 15px;
text-align:
center;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption
{
text-align: right;
font-size: 16px;
margin-bottom:
15px;
}
#wp-calendar thead {
font-size: 13px;
}
#wp-calendar
thead th {
padding-bottom: 10px;
}
#wp-calendar tbody td {
border:
1px solid #C7C7C7;
text-align: center;
padding: 8px;
color:
#A0A0A0;
}
#wp-calendar tbody td a {
font-weight:
bold;
}
#wp-calendar tbody td:hover {
background:
rgba(0,0,0,0.05);
}
#wp-calendar tbody .pad {
background:
none;
}
#wp-calendar tfoot #next {
font-size: 12px;
text-transform:
uppercase;
text-align: right;
}
#wp-calendar tfoot #prev
{
font-size: 12px;
text-transform: uppercase;
padding-top:
10px;
}
.socialize a {
display: inline-block;
width:
51px;
height: 51px;
line-height: 51px;
text-align:
center;
background: #3b5998;
font-size: 26px;
color:
#fff;
margin-right: 2px;
}
.socialize .s-fb {
background:
#3b5998;
}
.socialize .s-tw {
background: #00aced;
}
.socialize
.s-yt {
background: #bb0000;
}
.socialize .s-tc {
background:
#6441a5;
}
.socialize .s-st {
background: #3C3C3C;
}
.socialize
.s-gp {
background: #dd4b39;
}
.socialize a:hover {
color:
#fff;
background: #232323;
}
.socialize a:nth-child(n+6)
{
margin-top:
7px;
}
.strike-modal-wrap.active,
.strike-modal.active
{
display: block;
}
.strike-modal-wrap {
display:
none;
position:absolute;
width:100%;
height:100%;
top: 0px;
left:
0px;
z-index:200;
position:fixed;
background:rgba(0,0,0,0.8);
cursor:
pointer;
}
.strike-modal {
display: none;
min-width:
400px;
min-height: 100px;
background: #f4f4f4;
position:
absolute;
top: 50%;
left: 50%;
margin-left: -200px;
box-shadow:0px
1px 6px rgba(0,0,0,0.3);
-moz-transition: top 0.4s, left
0.4s;
-webkit-transition: top 0.4s, left 0.4s;
-o-transition: top 0.4s,
left 0.4s;
z-index: 201;
border-radius: 3px;
-moz-border-radius:
3px;
}
.strike-modal > a {
display: block;
position:
absolute;
top: 0px;
right: 0px;
width: 16px;
height:
16px;
text-indent: -100px;
color: transparent;
background-image:
url(../images/modal-close.png);
background-repeat:
no-repeat;
background-position: center;
overflow: hidden;
padding:
14px;
}
.strike-modal > a:hover {
box-shadow: inset 0px 0px 30px
30px rgba(0,0,0,0.1);
}
.strike-modal > a:active {
box-shadow:
inset 0px 0px 30px 30px rgba(0,0,0,0.2);
}
.strike-modal
.strike-modal-title {
display: block;
background:
#e1e1e1;
border-bottom: 1px solid #d4d4d4;
border-radius: 3px 3px 0px
0px;
-moz-border-radius: 3px 3px 0px 0px;
padding: 13px
15px;
font-size: 14px;
font-weight: bold;
color:
#696969;
text-shadow: 0px 1px 0px #fff;
}
.strike-modal
.strike-modal-content {
padding: 15px;
max-height: 400px;
overflow-x:
none;
overflow-y: auto;
}
.strike-modal .the-error-msg
{
margin-top: 0px!important;
}
.strike-modal p,
.strike-modal
h1,
.strike-modal h2,
.strike-modal h3,
.strike-modal h4,
.strike-modal
h5 {
margin-bottom: 15px;
display: block;
}
.messages-control
{
display: block;
margin-bottom: 25px;
}
.messages-container
{
display: block;
margin-bottom: 35px;
border-top: 1px solid
#EBEBEB;
}
.messages-container img,
.messages-container .avatar
{
width: 40px;
height: 40px;
}
.messages-container .avatar
{
position: absolute;
top: 20px;
left: 30px;
z-index:
3;
}
.messages-container .avatar strong {
position: absolute;
top:
3px;
left: 55px;
font-size: 13px;
display: block;
white-space:
nowrap;
}
.messages-container .avatar i {
position: absolute;
top:
22px;
left: 55px;
font-size: 11px;
color: #aaa;
display:
block;
white-space: nowrap;
font-style:
normal;
}
.messages-container .sidebar-comments {
bottom:
auto;
top: 19px;
right: 30px;
}
.messages-container .message-block
{
border-bottom: 1px solid #EBEBEB;
position:
relative;
}
.messages-container .message-block .message-link
{
display: block;
padding: 20px 25px;
padding-left:
300px;
padding-right: 80px;
height: 40px;
font-weight:
normal;
color: #757575;
}
.messages-container .message-block
.message-link .msg-content {
display: block;
overflow:
hidden;
height: inherit;
line-height: 150%;
font-size:
13px;
}
.messages-container .message-block .msg-content i.fa-reply
{
line-height: 150%;
padding-right: 10px;
color:
#ccc;
}
.messages-container .message-block:hover .message-link
{
color: #232323;
}
.messages-container .message-block:hover
{
background: #f0f0f0;
}
.messages-container .message-block.unread
{
background: #fff;
}
.messages-container .message-block.unread:hover
{
background: #f9f9f9;
}
.message-block:hover .messages-delete-conv
{
display: block;
}
.messages-delete-conv {
display:
none;
position: absolute;
z-index: 2;
top: 10px;
right:
10px;
}
.conversation-container .conversation-single {
display:
block;
padding: 8px 0;
position:
relative;
}
.conversation-container .conversation-single:before
{
display: block;
content: '\f00c';
font-family:
"FontAwesome";
font-size: 15px;
line-height: 33px;
color:
transparent;
width: 50px;
height: 100%;
text-align:
center;
position: absolute;
top: 0px;
right: 100%;
}
.conversation-container .conversation-single:hover:before {
color:
#E0E0E0;
}
.conversation-container .conversation-single.selected:before
{
color: #aaa;
}
.conversation-container
.conversation-single.selected:hover,
.conversation-container
.conversation-single.selected {
background:
#F0F0F0;
}
.conversation-container .conversation-single:hover
{
background: #F7F7F7;
}
.conversation-container
.conversation-single:after {
display: block;
clear: both;
content:
'';
}
.conversation-container .conversation-single .conversation-user
{
display: block;
float: left;
margin-left: 15px;
min-height:
35px;
}
.conversation-container .conversation-single .conversation-text
.date-time {
display: block;
position: absolute;
left:
100%;
margin-left: 10px;
color: #ccc;
font-size: 11px;
padding-top:
2px;
padding-right: 7px;
cursor: default;
}
.conversation-container
.conversation-single:hover .conversation-text .date-time {
color:
#aaa;
}
.conversation-container .conversation-single .conversation-text
.user-name {
display: block;
font-size: 12px;
line-height:
100%;
}
.conversation-container .conversation-single .conversation-text
.user-name .admin-ribbon {
margin-bottom:
3px;
}
.conversation-container .conversation-single .conversation-text
p {
font-size: 13px!important;
margin-right:
20px;
}
.conversation-container .conversation-single .conversation-text
{
display: block;
margin-left: 70px;
font-size:
13px!important;
}
.conversation-single .conversation-user .avatar
img,
.conversation-single .conversation-user .avatar {
width:
35px;
height: 35px;
margin-right: 0px;
}
.conversation-container
{
display: block;
margin-bottom: 20px;
}
.conversation-container
.inline-conv-tools {
}
.conversation-container .inline-conv-tools
.right a {
margin-right: 0px;
}
.date-time .fa-star {
line-height:
130%;
cursor: pointer;
position: absolute;
right:
100%;
margin-right: 20px;
}
.conversation-container .conv-submit
{
display: block;
padding: 15px 70px;
}
.conversation-container
.inline-conversation {
display: table-cell;
background:
#fff;
border-bottom: 1px solid #EBEBEB;
border-top: 1px solid
#EBEBEB;
height: 400px;
vertical-align:
bottom;
}
.conversation-container .inline-conversation
.inline-table-fix {
display: block;
/*width: 100%;*/
height:
auto;
padding: 15px 70px;
max-height: 700px;
overflow-x:
hidden;
overflow-y: auto;
}
.conversation-container .conv-submit
.avatar img,
.conversation-container .conv-submit .avatar {
width:
50px;
height: 50px;
margin-right: 0px;
}
.conversation-container
.conv-textarea {
display: block;
margin-left: 60px;
margin-right:
60px;
/*background: #fff;*/
/*border: 1px solid #ccc;*/
padding:
0px;
height: auto;
border: 1px solid #cccccc;
/*padding: 8px
12px;*/
/*font-size: 12px;*/
box-shadow: inset 0px 3px 5px
rgba(0,0,0,0.05);
-moz-border-radius: 2px;
border-radius:
2px;
font-family: Arial;
background: #fff;
position:
relative;
margin-bottom: 50px;
}
.conversation-container
.conv-textarea .conv-bottom {
position: absolute;
top: 100%;
left:
0px;
margin-top: 10px;
}
.conversation-container .conv-textarea
.send-conv-button {
margin-right:
7px!important;
}
.conversation-container .conv-textarea .conv-bb-link
{
display: inline-block;
margin-left:
0px;
}
.conversation-container .conv-textarea .conv-smiley-block
{
display: block;
position: absolute;
top: 6px;
right:
8px;
font-size: 18px;
padding: 2px;
color:
#ccc;
}
.conversation-container .conv-textarea .conv-smiley-block:hover
{
color: #aaa;
}
.conversation-container .conv-textarea textarea
{
margin: 0px;
padding: 8px 12px;
font-family: Arial;
border:
0px;
width: 100%;
height: 45px;
font-size: 13px;
background:
transparent;
resize: vertical;
line-height: 150%;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
.unread-messageline {
display: block;
text-align:
center;
padding: 20px 0;
color: #aaa;
background: #fff;
position:
relative;
cursor: default;
}
.unread-messageline:before {
display:
block;
position: absolute;
height: 1px;
width: 100%;
left:
0px;
top: 27px;
background: #E7E7E7;
content: '';
z-index:
1;
}
.unread-messageline span {
position: relative;
z-index:
2;
background: inherit;
padding: 0 20px;
}
.unread-messageline span
i.fa {
line-height: 130%;
}
.conversation-info {
display:
block;
padding-top: 20px;
color: #ccc;
font-size:
12px;
margin-left: 70px;
}
.conversation-container
.inline-conv-tools {
display: block;
border-top: 1px solid
#E7E7E7;
padding-top: 20px;
}
.conversation-container
.inline-conv-tools .defbutton {
margin-top:
0px;
}
.conversation-container .conv-reverse-select {
display:
inline-block;
color: #aaa;
padding: 6px 0;
cursor:
default;
}
.conversation-container .conv-reverse-select i.fa
{
padding: 0 5px;
line-height: 140%;
}
.conversation-container
.conv-on-select {
display:
none;
}
.conversation-container.is-selected .conv-reverse-select
{
display: none;
}
.conversation-container.is-selected
.conv-on-select {
display: inline-block;
}
.conversation-single img
{
max-width: 100%;
height:
auto;
}
.unread-messageline.unread,
.conversation-single.unread
{
background: #FFF7ED;
}
.conv-bb-link {
background-color:
transparent;
padding: 3px;
border-radius: 3px;
-moz-border-radius:
3px;
}
.conv-bb-link:hover {
background-color: #E6E6E6;
padding:
3px;
border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 0
1px rgba(0,0,0,0.2);
}
.temp-paste-text {
position:
absolute;
z-index: -1;
padding: 0px;
border: 0px;
margin:
0px;
height: 1px;
width: 1px;
background: transparent;
color:
transparent;
overflow: hidden;
}
.conversation-start-new-block
{
display: block;
padding: 0 130px;
margin-top:
70px;
}
.conversation-start-new-block .conv-recipent {
display:
block;
padding-top: 10px;
}
.conversation-start-new-block h3
{
margin-top: 20px;
color: #aaa;
}
.conv-submit.start-new textarea
{
height: 100px;
}
.select-replace {
position:
relative;
}
.select-replace.active-drop .select-arrow .fa-caret-up
{
display: block;
}
.select-replace .select-arrow .fa-caret-up
{
display: none;
}
.select-replace.active-drop .select-arrow
.fa-caret-down {
display: none;
}
.select-replace .select-arrow
.fa-caret-down {
display: block;
}
.select-replace.active-drop
.select-options {
display: block;
}
.select-replace .select-options
{
display: none;
}
.select-replace .select-arrow {
position:
absolute;
z-index: 2;
right: 0px;
top: 0px;
padding:
13px;
font-size: 14px;
line-height: 14px!important;
color:
#ccc;
}
.select-replace .select-arrow:hover {
color:
#aaa;
}
.select-replace .select-arrow i.fa {
line-height:
14px!important;
}
#main .select-replace input.select-main-input
{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
width: 100%;
padding:
12px;
}
.select-options {
display: block;
position:
absolute;
width: 100%;
background: #fff;
border: 1px solid
#D5D5D5;
padding: 8px;
border-radius: 0 0 3px
3px;
-moz-border-radius: 0 0 3px 3px;
margin-top: -1px;
z-index:
101;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
max-height: 300px;
overflow-x:
hidden;
overflow-y: auto;
box-shadow: 0 1px 2px
rgba(0,0,0,0.06);
}
.select-options a {
display: block;
padding:
5px;
line-height: 30px;
font-size: 13px;
font-weight:
bold;
border-bottom: 1px solid #f0f0f0;
position:
relative;
}
.select-options a:before {
display: block;
content:
'';
z-index: 2;
position: absolute;
left: 0px;
top: 0px;
width:
100%;
height: 100%;
}
.select-options a:last-child {
border-bottom:
0px;
}
.select-options a:hover {
background: #3074A2;
color:
#fff;
}
.select-options .avatar img,
.select-options .avatar
{
width: 30px;
height: 30px;
}
.select-options .avatar
{
margin-right: 10px;
}
.smiley-tooltip {
display:
none;
position: absolute;
width: 200px;
background: #fff;
border:
1px solid #D5D5D5;
padding: 12px 10px;
border-radius:
3px;
-moz-border-radius: 3px;
bottom: 100%;
right: -1px;
z-index:
100;
margin-bottom: 10px;
box-shadow: 0 1px 2px
rgba(0,0,0,0.06);
cursor: default;
}
.smiley-tooltip:before
{
display: block;
position: absolute;
content: '';
width:
7px;
height: 7px;
right: 14px;
bottom: -5px;
background:
inherit;
border-bottom: inherit;
border-right:
inherit;
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
transform: rotate(45deg);
}
.emoji {
display:
inline-block;
background: url(../images/emoji.png) no-repeat 0px
0px;
width: 16px;
height: 16px;
}
.emoji.s-smile {
background-position: 0px 0px; }
.emoji.s-shock { background-position: 0px
-17px; }
.emoji.s-wink { background-position: 0px -34px; }
.emoji.s-lol {
background-position: 0px -51px; }
.emoji.s-tongue { background-position:
0px -68px; }
.emoji.s-cheeky { background-position: 0px -85px;
}
.emoji.s-inlove { background-position: 0px -102px;
}
.emoji.s-sunglasses { background-position: 0px -119px;
}
.emoji.s-worried { background-position: 0px -136px; }
.emoji.s-approved
{ background-position: 0px -153px; }
.emoji.s-dissapointed {
background-position: 0px -170px; }
.emoji.s-relieved {
background-position: 0px -187px; }
.emoji.s-cry { background-position: 0px
-204px; }
.emoji.s-tiredface { background-position: 0px -221px;
}
.emoji.s-scream { background-position: 0px -238px;
}
.emoji.s-expressionless { background-position: 0px -255px;
}
.emoji.s-mm { background-position: 0px -272px; }
.emoji.s-angry {
background-position: 0px -289px; }
.emoji.s-rage { background-position:
0px -306px; }
.emoji.s-angel { background-position: 0px -323px;
}
.emoji.s-coldsweat { background-position: 0px -340px;
}
.emoji.s-flushed { background-position: 0px -357px;
}
.emoji.s-astonished { background-position: 0px -374px; }
.emoji.s-mask
{ background-position: 0px -391px; }
.emoji.s-kiss { background-position:
0px -408px; }
.emoji.s-devil { background-position: 0px -425px;
}
.emoji.s-heart { background-position: 0px -443px; }
.emoji.s-thumbup {
background-position: 0px -459px; }
.emoji.s-thumbdown {
background-position: 0px -476px; }
.emoji.s-finger { background-position:
0px -493px; }
.emoji.s-peace { background-position: 0px -510px;
}
.emoji.s-okidoki { background-position: 0px -527px;
}
.strike-player {
display: block;
background: #232323;
color:
#fff;
height: 40px;
position: relative;
-moz-user-select:
none;
-khtml-user-select: none;
-webkit-user-select:
none;
-ms-user-select: none;
user-select: none;
}
.strike-player
#songPlayPause {
display: block;
background: #383838;
position:
absolute;
left: 0px;
top: 0px;
width: 40px;
text-align:
center;
height: 40px;
line-height: 40px;
cursor:
pointer;
font-size: 14px;
}
.strike-player #songPlayPause:hover
{
background: #474747;
}
.strike-player.player-live
.live-stream,
.strike-player.player-live
.live-listeners,
.strike-player.player-live
.live-admin-message,
.strike-player #songPlayPause
i.fa-play,
.strike-player.playing #songPlayPause i.fa-pause {
display:
block;
}
.strike-player .live-stream,
.strike-player
.live-listeners,
.strike-player
.live-admin-message,
.strike-player.playing #songPlayPause
i.fa-play,
.strike-player #songPlayPause i.fa-pause {
display:
none;
}
.strike-player .live-listeners {
position: absolute;
left:
104px;
top: 0px;
text-align: left;
line-height: 40px;
height:
40px;
color: #aaa;
font-size: 10px;
vertical-align:
baseline;
}
.strike-player .live-admin-message {
position:
absolute;
left: 225px;
top: 0px;
text-align: left;
line-height:
40px;
height: 40px;
font-weight: bold;
color: #FFF;
font-size:
11px;
vertical-align: middle;
}
.strike-player .live-admin-message
i.fa {
font-size: 13px;
padding-right: 6px;
}
.strike-player
#songTime {
display: block;
position: absolute;
left: 54px;
top:
0px;
text-align: left;
line-height: 40px;
height: 40px;
color:
#aaa;
font-size: 10px;
}
.strike-player.player-live #songSlider
{
display: none;
left: 227px;
width:
310px;
}
.strike-player.player-live #songTime {
left:
182px;
}
i.fa {
line-height: inherit!important;
}
.strike-player
.live-stream {
position: absolute;
left: 54px;
background:
#d83524;
color: #fff;
padding: 0 7px;
text-transform:
uppercase;
font-size: 8px;
line-height: 15px;
margin-top:
12px;
}
.strike-player .live-stream i.fa {
font-size:
6px;
padding-right: 3px;
}
.strike-player #songSlider:before
{
display: block;
position: absolute;
height: 40px;
content:
'';
left: 0px;
top: -16px;
width: 100%;
}
.strike-player
#songSlider {
display: block;
position: absolute;
left: 137px;
top:
16px;
width: 440px;
height: 7px;
background: #383838;
cursor:
pointer;
border-radius: 7px;
-moz-border-radius:
7px;
}
.strike-player #songSlider #trackProgress {
display:
block;
position: absolute;
left: 0px;
top: 0px;
width:
0px;
height: 100%;
background: #fff;
border-radius:
7px;
-moz-border-radius: 7px;
}
.strike-player #volumeUp {
display:
none;
position: absolute;
right: 0px;
top: 0px;
width:
30px;
text-align: center;
line-height: 40px;
height: 40px;
color:
#fff;
font-size: 10px;
cursor: pointer;
font-size: 12px;
color:
#636363;
}
.strike-player #volumeDown {
display: none;
position:
absolute;
right: 65px;
top: 0px;
width: 30px;
text-align:
center;
line-height: 40px;
height: 40px;
color: #fff;
font-size:
10px;
cursor: pointer;
font-size: 14px;
color:
#636363;
}
.strike-player #volumeDown:hover,
.strike-player
#volumeUp:hover {
color: #fff;
}
.strike-player #volumeMeter
{
display: block;
position: absolute;
right: 15px;
top:
11px;
width: 35px;
height: 17px;
background-color: #393939;
cursor:
pointer;
z-index: 1;
overflow: hidden;
}
.strike-player
#volumeMeter:before {
content: '';
display: block;
position:
absolute;
cursor: pointer;
top: -7px;
left: -10px;
background:
#232323;
width: 130%;
height: 100%;
transform:
rotate(-25deg);
-ms-transform: rotate(-25deg);
-webkit-transform:
rotate(-25deg);
z-index: 2;
}
.strike-player #volumeMeter
#volumeStatus {
display: block;
position: absolute;
left: 0px;
top:
0px;
height: 100%;
width: 100%;
background-color:
#fff;
}
#_strike-user
{
display:block;
background:#fff;
color:#232323;
border:1px solid
#b9b9b9;
position:absolute;
padding:0px;
font-size:11px;
left:0px;
top:0px;
z-index:-1;
opacity:0;
filter:alpha(opacity=0);
margin-top:-185px;
border-radius:2px;
-moz-border-radius:2px;
cursor:default;
box-shadow:0px
1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px
rgba(0,0,0,0.1);
-moz-transition: opacity 0.2s, margin-top
0.2s;
-webkit-transition: opacity 0.2s, margin-top 0.2s;
-o-transition:
opacity 0.2s, margin-top 0.2s;
width:
330px;
}
#_strike-user.upsidedown {
margin-top:
35px;
}
#_strike-user.upsidedown.active {
margin-top:
25px;
}
#_strike-user.upsidedown:before {
display:
none;
}
#_strike-user.upsidedown .username:before
{
display:block;
content:'';
width:6px;
height:6px;
background:
inherit;
position:absolute;
top:-4px;
left:50%;
margin-left:-3px;
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
}
#_strike-user:before
{
display:block;
content:'';
width:6px;
height:6px;
background:
#f3f3f3;
border-right:inherit;
border-bottom:inherit;
position:absolute;
bottom:-4px;
left:50%;
margin-left:-3px;
transform:
rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform:
rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform:
rotate(45deg);
}
#_strike-user.active
{
display:block;
z-index:100;
margin-top:-175px;
opacity:1;
filter:alpha(opacity=100);
}
#_strike-user
.username {
background: #232323;
color: #fff;
display:
block;
padding: 10px 15px;
font-size: 16px;
font-weight:
bold;
margin:-1px -1px 0px -1px;
padding-left: 115px;
border-radius:
2px 2px 0px 0px;
overflow: hidden;
text-overflow:
ellipsis;
white-space: nowrap;
}
#_strike-user .bottom
{
margin-top: 10px;
background: #f3f3f3;
color: #232323;
display:
block;
padding: 9px 15px;
font-size: 12px;
border-radius: 0px 0px 2px
2px;
border-top: 1px solid #e9e9e9;
text-align:
right;
}
#_strike-user .avatar {
display: block;
float:
left;
margin: -25px 0px 0px 10px;
width: 90px;
height:
90px;
}
#_strike-user .avatar img {
border-radius:
2px;
}
#_strike-user .info {
display: block;
margin-left:
115px;
padding: 10px 0px 0px 0px;
font-size: 12px;
line-height:
140%;
height: 70px;
}
#_strike-user .com-control {
color:
#898989;
font-size: 12px;
display: inline-block;
margin-right:
0px;
border-radius: 2px;
-moz-border-radius: 2px;
padding: 5px
8px;
margin: -5px -10px -4px 10px;
}
#_strike-user .com-control .fa
{
font-size: 10px;
display: inline-block;
padding-top:
1px;
padding-right: 6px;
}
#_strike-user .com-control:hover
{
color: #fff;
background: #232323;
}
#_strike-user .admin-ribbon
{
margin-left: 0px;
}
#_strike-user .info > div {
margin-bottom:
3px;
overflow: hidden;
text-overflow: ellipsis;
white-space:
nowrap;
height: 17px;
padding-right: 10px;
}
#_strike-user .info
> div > font {
display: inline-block;
color:
#a8a8a8;
padding-right: 6px;
}
#_strike-user .info >
div:last-child {
margin-bottom: 0px;
}
/* No Slider
*/
.no-slider #slider-imgs .featured-img-box > div {
display:
none;
}
.no-slider #slider-imgs .featured-img-box {
background:
url(../images/no-slider-bg.jpg) no-repeat center;
box-shadow: inset 0px
-260px 150px rgba(0,0,0,0.6);
}
.no-slider.gamepage #slider-imgs
.featured-img-box {
box-shadow: none;
}
.no-slider #top-layer
{
/*background: none;*/
}
.no-slider #slider div#slider-info
{
display: none;
}
.no-slider #slider, .no-slider #header {
height:
190px;
}
.no-slider #main-box #main {
margin-top:
0px;
}
#main-box.sidebar-left #main {
float:
right;
}
::-webkit-scrollbar {
height:
16px;
overflow: visible;
width: 16px;
background:
#fff;
}
::-webkit-scrollbar-button {
display: none;
height:0;
width: 0;
}
::-webkit-scrollbar-track {
-moz-background-clip:
border;
-webkit-background-clip: border;
background-clip:
border-box;
border-width: 0 0 0 4px;
border: solid
transparent;
}
::-webkit-scrollbar-track:hover {
background-color:rgba(0,0,0,.05);
-moz-box-shadow: inset 1px 0 0
rgba(0,0,0,.1);
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 1px 0 0
rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:active {
background-color:rgba(0,0,0,.05);
-moz-box-shadow: inset 1px 0 0
rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
-webkit-box-shadow:
inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0
rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal {
border-width: 4px 0 0;
}
::-webkit-scrollbar-track:horizontal:hover {
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
-webkit-box-shadow:
inset 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0
rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:active {
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0
rgba(0,0,0,.07);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14),
inset 0 -1px 0 rgba(0,0,0,.07);
box-shadow: inset 0 1px 0
rgba(0,0,0,.14), inset 0 -1px 0
rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb {
-moz-background-clip:
border;
-webkit-background-clip: border;
background-clip:
border-box;
background-color: rgba(0,0,0,.2);
/*border-width: 1px
1px 1px 6px;
border: solid transparent;*/
-moz-box-shadow: inset
1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0
rgba(0,0,0,.07);
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0
-1px 0 rgba(0,0,0,.07);
min-height: 28px;
padding: 100px 0
0;
}
::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,.4);
-moz-box-shadow: inset 1px 1px 1px
rgba(0,0,0,.25);
-webkit-box-shadow: inset 1px 1px 1px
rgba(0,0,0,.25);
box-shadow: inset 1px 1px 1px
rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
background-color:rgba(0,0,0,0.5);
-moz-box-shadow: inset 1px 1px 3px
rgba(0,0,0,0.35);
-webkit-box-shadow: inset 1px 1px 3px
rgba(0,0,0,0.35);
box-shadow: inset 1px 1px 3px
rgba(0,0,0,0.35);
}
::-webkit-scrollbar-thumb:horizontal {
border-width: 6px 1px 1px;
-moz-box-shadow: inset 1px 1px 0
rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
-webkit-box-shadow:
inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0
rgba(0,0,0,.07);
padding: 0 0 0 100px;
}
::-webkit-scrollbar-corner
{
background: transparent;
}
body::-webkit-scrollbar-track-piece {
-moz-background-clip: border;
-webkit-background-clip: border;
background-clip: border-box;
background-color: #f5f5f5;
/*border-width: 0 0 0 3px;
border: solid #fff;*/
-moz-box-shadow:
inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0
rgba(0,0,0,.07);
box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px
0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
border-width:3px 0 0;
-moz-box-shadow: inset 0 1px 0
rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
-webkit-box-shadow:
inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0
rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
border-width: 1px
1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner {
-moz-background-clip: border;
-webkit-background-clip: border;
background-clip: border-box;
background-color: #f5f5f5;
border-width: 3px 0 0 3px;
border: solid #fff;
-moz-box-shadow:
inset 1px 1px 0 rgba(0,0,0,.14);
-webkit-box-shadow: inset 1px 1px 0
rgba(0,0,0,.14);
box-shadow: inset 1px 1px 0
rgba(0,0,0,.14);
}
#menu-bottom.blurred {
top:
63px;
}
#menu-bottom.blurred #menu {
background-image:
transparent;
}
#menu-bottom #menu {
background-image:
url(../images/px.gif);
background-position: center
2000px;
background-repeat: no-repeat;
}
#menu-bottom.blurred #menu
{
margin-top: 0px;
position: relative;
background-image:
none;
background-position: center 2000px;
background-repeat:
no-repeat;
}
/*#menu-bottom.blurred #menu:before {
content:
"";
position: absolute;
left: 0;
top: -63px;
right:
0;
z-index: 0;
display: block;
background-image:
inherit;
background-position: center top;
width: 120%;
margin-left:
-10%;
height: 1000px;
-webkit-filter: blur(5px);
-moz-filter:
blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter:
blur(5px);
transition: background-image 0.8s;
-moz-transition:
background-image 0.8s;
-webkit-transition: background-image
0.8s;
-o-transition: background-image 0.8s;
}*/
#menu-bottom.blurred
#menu table {
z-index: 2;
position:
relative;
}
.game-info-left {
display: block;
float:
left;
width: 246px;
background: inherit;
margin-top:
-200px;
min-height: 300px;
margin-left: 20px;
position:
relative;
z-index: 4;
}
.game-info-left .game-poster {
display:
block;
width: 220px;
margin: 13px;
}
.game-info-left
.game-info-details {
display: block;
margin: 13px;
}
.pegi
{
display: block;
/*background: rgba(0,0,0,0.04);*/
}
.pegi
.pegi-desc {
display: block;
margin-left: 70px;
font-size:
0;
}
.pegi .pegi-desc h3 {
font-size: 12px;
margin-bottom:
7px;
}
.pegi .pegi-desc .pegi-tool {
display: inline-block;
width:
35px;
margin-right: 3px;
margin-bottom: 3px;
}
.pegi .pegi-desc
.pegi-tool.pegi-disabled {
opacity: 0.3;
filter:
alpha(opacity=30);
}
.pegi .pegi-desc .pegi-tool:nth-child(4n)
{
margin-right: 0px;
}
.game-info-right:before {
display:
block;
position: absolute;
left: 15px;
top: 0px;
width:
255px;
height: 82px;
background: url(../images/game-poster-shadow.png)
no-repeat center;
content: '';
z-index: 3;
}
.game-info-right
{
display: block;
/*margin-left: 266px;*/
float: left;
width:
734px;
}
.game-info-right .game-overlay-info {
display:
block;
padding: 24px 20px;
}
.game-info-right .game-overlay-info >
h1 {
margin-bottom: 8px;
font-size: 28px;
text-transform:
uppercase;
display: block;
overflow: hidden;
text-overflow:
ellipsis;
white-space: nowrap;
}
.game-info-right .game-overlay-info
> h1 span {
font-weight: normal;
}
.game-info-right
.game-overlay-info > span {
font-size: 14px;
}
.game-info-right
.game-overlay-info > span a {
margin-right: 10px;
display:
inline-block;
color: rgba(255,255,255,0.7);
}
.game-info-right
.game-overlay-info > span a:hover {
color:
#fff;
}
.game-info-right .game-menu {
display: block;
background:
rgba(0,0,0,0.35);
position: absolute;
bottom: 100%;
border-bottom:
5px solid #256193;
left: 0px;
padding-left: 266px;
width:
100%;
-webkit-box-sizing: border-box;
-moz-box-sizing:
border-box;
box-sizing: border-box;
color: #fff;
text-shadow: 0 0 1px
#000;
}
.game-info-right .game-menu a {
color:
#fff;
}
.game-info-right .game-menu ul {
display:
block;
background-color: rgba(0,0,0,0.6);
}
.game-info-right
.game-menu ul:after {
display: block;
content: '';
clear:
both;
}
.game-info-right .game-menu ul li {
display: block;
float:
left;
}
.game-info-right .game-menu ul li a {
display:
block;
color: #fff;
padding: 15px 20px;
font-size:
14px;
}
.game-info-right .game-menu ul li.active:hover
a,
.game-info-right .game-menu ul li.active a {
background-color:
inherit;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 65px
40px -40px rgba(255,255,255,0.14);
}
.game-info-right .game-menu ul
li:hover a {
background-color: rgba(0,0,0,0.6);
}
.game-info-left
.defbutton {
display: block;
margin: 0px;
padding: 10px
15px;
text-align: center;
}
a.defbutton {
color:
#4D4D4D;
text-decoration: none!important;
}
.game-info-buttons
{
display: block;
margin-bottom: 15px;
}
.game-info-buttons
.defbutton {
margin-bottom: 2px;
}
.defbutton.green {
background:
#6fb205;
color: #fff;
}
.defbutton.green:hover {
background:
#232323;
}
.defbutton.red {
background: #B14320;
color:
#fff;
}
.defbutton.red:hover {
background:
#232323;
}
.game-info-graph {
display: block;
margin-bottom:
20px;
}
.game-info-graph > div {
display: block;
margin-bottom:
8px;
}
.game-info-graph span {
display: block;
font-size:
11px;
color: #ccc;
margin-bottom: 3px;
}
.game-info-graph >
div:hover span {
color: #aaa;
}
.game-info-graph > div strong
{
display: block;
margin-bottom: 2px;
color:
#707070;
}
.game-info-graph > div:hover strong {
color:
#232323;
}
.game-info-rating {
display: block;
background-color:
#232323;
color: #fff;
text-align: center;
padding:
10px;
margin-bottom: 15px;
border-radius: 3px;
-moz-border-radius:
3px;
}
.game-info-rating a {
color: #fff;
line-height:
14px;
}
.game-info-rating a i.fa {
line-height:
inherit;
}
.game-info-rating h3 {
display: block;
margin-bottom:
9px;
/*margin-left: 50px;*/
font-size: 12px;
line-height:
12px;
color: #777777;
}
.game-info-rating .strike-rating-5
{
display: block;
background: #C9642B;
margin-bottom:
10px;
}
.game-info-rating .strike-rating {
display:
inline-block;
width: 40px;
}
.game-info-rating strong {
display:
block;
font-size: 32px;
/* margin-left: 50px; */
margin-bottom:
7px;
line-height: 26px;
}
.game-info-rating strong span
{
font-weight: normal;
color: #aaa;
font-size: 60%;
vertical-align:
baseline;
}
.game-info-rating .defbutton {
margin-top:
10px;
margin-left: -10px;
margin-bottom: -10px;
margin-right:
-10px;
border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px
3px;
background-color: #353535;
}
.game-info-rating .defbutton:hover
{
background-color: #4B4B4B;
}
.game-info-rating .rating-stars
{
display: inline-block;
font-size: 20px;
line-height:
20px;
letter-spacing: 2px;
height: 20px;
width: 102px;
position:
relative;
margin-bottom: 2px;
text-align: left;
color:
#3A3A3A;
}
.game-info-rating .rating-stars:after {
display:
block;
position: absolute;
left: 0px;
width: 100%;
height:
100%;
top: 0px;
font-size: inherit;
line-height:
inherit;
letter-spacing: inherit;
content:
'\f005\f005\f005\f005\f005';
font-family:
"FontAwesome";
z-index: 0;
overflow:
hidden;
}
.game-info-rating .rating-stars .rating-stars-inner
{
display: block;
position: absolute;
left: 0px;
width:
100%;
height: 100%;
top: 0px;
font-size: inherit;
line-height:
inherit;
letter-spacing: inherit;
z-index: 2;
overflow:
hidden;
color: #EBC018 ;
}
.game-info-rating .rating-stars
.rating-stars-inner:after {
display: block;
position: absolute;
left:
0px;
width: 100%;
height: 100%;
top: 0px;
font-size:
inherit;
line-height: inherit;
letter-spacing: inherit;
content:
'\f005\f005\f005\f005\f005';
font-family:
"FontAwesome";
z-index: 0;
overflow:
hidden;
}
.game-info-rating hr {
border: 0px;
height:
1px;
background: #303030;
width: 100%;
display:
block;
margin-bottom: 12px;
}
.defbutton .pricetag {
display:
inline-block;
background: #6fb205;
color: #fff;
padding: 1px
4px;
margin: -1px 0;
border-radius: 2px;
-moz-border-radius:
2px;
margin-left: 3px;
}
.game-info-right .photo-blocks li
{
margin-right: 9px;
}
.game-info-right .photo-blocks
li:nth-child(5n+0) {
margin-right: 0px;
}
.game-info-right
.photo-blocks li:nth-child(5n+1) {
clear: both;
}
.game-info-right
.photo-blocks {
margin-bottom: 25px;
}
.users-more {
display:
inline-block;
padding: 12px 8px;
font-size: 14px;
font-weight:
bold;
background: #f0f0f0;
border-radius: 3px;
-moz-border-radius:
3px;
}
.users-more:hover {
background: #E2E2E2;
color:
#232323;
}
.game-info-right .profile-friends-list {
margin-bottom:
25px;
}
.buttontext {
display: block;
text-align:
center;
padding: 10px 15px;
color: #aaa;
}
.game-info-right
.photo-gallery-single {
padding-left: 20px;
padding-right:
20px;
}
.game-info-right .photo-gallery-single .photo-single-thumbnails
{
margin-left: 0px;
margin-right: 0px;
}
.game-info-right
.photo-blocks li > strong {
display: block;
padding-top:
5px;
padding-bottom: 5px;
text-align: center;
width:
128px;
}
.game-info-right .photo-blocks img {
background-position:
center;
background-size: cover;
}
.video-gallery-single {
display:
block;
margin-bottom: 25px;
margin-left: 30px;
margin-right:
30px;
}
.video-wrapper {
display: block;
position:
relative;
height: 0;
padding-bottom: 56.25%;
margin-bottom:
15px;
}
.video-wrapper iframe {
display: block;
position:
absolute;
top: 0;
left: 0;
width: 100%!important;
height:
100%!important;
}
.video-game-stores {
display: block;
position:
relative;
margin-bottom: 20px;
}
.video-game-stores .item
{
display: block;
float: left;
text-align: center;
width:
24.24%;
margin-left: 1%;
margin-bottom: 1%;
padding: 15px
0;
border-radius: 3px;
-moz-border-radius: 3px;
position:
relative;
color: #232323;
}
.video-game-stores .item:nth-child(4n+1)
{
margin-left: 0px;
clear: both;
}
.video-game-stores .item:hover
{
background: #E7E7E7;
}
.video-game-stores .item img {
max-width:
80%;
}
.video-game-stores .item .store-poster {
margin-bottom:
10px;
display: inline-block;
}
.video-game-stores .item .store-title
{
margin-bottom: 10px;
display: block;
}
.video-game-stores .item
.store-title img {
max-width: 60%;
}
.video-game-stores .item strong
{
margin-bottom: 5px;
padding: 0 10px;
font-size: 13px;
display:
block;
}
.video-game-stores .item .pricetag {
display:
block;
color: #609B20;
font-size: 16px;
font-weight:
bold;
}
.event-calendar table {
border: 0px;
border-spacing:
0px;
border-collapse: collapse;
}
.event-calendar .calendar-title
{
margin-bottom: 28px;
text-align: center;
}
.event-calendar
.calendar-title h3 {
padding-top: 7px;
}
.event-calendar table
{
width: 100%;
}
.event-calendar table td {
border: 1px solid
#E2E2E2;
width: 14%;
height: 120px;
}
.event-calendar table tbody
tr:last-child td {
border-bottom: 0px;
}
.event-calendar table tr
td:first-child {
border-left: 0px;
}
.event-calendar table tr
td:last-child {
border-right: 0px;
}
.event-calendar table tr td
{
border-left: 0px;
}
.event-calendar table tr td:hover
{
background: rgba(255,255,255,0.2);
}
.event-calendar table tr
td.today {
background: rgba(255,255,255,0.3);
}
.event-calendar table
tr th {
padding: 15px 0px;
text-transform: uppercase;
background:
rgba(0,0,0,0.03);
}
.event-calendar td.notthismonth {
opacity:
0.2;
filter: alpha(opacity=20);
}
.event-calendar .date-title
{
padding: 10px;
text-align: right;
display: block;
font-weight:
bold;
}
.event-calendar .cal-event {
display: block;
padding:
10px;
padding-top: 0px;
}
.event-calendar .cal-event a {
display:
block;
font-weight: bold;
font-size: 12px;
}
.event-calendar
.cal-event a span {
display: block;
font-weight: normal;
opacity:
0.6;
filter: alpha(opacity=60);
font-size: 12px;
padding-top:
2px;
}