/*
DataLife Engine Template
Name: PassionGirls
Author: http://sanderart.com/
*/
@import 'normalize.css';
@import 'social-likes_flat.css';
/* `FontFace
-----------------------------------------------------------------------------------*/
@font-face {
font-family: 'RobotoMedium';
src: url('../fonts/roboto-medium-webfont.eot');
src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
url('../fonts/roboto-medium-webfont.woff') format('woff'),
url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
url('../fonts/roboto-medium-webfont.svg#RobotoMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoRegular';
src: url('../fonts/roboto-regular-webfont.eot');
src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
url('../fonts/roboto-regular-webfont.woff') format('woff'),
url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* `Main
-----------------------------------------------------------------------------------*/
.searchbt, .cat-btn, .upload_link, .favorites_link, .add_favorite, .del_favorite, .complaint_button,
.social_menu li a, .login_close, .news_views, .news_comments, .video_icon, .allnews:after, .edit_date, .stories_views, .stories_comments, .top_views, .top_comments, .developer, .service_buttons i, .login-btn, .pmlinks a:before, .profile_cell:before, .attachment:before, #totop{
background:url(../images/sprite.png) 0 0 no-repeat;
}
.hblock h4{
font-family: "RobotoRegular", Arial sans-serif;
}
* {
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
image{
border:0;
}
a img,:link img,:visited img,:hover img {
border:0;
}
a{
color:#ddd;
font-size:16px;
text-decoration:underline;
}
a:hover {
color:#e41d4b;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
margin:0;
padding:0;
}
textarea{
border:1px solid #ccc;
padding:5px;
}
input:focus, textarea:focus {
outline:none;
}
button:focus{
outline:none;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:Arial, sans-serif;}
h1 {font-size:24px;line-height:30px;}
h2 {font-size:22px;line-height:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5, h6 {font-size: 16px;}
ul, ol{
padding: 0;
margin: 0;
}
input[type="checkbox"], input[type="radio"] {
width: auto;
height: auto;
padding: 0;
margin: 3px 5px 5px 0;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
html{
padding:0px;
background-color: #101010;
}
body{
font-family:'RobotoRegular', Arial, sans-serif;
font-size:16px;
height:100%;
margin:0;
padding:0;
color:#303030;
-webkit-font-smoothing: antialiased !important;
}
.wrap{
width: 1212px;
margin: 0 auto;
position: relative;
}
.container{
background-color: #101010;
border-left: 1px solid #202020;
border-right: 1px solid #202020;
position: relative;
}
.header{
width:100%;
z-index: 999;
white-space:nowrap;
height: 60px;
position: relative;
border-bottom: 1px solid #202020;
}
.logo{
width:200px;
height:60px;
display: block;
float: left;
}
.logo h1{
display: block;
width: 200px;
height: 60px;
}
.logo a:hover{
opacity: 0.8;
}
.nav{
display:block;
position: relative;
width:600px;
overflow: hidden;
height:60px;
z-index: 100;
float: left;
}
.cat-btn{
border:0;
height: 60px;
color: #e41d4b;
display: none;
background-color: transparent;
width: 60px;
border-right: 1px solid rgba(0,0,0,0.1);
position: absolute;
top: 0;
left: 0;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
}
.nav ul{
list-style: none;
overflow: hidden;
height: 60px;
}
.nav li{
float: left;
}
.nav li a{
display: block;
padding: 0 20px;
line-height: 60px;
font-size: 18px;
float: left;
text-decoration: none;
color:#e41d4b;
-webkit-transition:0.2s all;
-moz-transition:0.2s all;
transition:0.2s all;
font-family: "RobotoMedium";
z-index: 24;
}
.nav li a:hover{
color: #fff;
background-color: #202020;
}
/* Поиск */
.searchblock{
height:60px;
width: 230px;
float: right;
padding:15px;
position: relative;
}
.search_panel{
position: relative;
}
.searchform{
color:#bbb;
width:100%;
height:30px;
line-height:30px;
padding:5px 30px 5px 10px;
border:1px solid #404040;
margin: 0;
font-size:14px;
background-color:transparent;
overflow:hidden;
border-radius: 2px;
vertical-align: middle;
}
input.searchbt{
width:28px;
height:28px;
border:0 !important;
display: block;
position: absolute;
top: 1px;
right: 1px;
background-position: -46px -6px;
}
input.searchform:focus{
border-color: #e41d4b;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
}
input.searchbt:hover{
background-position: -86px -6px;
}
.upload_link{
display: block;
float: right;
width: 60px;
height: 59px;
background-position: -60px -240px;
border-left: 1px solid #202020;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
}
.upload_link:hover{
background-color: #202020;
}
.bottom_adv{
overflow: hidden;
text-align: center;
}
/* login.tpl */
.favorites_link{
display: block;
right: 60px;
width: 60px;
height: 59px;
background-position: -120px -240px;
border-left: 1px solid #202020;
float: right;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
line-height: 15px;
padding: 40px 0 5px 0;
text-align: center;
font-size: 12px;
text-decoration: none;
color: #aaa;
}
.favorites_link:hover{
background-color: #202020;
}
.login-btn{
width:60px;
height: 59px;
background-position:0 -240px;
float: right;
cursor: pointer !important;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
z-index: 200;
border-left: 1px solid #202020;
}
.login-btn:hover{
background-color: #202020;
}
.login_block{
display: none;
position: absolute;
top: 100px;
left: 50%;
margin: 0 0 0 -150px;
width: 300px;
background-color: #f5f5f5;
z-index: 9999999;
}
.login_header{
line-height: 20px;
padding:20px 0 15px 0;
height: 60px;
color: #e41d4b;
font-size: 20px;
text-transform: uppercase;
text-align: center;
}
.login_close{
position: absolute;
width: 15px;
height: 15px;
top: 15px;
right: 15px;
background-position: -100px -70px;
cursor: pointer;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
z-index: 2;
}
.login_close:hover{
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.profile_menu{
list-style: none;
width: 100%;
margin: 0 0 20px 0;
}
.profile_menu li{
display: block;
}
.profile_menu li a{
height: 40px;
padding: 10px 10px 10px 25px;
line-height: 20px;
display: block;
color: #909090;
font-size: 16px;
text-decoration: none;
position: relative;
}
.profile_menu li a:before{
content: "";
position: absolute;
width: 5px;
height: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #d1d1d1;
left: 10px;
top: 16px;
}
.profile_menu li a:hover{
background-color: #e41d4b;
color: #fff;
text-decoration: none;
}
.profile_menu li a.logout{
color: #fb4d4d;
}
.profile_menu li a.logout:hover{
color: #fff;
}
.profile_menu li a.profile_link{
background-color: #202020;
color: #505050;
padding: 10px;
}
.profile_menu li a.profile_link:before{
display: none;
}
.profile_menu li a i{
font-style: normal;
display: block;
position: absolute;
top: 9px;
right: 10px;
border:1px solid #202020;
color: #202020;
font-size: 12px;
line-height: 16px;
padding: 2px 5px 2px 5px;
}
.login_form{
margin: 0 20px 20px 20px;
}
.login_form label{
color: #909090;
font-size: 14px;
display: block;
margin: 0 0 10px 0;
line-height: 15px;
}
.login_form label a{
font-size: 14px;
color: #e41d4b;
}
.login_form label a:hover{
color: #909090;
}
.login_form .inp{
width: 250px;
border:1px solid #e1e1e1;
height: 45px;
background-color: #fff;
padding: 0 0 0 10px;
color: #909090;
font-size: 14px;
margin: 0 0 15px 0;
}
.login_form .not_save_label{
font-size: 12px;
height: 15px;
line-height: 15px;
display: inline-block;
position: relative;
}
.ch_box_save{
display: inline-block;
}
.enter-btn{
width: 100%;
height: 45px;
line-height: 43px;
border:1px solid #e41d4b !important;
background-color:#e41d4b;
color: #fff;
font-size: 16px;
font-family: "RobotoMedium", Arial sans-serif;
}
.enter-btn:hover{
background-color: rgba(228,29,75,0.7) !important;
}
.reg-link{
margin:0 0 15px 10px;
height: 20px;
float: left;
width: 90px;
line-height: 20px;
}
.reg-link a{
font-size: 14px;
color: #e41d4b;
}
.reg-link a:hover{
color: #909090;
}
.social_login{
margin: 0 0 15px 0;
width: 150px;
float: left;
}
.social_login a{
display: block;
float: left;
margin: 0 5px 0 0;
width: 20px;
height: 20px;
}
.login_overlay{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 999999;
}
/* LOGIN end */
.content{
background-color: #101010;
width: 100%;
}
.left{
float: left;
width: 200px;
padding: 10px 0 0 0;
height: 100%;
border-right: 1px solid #202020;
}
.right{
float: right;
width: 1010px;
padding: 20px 0 0 0;
-webkit-box-shadow:inset 1px 0 0 #202020;
-moz-box-shadow:inset 1px 0 0 #202020;
box-shadow: -1px 0 0 #202020;
}
.hidden_menu{
display: none;
}
.new_cont{
}
.hidden_menu.visible{
}
.sidebar_menu{
width: 200px;
}
.sidebar_menu ul{
list-style: none;
width: 200px;
}
.sidebar_menu li{
display: block;
height: 30px;
line-height: 30px;
}
.sidebar_menu li a{
font-size: 16px;
color: #bbb;
text-decoration: none;
padding: 0 20px;
display: block;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
transition: ease 0.1s all;
}
.sidebar_menu li a:hover{
color: #fff;
background-color: #e41d4b;
}
.side_block{
margin:0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid #202020;
}
.side_block:last-of-type{
margin: 0;
}
.side_block a{
color:#e41d4b;
text-decoration: none;
}
.side_block a:hover{
color: #fff;
}
.sidebar_tags{
vertical-align: middle;
font-size: 0;
padding: 0 20px;
}
.sidebar_tags a{
line-height: 20px;
padding: 0 5px;
font-size: 12px;
display: block;
float: left;
border:1px solid #404040;
margin: 0 4px 4px 0;
color: #fff;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
}
.sidebar_tags a:hover{
color: #e41d4b;
border-color: #e41d4b;
}
.adv315{
float: right;
width: 510px;
height: 392px;
padding: 46px 0;
margin:0 0 10px 0;
overflow: hidden;
text-align: center;
}
.adv315block{
float: right;
width: 330px;
text-align: center;
}
.hblock{
margin: 0 0 20px 0;
border-bottom: 1px solid #202020;
}
.hblock:last-of-type{
margin: 0;
border-bottom: 0;
}
.hblock h4, .side_header{
font-size: 20px;
line-height: 20px;
padding: 0 0 20px 20px;
color: #e41d4b;
text-transform: uppercase;
}
.hblock h4 a, .side_header a{
font-size: 22px;
color: #ddd;
text-decoration: none;
}
.hblock h4 a:hover, .side_header a:hover{
color: #909090;
}
/* FOOTER */
.footer {
background-color: #202020;
font-size: 14px;
moz-box-shadow: inset 200px 0 0 0 #303030;
-webkit-box-shadow: inset 200px 0 0 0 #303030;
box-shadow: inset 200px 0 0 0 #303030;
}
.footer a{
text-decoration:none;
color: #e41d4b;
font-size: 14px;
}
.footer a:hover{
text-decoration:none;
color: #303030;
}
.footer > .left{
width: 200px;
padding: 20px;
background-color: #303030;
color: #aaa;
}
.copyrights{
line-height: 25px;
margin: 0 0 10px 0;
}
.footer_menu{
}
.footer_menu ul{
list-style: none;
display: block;
}
.footer_menu li{
display:block;
font-size: 14px;
}
.footer_menu li a{
font-size: 14px;
line-height: 25px;
height: 25px;
display: inline-block;
position: relative;
text-decoration: none;
color: #e41d4b;
}
.footer_menu li a:hover{
text-decoration: none;
color: #fff;
}
.footer > .right{
padding: 20px;
color: #909090;
}
/* social.tpl */
.social_menu{
list-style: none;
display: block;
float: left;
height: 40px;
width: 270px;
}
.social_menu li{
display: block;
float: left;
color: #fff;
margin: 0 5px 0 0;
}
.social_menu li a{
display:block;
height: 40px;
width: 40px;
border: 1px solid rgba(255,255,255,0.1);
color: #fff;
font-size: 14px;
text-decoration: none;
position: relative;
}
.social_menu li a.vk_icon{
background-position: -1px -1px;
background-color: #44678e;
}
.social_menu li a.tw_icon{
background-position: -1px -41px;
background-color: #48aee5;
}
.social_menu li a.fb_icon{
background-position: -1px -81px;
background-color: #405f94;
}
.social_menu li a.yt_icon{
background-position: -1px -161px;
background-color: #cc181e;
}
.social_menu li a.gp_icon{
background-position: -1px -121px;
background-color: #cc5144;
}
.social_menu li a.rss_icon{
background-position: -1px -201px;
background-color: #ed7137;
}
.social_menu li a:hover{
opacity: 0.9;
}
.about{
margin: 0 0 20px 0;
font-size: 12px;
}
.about a{
font-size:12px;
}
.counters{
min-height:41px;
float: right;
}
a.developer{
display: inline-block;
width: 105px;
height: 20px;
margin: 20px 10px 0 0;
background-position: -50px -130px;
}
.footer > .wrap{
}
.col1{
margin: 0 0 20px 0;
}
.col2{
width: 50%;
float: left;
margin:0 0 20px 0;
}
.col2 > .col2{
margin: 0;
}
.footer .logo{
margin: 0 30px 0 0;
width: 150px;
height: 25px;
}
.footer .logo img{
width: 150px;
}
.sort{
line-height:20px;
overflow: hidden;
min-height: 20px;
font-size: 12px;
color: #fff;
margin: 0 0 20px 20px !important;
}
.sort a{
display:inline-block;
font-size: 12px;
text-decoration: none;
color: #e41d4b;
}
.sort a:hover{
color: #ddd;
}
/* shortspry.tpl */
.shortstory{
width:240px;
height: 191px;
position: relative;
overflow: hidden;
margin: 0 0 10px 10px;
float: left;
}
.short_post{
width: 240px;
height: 135px;
position: relative;
overflow: hidden;
display: block;
}
.short_post img{
width: 100%;
min-height: 100%;
}
.post_img:before{
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0);
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
transition: ease 0.2s all;
z-index: 1;
}
.post_img:hover:before{
background-color: rgba(0,0,0,0.3);
}
.play_icon{
width: 120px;
height: 60px;
background-color: rgba(228,29,75,0.3);
position: absolute;
bottom: 50%;
left: 50%;
margin: 0 0 -30px -60px;
z-index: 10;
-webkit-transition:0.2s all;
-moz-transition:0.2s all;
transition:0.2s all;
-ms-transform: scale(0,0);
-webkit-transform: scale(0,0);
transform: scale(0,0);
z-index: 4;
}
.short_post:hover .play_icon{
width: 120px;
height: 60px;
-ms-transform: scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
.play_icon:before{
margin: 10px;
display: block;
width: 100px;
height: 40px;
line-height: 40px;
color: #fff;
content: "СМОТРЕТЬ";
font-size: 14px;
text-align: center;
border:1px solid #e41d4b;
}
.video_time{
position: absolute;
height: 30px;
line-height: 30px;
color: #fff;
padding: 0 10px;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
font-size: 12px;
z-index: 2;
}
.video_quality{
position: absolute;
height: 30px;
line-height: 30px;
color: #fff;
padding: 0 10px;
bottom: 0;
right: 0;
background-color: rgba(228,29,75,0.5);
font-size: 12px;
z-index: 3;
}
.short_post_content{
overflow: hidden;
width: 100%;
height: 56px;
padding: 10px 0;
}
.short_title{
font-size: 14px;
line-height: 16px;
color: #fff;
font-weight: normal;
height: 16px;
overflow: hidden;
margin: 0 0 5px 0;
font-family: "RobotoMedium";
}
.short_title a{
text-decoration: none;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
transition: ease 0.1s all;
color: #fff;
font-size: 14px;
}
.short_title a:hover{
color: #e41d4b;
}
.short_views{
height: 15px;
color: #909090;
font-size: 12px;
line-height: 15px;
float: left;
}
.short_rating{
float: right;
height: 15px;
}
.short_date{
height: 15px;
color: #909090;
font-size: 12px;
line-height: 15px;
margin: 0 auto;
width: 80px;
}
/* navigation.tpl */
.navigation-holder{
text-align: center;
clear: both;
height: 80px;
padding: 10px 0 20px 0;
}
.navigation{
color:#000;
font-size:18px;
clear:both;
display: inline-block;
text-align: center;
}
.navigation b{
font-weight: normal;
padding: 0
}
.navigation span, .navigation a, .navigation b{
height: 50px;
line-height: 50px;
vertical-align: middle;
min-width:50px;
font-size:18px;
float:left;
border:1px solid #202020;
border-left: 0;
}
.navigation a{
color:#e41d4b;
text-decoration: none;
-webkit-transition:0.2s all;
-moz-transition:0.2s all;
transition:0.2s all;
}
.navigation a:hover{
text-decoration:none;
color:#fff;
background:#e41d4b;
}
.navigation span {
text-decoration:none;
color:#fff;
background-color: #e41d4b;
}
.nav_ext{
background-color: transparent !important;
color: #909090 !important;
border-color: #202020 !important;
}
.next,.prev{
}
.next span,.prev span{
background:none !important;
color:#909090;
border:0 !important;
padding: 0 10px;
}
.next a, .prev a{
text-decoration:none !important;
color: #e41d4b;
border:0 !important;
line-height:48px !important;
padding: 0 10px;
height: 48px;
}
.prev{
border-left: 1px solid #202020 !important;
}
.next a:hover, .prev a:hover{
}
.post_content{
font-size: 16px;
color: #ddd;
margin-bottom: 20px;
}
.post_content a{
font-size: 16px;
color: #e41d4b;
text-decoration: underline;
}
.post_content a:hover{
text-decoration: none;
}
.post_content img{
max-width: 100%;
padding:10px 0;
padding: 10px\9;
height: auto !important;
}
.ie10 .post_content img{
padding: 10px;
}
.post_content object, .post_content iframe, .post_content embed{
max-width: 100%;
margin: 10px 0;
}
.post_content img[align="left"], .post_content img[style="float:left;"]{
padding: 10px 20px 10px 0;
}
.post_content img[align="right"], .post_content img[style="float:right;"]{
padding: 10px 0 10px 20px;
}
.post_content a:hover img{
opacity:.8;
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{
color:#000;
font-family:"RobotoMedium";
margin:10px 0;
}
.post_content hr{
background-color:#d9e1e3;
border:none;
height:1px;
margin:0 0 20px;
}
.post_content table{
border-collapse:collapse;
border:none;
font-size:14px;
width:100%;
table-layout:fixed;
margin-bottom:25px;
color: #ddd;
}
.post_content table th,.post_content table td{
padding:10px;
border:1px solid #ddd;
font-weight:normal;
text-align:left;
vertical-align:middle;
}
.post_content table tr:first-child{
background-color: #202020;
color: #fff;
}
.post_content ul{
margin:0 20px 20px 20px;
}
.post_content ul li{
display:block;
position:relative;
padding:5px 0 0 25px;
margin-bottom:5px;
line-height: 1.2;
}
.post_content ul li strong{
font-family:'RobotoMedium';
}
.post_content ul li a{
color:#e41d4b;
text-decoration:underline;
}
.post_content ul li a:hover{
text-decoration:none;
}
.post_content ul li:before{
content: '';
display: block;
width: 6px !important;
height: 6px !important;
position: absolute;
top: 10px;
left: 4px;
background-color: #ddd;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.post_content ol{
margin:0 20px 20px 20px;
counter-reset:list;
}
.post_content ol li{
display:block;
position:relative;
padding:5px 0 0 20px;
font-family:'RobotoRegular';
margin-bottom:5px;
counter-reset:list1;
min-height:32px;
}
.post_content ol li strong{
font-family:'RobotoMedium';
}
.post_content ol li a{
color:#e41d4b;
text-decoration:underline;
}
.post_content ol li a:hover{
text-decoration:none;
}
.post_content ol li:before{
content:counter(list)".";
counter-increment:list;
display:block;
position:absolute;
top:5px;
left:-2px;
color:#e41d4b;
}
.post_content p{
margin:0 0 10px 0;
}
.post_content b, .post_content strong{
font-weight: normal;
font-family: "RobotoMedium";
}
/* pm.tpl */
.pm_aside{
width: 100%;
background-color: #202020;
color: #707070;
margin: 0 0 30px 0;
}
.pm_main{
overflow: hidden;
padding: 0 0 20px 0;
}
.pmlinks{
}
.pmlinks a{
display:block;
height:40px;
padding:10px 0 10px 40px;
line-height:20px;
color:#aaa;
text-decoration:none;
border-bottom: 1px solid #303030;
vertical-align: middle;
}
.pmlinks a:hover{
color:#fff;
background-color:#252525;
}
.pmlinks a:before{
content: "";
height: 20px;
width: 20px;
display: block;
margin: 0 0 0 -30px;
position: absolute;
}
.pmlinks a[href*="inbox"]:before{
background-position: -80px -190px;
}
.pmlinks a[href*="outbox"]:before{
background-position: -100px -190px;
}
.pmlinks a[href*="newpm"]:before{
background-position: -120px -190px;
}
.pm_status {
}
.pm_status_content {
padding: 15px 20px;
font-size: 14px;
}
/*---прогресс бар---*/
.pm_progress_bar {
height:30px;
width:100%;
background-color: #151515;
}
.pm_progress_bar span {
background:#e41d4b;
font-size: 0em;
text-indent: -2000em;
height: 30px;
display: block;
overflow: hidden;
}
/*
* ========================================
* Персональные сообщения
* ========================================
*/
table.pm td{
border-top:1px solid #303030;
height:40px;
}
table.pm tr:first-child td, table.pm tr:last-child td{
border-top: 0;
}
.pm .bbcodes{
line-height: 28px !important;
height: 30px;
padding: 0 10px 2px 10px;
}
.pm select{
height: 30px;
}
.pm_head {
font-size:18px;
line-height: 30px;
font-family: "RobotoMedium";
text-decoration:none;
}
.pm td input[type="checkbox"]{
vertical-align: middle;
}
.pm_list {
color: #909090;
font-family: tahoma;
}
.pm_list a {
color: #e41d4b;
text-decoration:none;
}
.pm_list:last-child, .pm_head:last-child{
text-align: center;
}
.pm_sub{
color:#909090;
padding:10px;
margin: 20px 0 0 0;
font-size: 14px;
font-style: normal;
background-color: #f5f5f5;
}
.pm_sub a{
color: #e41d4b;
font-size: 14px;
}
/* profile_popup.tpl */
.avatar_bg{
width: 100%;
height: 150px;
position: relative;
z-index: 1;
background-size:cover;
background-position: center center;
background: -moz-linear-gradient(left, #e41d4b 0%, #ff8000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e41d4b), color-stop(100%,#ff8000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e41d4b 0%,#ff8000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e41d4b 0%,#ff8000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #e41d4b 0%,#ff8000 100%); /* IE10+ */
background: linear-gradient(to right, #e41d4b 0%,#ff8000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41d4b', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
}
.avatar_bg:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.avatar_popup{
width:70px;
height:70px;
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 3;
position: absolute;
margin: 0 0 0 -35px;
left: 50%;
top: 15px;
outline:5px solid rgba(0,0,0,0.1);
}
.avatar_hover_content{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
line-height: 15px;
z-index: 2;
color: #fff;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
.avatar_hover_content b{
font-family: "RobotoMedium";
font-weight: normal;
}
.userinfo_left{
width: 50%;
float: left;
height: 100%;
padding: 0 50px 0 0;
font-size: 13px;
}
.userinfo_left > div, .userinfo_right div{
margin: 0 0 10px 0;
}
.userinfo_right .rating{
float: right !important;
}
.userinfo_right{
width: 50%;
float: right;
height: 100%;
padding: 0 0 0 50px;
text-align: right;
font-size: 13px;
}
.profile_popup_counters{
background-color: rgba(0,0,0,0.5);
height: 50px;
width: 100%;
color: #fff;
position: absolute;
z-index: 4;
left: 0;
bottom: 0;
}
.profile_popup_counter{
width: 40%;
height: 50px;
float: left;
padding: 15px;
font-size: 14px;
text-align: center;
line-height: 20px;
display: block;
position: relative;
}
.profile_popup_counter b{
font-size: 24px;
font-family: "RobotoMedium";
}
.profile_popup_counter a{
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
color: #e41d4b;
text-align: center;
line-height: 50px;
text-indent: -9999px;
}
.profile_popup_counter a:hover{
background-color: rgba(0,0,0,0.2);
}
.profile_popup_rss{
width: 20%;
float: left;
height: 50px;
border-left: 1px solid rgba(0,0,0,0.2);
border-right:1px solid rgba(0,0,0,0.2);
color: #fff;
}
.profile_popup_rss a{
font-size: 24px !important;
font-family: "RobotoMedium";
line-height: 50px;
color: #fff !important;
text-decoration: none;
display: block;
text-align: center;
}
.profile_popup_rss a:focus{
outline: none;
}
.profile_popup_rss a:hover{
background-color: rgba(0,0,0,0.1);
}
/* addnews.tpl */
.chzn-choices {
border:1px solid #000 !important;
width:250px !important;
box-shadow:none !important;
}
.chzn-container-active .chzn-choices {
box-shadow:none;
border:1px solid #e41d4b !important;
}
#category_chzn{
width: 250px !important;
}
.chzn-container-multi .chzn-choices{
background-image: none !important;
}
td .bbcodes{
height: 40px;
line-height: 40px !important;
padding: 0 15px;
-webkit-border-radius:2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.chzn-container-multi .chzn-choices .search-field input {
height: auto !important;
}
.find_rel{
margin: 15px 0 0 0 !important;
}
/* */
/* Feedback.tpl */
.feedbackta{
padding: 5px;
height: 150px;
}
select[name="recip"]{
height: 40px;
padding: 10px;
line-height: 20px;
}
select[name="recip"] option{
line-height: 20px;
}
.feedbackta, select[name="recip"]{
width: 100%;
}
/* poll.tpl */
.poll{
background:#202020;
padding:20px;
margin:10px 0;
}
.poll b{
font-size:16px;
line-height:20px;
color:#e41d4b;
font-family: "RobotoMedium";
font-weight: normal;
}
.poll i{
line-height:30px;
}
/* Buttons */
.buttonholder{
margin: 20px 0 0 0;
}
.site_button{
cursor: pointer;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
font-size: 16px;
text-transform: uppercase;
padding: 0 15px;
font-family: "RobotoMedium", Arial sans-serif;
}
.site_button:active{
background-color: rgba(0,0,0,1);
}
.site_button:hover{
color: #fff;
}
.dark_button{
margin: 0 20px 0 0;
border:2px solid #ddd;
background-color: transparent;
color: #ddd;
height: 40px;
line-height: 36px;
}
.dark_button:hover{
background-color: #ddd;
color: #202020;
}
.color_button{
border:2px solid #e41d4b;
color: #e41d4b;
background-color: transparent;
height: 40px;
line-height: 36px;
}
.color_button:hover{
background-color: #e41d4b;
}
/* fullstory.tpl */
.post_middle{
width:680px;
float: left;
margin: 0 0 20px 0;
}
.full-story, .tagscloud{
width:100%;
padding:0 20px 0 20px;
color:#ddd;
font-size:16px;
line-height:150%;
}
.tagscloud a{
color:#e41d4b;
}
.post_title{
font-size:24px;
color:#fff;
text-decoration:none;
line-height:25px;
margin-bottom:20px;
position:relative;
}
.post_title a{
color:#fff;
font-size:24px ;
text-decoration:underline;
}
.post_title a:hover{
color:#e41d4b;
text-decoration:underline;
}
.social_share{
margin: 0 0 20px 0;
min-height: 30px;
}
.full_quality{
color: #e41d4b;
border:1px solid #e41d4b;
padding:0 5px;
margin: 0 0 0 10px;
}
.tabs_header{
height: 40px;
border:1px solid #202020;
}
.tabs_header span{
color:#909090 ;
font-size:12px;
line-height:40px;
text-align:center;
display: block;
float: left;
padding:0 15px;
text-decoration:none;
border-right: 1px solid #202020;
font-family: "RobotoMedium";
text-transform: uppercase;
}
.tabs_header span:hover{
cursor:pointer;
color: #fff;
}
.tabs_header i{
height: 40px;
float: right;
width: 40px;
border-left: 1px solid #202020;
display: block;
font-style: normal;
color:#fff ;
font-size:12px;
line-height:40px;
text-align:center;
font-family: "RobotoMedium";
text-transform: uppercase;
text-decoration: none;
}
.del_favorite{
background-position: 0 -300px;
}
.del_favorite:hover{
background-position: -40px -300px;
}
.add_favorite{
background-position: -40px -300px;
}
.add_favorite:hover{
background-position: 0 -300px;
}
.complaint_button{
background-position: -80px -300px;
}
.complaint_button:hover{
opacity: 0.8;
background-position: -120px -300px;
}
.tabs{
margin: 0;
}
.active-ttab{
color:#e41d4b !important;
background-color: #202020;
}
.tab-panel{
border:1px solid #202020;
}
.tab-box{
display:none;
padding:15px 0;
font-size: 14px;
}
.tab-box a{
font-size: 14px;
color: #e41d4b;
text-decoration: none;
}
.tab-box a:hover{
text-decoration: underline;
}
.tab-box b{
font-weight: normal;
font-family: "RobotoMedium";
}
.info-col1{
float: left;
width: 50%;
padding: 0 0 0 15px;
}
.frating{
width: 100%;
height: 15px;
margin: 0 0 10px 0;
}
.shots, .full-download{
padding: 0 15px;
}
.shots br{
display: none;
}
.shots img{
height: 75px;
float: left;
margin: 0 -1px -1px 0;
border:1px solid #000;
}
.shots a img:hover{
opacity: 0.8;
}
.full_post_tags{
margin-bottom: 30px;
}
.full_post_tags a{
text-decoration: none;
color: #e41d4b;
}
.full_post_tags a:hover{
color: #fff;
}
/* related.tpl */
.addcomment-post{
margin: 30px 0 0 0;
}
.related-news{
height: 176px !important;
}
.related-news .short_title{
margin-bottom: 0;
}
.related-news .short_post_content{
height: 36px;
}
/* addcoments.tpl*/
.addcomment-post{
color: #909090;
margin: 0 20px;
}
.addcomment_editor{
width: 50%;
min-width: 250px;
height: 60px;
min-height: 60px;
margin: 0 0 10px 0;
}
.addcomment_editor:focus{
height: 100px;
}
/* */
/* COMMENTS.tpl */
.comments{
}
.comment{
padding:0 20px 20px 20px;
margin: 0 0 20px 0;
position: relative;
border-bottom: 1px solid #202020;
}
.comment a{
color:#e41d4b;
text-decoration:none;
}
.comment a:hover{
text-decoration:underline;
}
.comment_avatar{
width:40px;
height: 40px;
margin: 0 25px 0 0;
background-size: cover;
background-position: center center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
position: absolute;
top: 0;
left: 20px;
}
.comment_content{
width: 100%;
padding-left: 65px;
}
.comment-news a{
text-decoration:underline;
margin:0 0 10px 0 !important;
display: inline-block;
font-size: 18px;
}
.comment-news a:hover{
text-decoration:none;
color:#e41d4b;
}
.comment_meta{
height: 14px;
line-height: 14px;
font-size: 12px;
color: #909090;
margin: 0 0 10px 0;
}
.comment_meta span a{
line-height: 16px;
}
.comment_author{
padding: 0 0 0 15px;
position: relative;
font-size: 14px;
color: #fff;
}
.comment_author a{
font-size: 16px;
font-family: "RobotoMedium";
}
.comment_author a:hover{
color:#fff;
text-decoration: none;
}
.comment_author:before{
position: absolute;
content: "";
display: block;
left: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.comment_author.author_offline:before{
border:1px solid #ccc;
top: 5px;
width: 6px;
height: 6px;
}
.comment_author.author_online:before{
background-color: #e41d4b;
width: 6px;
height: 6px;
top: 5px;
}
.comment_date{
float: right;
}
.mass-action{
margin:-2px 0 0 10px;
height:14px;
float:right;
}
.mass-action input[type="checkbox"]{
margin: 0;
}
.comment_post{
font-size: 16px;
line-height: 18px;
color: #ddd;
}
.comment_post a{
font-size: 16px;
}
.comment_controls{
margin: 10px 0 0 0;
height: 12px;
line-height: 12px;
float: right;
}
.comment_controls a{
font-size: 13px;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
transition: ease 0.1s all;
margin: 0 0 0 10px;
}
.comment_controls a:hover{
color: #fff;
text-decoration: none;
}
.mass_comments_action{
color:#909090;
margin: 0 0 20px 0;
padding: 0 20px 20px 20px;
border-bottom: 1px solid #202020;
}
.mass_comments_action select[name="mass_action"]{
height: 22px;
border-color: #ccc;
}
.info{
margin: 0 0 25px 0;
color:#aaa;
padding:25px;
font-size:14px;
line-height: 1.2;
border:1px solid #303030;
}
.info a{
color:#e41d4b;
font-size: 14px;
text-decoration: none;
}
.info a:hover{
text-decoration: underline;
}
/* registration.tpl */
form#registration .bbcodes{
height: 40px;
padding: 0 15px;
line-height: 20px;
font-size: 16px;
font-family: "RobotoMedium";
vertical-align: middle;
}
/* userinfo.tpl */
.userinfo .post_content{
float: none;
}
.profile_cell{
width: 50%;
height: 56px;
line-height: 56px;
text-align: center;
float: left;
border:1px solid #303030;
border-top: 0 !important;
color: #909090;
font-size: 20px;
position: relative;
}
.profile_cell:nth-of-type(2n){
border-left:0 !important;
}
.profile_cell a{
display: block;
width: 100%;
height: 100%;
line-height:56px;
font-size: 20px;
text-align: center;
background-color: rgba(0,0,0,0.1);
color: #e41d4b;
text-decoration: none;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
}
.profile_cell a:hover{
background-color: rgba(0,0,0,0.7);
color: #fff;
}
.profile_cell.location{
padding: 0 20px 0 30px;
}
.profile_cell.icq{
padding:0 20px 0 36px;
}
.profile_cell:before{
content: "";
position: absolute;
height: 16px;
left: 20px;
top: 20px;
}
.profile_cell.location:before{
width: 10px;
background-position: -80px -210px;
}
.profile_cell.icq:before{
width: 16px;
background-position: -100px -210px;
}
.edit_button a{
display: block;
text-align: center;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
border:1px solid rgba(255,255,255,0.3);
background-color: transparent;
color: #fff;
height: 50px;
line-height: 50px !important;
text-decoration: none;
padding: 0 10px;
font-family: "RobotoMedium";
margin: 0 0 40px 0;
}
.edit_button a:hover{
background-color: rgba(255,255,255,0.3);
color: #fff;
}
.block_ip{
font-size: 12px;
}
.file_upload{
display: inline-block;
cursor: pointer;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
overflow: hidden;
width: 150px;
position: relative;
}
.file_upload span{
display: block;
position: absolute;
}
.file_upload:hover{
border: 1px solid #000;
background-color: rgba(0,0,0,0.8);
color: #fff;
}
.file_upload input[type="file"]{
margin-top: -50px;
margin-left:-410px;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
.hidemail{
line-height: 40px;
display: inline-block;
margin: 0 0 0 10px;
}
.block_ip{
margin: 10px 0 0 0;
}
/* vote.tpl */
.vote{
font-size: 14px;
line-height:150%;
width:auto !important;
}
.question{
font-size: 16px;
color:#fff;
font-family: "RobotoMedium";
margin:20px 0 15px 0;
}
#dle-vote{
margin: 0 0 20px 0;
}
.vote_button{
line-height: 36px;
background-color: #ff8000;
}
.vote_button, .results_button{
height: 40px;
padding: 3px 0 0 0;
text-align: center;
width: 50%;
text-transform: uppercase;
font-family: "RobotoMedium";
font-size: 12px;
float: left;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
transition: ease 0.2s all;
border:0;
color: #fff;
}
.results_button{
background-color: rgba(255,128,0,0.7);
line-height: 36px;
}
.results_button:hover, .vote_button:hover{
background-color: #202020;
border-color: #202020;
color: #fff;
}
.all_votes{
margin: 10px 0 0 0;
display: inline-block;
height: 16px;
}
table.fulltable{
width:100%;
border-collapse: collapse;
border-spacing: 0;
cellspacing:0;
border:0;
}
table.fulltable td{
padding:0 0 20px 0;
vertical-align: top;
}
.line{
margin:5px 0;
padding:5px 15px;
border:1px solid #e0e0e0;
background:#202020;
min-height:20px;
text-align:left;
font-size:13px;
}
.sline, .addnews{
width:150px;
min-height:25px;
line-height:25px;
font-size:16px;
padding-top: 10px !important;
}
.pline{
width:400px;
min-height:15px;
line-height:15px;
text-align:left;
}
.import{
color:#e41d4b;
}
.line a{
color:#e41d4b;
}
.row{
font-size:13px;
margin:5px 0;
padding:5px;
border:1px solid #eee;
background:#202020;
}
.row a{
color:#e41d4b;
}
.row h{
min-width:150px;
padding:3px;
margin:0 0 10px 0;
}
.userstop{
font-size:11px;
color:#ddd;
border-collapse:collapse;
}
.userstop thead {
padding:5px 0 0 5px;
height:20px;
font-size:12px;
color:#303030;
background:#eee;
background: linear-gradient(to top, #eee, #fff);
}
.userstop table {
border-collapse:collapse;
}
.userstop td {
text-align:center;
height:25px;
padding:0px;
border:1px solid #ccc;
}
.userstop a {
font-size:11px;
text-decoration:none;
color:#e41d4b;
}
.userstop a:hover {
text-decoration: none;
}
.stat{
color:#707070;
font-size:13px;
min-height:15px;
margin:0 20px 0 20px;
padding:2px 0 5px 0;
border-bottom:1px solid #e0e0e0;
font-family: "RobotoMedium";
}
.stat span{
float:right;
font-weight:normal;
font-family: "RobotoRegular";
}
.stat a{
font-size:13px;
text-decoration:none;
}
.h-row{
color:#ddd;
background:#202020;
font-family: "RobotoMedium";
padding:0 0 0 15px;
margin:10px 0 0 0;
line-height: 30px;
}
textarea, .txsh, .input1, .input2, .input3, .input4, .xfields input[type="text"], input.default{
border:0;
line-height:20px;
background:#fff;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
transition: ease 0.1s all;
padding:10px;
font-size:13px;
}
.txsh, .input1, .input2, .input3, .xfields input[type="text"], input.default{
height:40px ;
line-height: 20px;
}
textarea{
min-height: 100px;
}
textarea:focus, .txsh:focus, .input1:focus, .input2:focus, .input3:focus, .search #searchinput:focus, .search #searchuser:focus, .field:focus, .field:hover, .xfields input[type="text"]:focus, input.default:focus{
box-shadow:none;
}
.input1, .xfields input[type="text"], input.default, .f_textarea, .feedbackta{
width:100% ;
color:#303030;
}
.f_textarea{
height: 150px;
}
.input2{
width:100px;
}
.input3{
width:223px;
margin: 0 10px 0 0;
}
.input4{
font-size:13px;
height:100px;
width:250px;
}
.clear {
margin:0;
padding:0;
height:0px;
clear:both;
width:100%;
}
table{
background:transparent;
border:0px;
border-collapse:separate;
}
table td{
text-align:left;
padding:0px;
background:transparent;
}
select {
font-size: 12px;
font-family: Arial;
color: #303030;
}
.stext {
color: #727272;
font-size: 11px;
font-family: tahoma;
}
.stext a:active,
.stext a:visited,
.stext a:link {
color: #0084ff;
text-decoration:none;
}
.stext a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.ntitle {
color: #CC00FF;
font-size: 15px;
font-family: tahoma;
font-weight: bold;
padding:11px 0 0 6px;
}
.ntitle a {
color: #0084ff;
text-decoration: underline;
}
.ntitle a:hover {
text-decoration:none;
}
.ui-dialog fieldset{
padding:5px;
color:#e41d4b;
border:1px solid #ddd;
margin: 0 0 10px 0;
}
#totop{
width:60px;
height: 40px;
background-color: rgba(255,255,255,0.2);
background-position: -140px -200px;
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
display:none;
-webkit-transition:0.2s all;
-moz-transition:0.2s all;
transition:0.2s all;
}
#totop:hover{
background-color: rgba(255,255,255,0.5);
}
.attachment{
position: relative;
padding:0 0 5px 20px;
line-height:16px;
}
.attachment:before{
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 14px;
height: 16px;
background-position: -50px -220px;
}
#options{
margin: 0 0 20px 0;
}