Вход Регистрация
Файл: 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; }
Онлайн: 2
Реклама