вопрос
съехал текст за границу блока в полной новости а именно комментария и просмотры в полной новости.
скриншот 1 как сейчас на сайте:
скриншот 2 как сделать как тут:
Ссылка на сайт где нужна помощь
как я понял этот кусок кода отвечает за позицию блока и текста:
полный код style.css
скриншот 1 как сейчас на сайте:
скриншот 2 как сделать как тут:
Ссылка на сайт где нужна помощь
как я понял этот кусок кода отвечает за позицию блока и текста:
.news .bottom-info .full-link:hover{background-position:bottom; text-decoration:none;}
.news .bottom-info .comm-views{float:left;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.26);margin-right:20px;}
.news .bottom-info .comm-views span{
display:inline-block;
height:23px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:5px 10px;
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}
.news .bottom-info .comm-views .comm{
background:url(../images/comm-views.jpg) bottom repeat-x;
padding-right:30px;
}
.news .bottom-info .comm-views .views{
background:url(../images/comm-views.jpg) top repeat-x;
margin-left:-25px;
}
полный код style.css
@charset "utf-8";
/* CSS Document */
body,html{
width:100%;
height:100%;
background:url(../images/bg.jpg) no-repeat fixed left center;
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* Современные браузеры */
color:#3f3c3c;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
/*style tags*/
a{text-decoration:none; color:#3b6a97;}
a:hover{text-decoration:underline; color:#3b6a97;}
strong,h5,h6{
font-weight:bold;
}
h1{font-size:24px;font-weight: bold;}
h2{font-size:18px;font-weight: bold;}
h3{font-size:14px;font-weight: bold;}
h4{font-size:12px;font-weight: bold;}
h5{font-size:11px;font-weight: bold;}
h6{font-size:10px;font-weight: bold;}
/*style tags end*/
.clear{clear:both;}
#wrapper{
width:1000px;
margin:0 auto;
}
#content-bg{
background:#fff;
border-radius:15px;
margin-top:10px;
overflow:hidden;
box-shadow:0 2px 2px rgba(0,0,0,0.42);
behavior: url(/PIE.php); position: relative;
}
/*header*/
.h_social{
background:url(../images/h_menu-social.gif) bottom center no-repeat;
float:left;
padding:0 5px 7px;
position:absolute;
margin:11px 0 0 10px;
}
.h_social li{
float:left;
margin:0 5px;
}
.h_social li a{
display:inline-block;
width:35px;
height:34px;
}
.h_social li a.item-1{background:url(../images/h_social-1.png) top no-repeat;}
.h_social li a.item-2{background:url(../images/h_social-2.png) top no-repeat;}
.h_social li a.item-3{background:url(../images/h_social-3.png) top no-repeat;}
.h_social li a.item-1:hover,.h_social li a.item-2:hover,.h_social li a.item-3:hover{background-position:bottom;}
.h_menu{
background: url(../images/h_menu-bg.png);
height:50px;
width:865px;
padding-bottom:15px;
float:right;
}
.h_menu ul{
margin-left:40px;
}
.h_menu ul li{
float:left;
padding:17px;
background:url(../images/h_menu-item.png) right top no-repeat;
}
.h_menu ul li a{
color:#fff;
font-size:14px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.23);
}
.logo{
display:inline-block;
float:left;
margin:10px 20px;
}
.site-slogan{
font-size:13px;
color:#8f9090;
font-style:italic;
margin:155px 0 0 147px;
position:absolute;
}
.h_banner-block{
width:519px;
height:112px;
position:relative;
float:right;
background:url(../images/h_banner-bg.png) no-repeat;
margin:10px 20px;
}
.h_banner-block:before{
content:'';
background:url(../images/h_separation.png);
width:12px;
height:97px;
display:inline-block;
margin:5px 0 0 -55px;
position:absolute;
}
.h_banner-block .h_banner{
position:absolute;
top:11px;
left:25px;
}
.h_banner-block .h_banner-order{
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
font-size:10px;
display:inline-block;
background:url(../images/h_banner-order.png) top center no-repeat;
position:absolute;
top:88px;
left:200px;
padding:2px 20px;
}
.h_banner-block .h_banner-order:hover{
background-position:bottom;
}
.h_bottom-bg{
background:url(../images/h_bottom-bg.png);
height:62px;
overflow:hidden;
}
.h_bottom-bg .speedbar{
background:#1d3751;
padding:5px 10px 5px 5px;
display:inline-block;
border-radius:5px;
margin:12px 0 0 10px;
font-size:12px;
color:#fff;
box-shadow:0 1px 0 rgba(48,77,103,0.75),
0 1px 2px rgba(0,0,0,0.38) inset;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
behavior: url(/PIE.php); position: relative;
}
.h_bottom-bg .speedbar span#dle-speedbar{
background:url(../images/h_speedbar-current.png) left top no-repeat;
color:#f9ab1e;
padding:3px 0 1px 20px;
display:inline-block;
}
.h_bottom-bg .speedbar span#dle-speedbar a{
color:#fff;
}
.h_search{
background:url(../images/h_search-bg.png);
width:303px;
height:41px;
float:right;
margin:11px 15px 0 0;
position:relative;
}
.h_search form{
background:url(../images/h_search-form.png);
width:272px;
height:31px;
position:absolute;
top:8px;
left:15px;
}
.h_search form input{
border:none;
}
.h_search form input[type=text]{
background:none;
margin:7px 0 0 10px;
width:230px;
color:#22476a;
font-size:12px;
font-style:italic;
}
.h_search form input[type=submit]{
background:url(../images/h_search-submit.png);
width:15px;
height:15px;
cursor:pointer;
margin-left:5px;
}
/*main*/
#main{
display:inline-block;
width:100%;
margin-bottom:10px;
}
#left{
float:left;
width:225px;
margin-left:10px;
}
#center{
width:510px;
margin:0 10px;
display:inline-block;
}
#right{
float:right;
width:225px;
margin-right:10px;
position:relative;
}
.bg-grey{
border:1px solid #f4f4f4;
background:#f8f8f8;
}
/*title blocks*/
.block{
background:#fff;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
padding-bottom:10px;
margin-bottom:10px;
behavior: url(/PIE.php); position: relative;
}
.title-block{
font-size:13px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:9px 0 0 35px;
behavior: url(/PIE.php); position: relative;
}
.title-block-1{
background:url(../images/title-block-1.png);
height:66px;
}
.title-block-2{
background:url(../images/title-block-2.png);
height:66px;
}
.title-block-3{
background:url(../images/title-block-3.png);
height:46px;
padding-top:13px;
}
.title-block-4{
background:url(../images/title-block-4.png);
height:46px;
padding-top:13px;
}
.catalog-list li a{
display:block;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #fff;
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);
padding:6px 5px 5px 10px;
color:#544e4e;
font-size:12px;
}
.catalog-list li a:before{
content:'';
display:inline-block;
height:10px;
width:10px;
background:url(../images/catalog_list-item.png) top;
margin-right:5px;
margin-bottom:-1px;
}
.catalog-list li a:hover{
background:url(../images/catalog_list-item-hover.jpg) !important;
color:#fff;
text-decoration:none;
}
.catalog-list li a:hover:before{
background-position:bottom;
}
.catalog-list li:first-of-type a{
background:none;
}
.popular-programm_list{
padding:0 5px;
}
.popular-programm_list li{
border-bottom:1px dotted #c8c8c8;
padding:3px 0;
}
.popular-programm_list li:last-of-type{
border:none;
}
.popular-programm_list li a{
display:block;
background:#d4dfe8;
border-radius:5px;
padding:5px;
color:#34536b;
text-shadow:0 1px 0 rgba(255,255,255,0.47);
behavior: url(/PIE.php); position: relative;
}
.popular-programm_list li a:before{
content:'';
display:inline-block;
width:5px;
height:5px;
background:url(../images/popular-programm_list-item.gif) top;
margin-right:5px;
margin-bottom:1px;
}
.popular-programm_list li a:hover:before{
background-position:bottom;
}
.popular-programm_list li a:hover{
text-decoration:none;
background:#f1a01c;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.18);
}
.top-user_list{
padding:0 5px;
}
.top-user_list .item{
background:url(../images/top-user-separation.png) bottom center no-repeat;
padding:4px 0 7px;
overflow:hidden;
}
.top-user_list .item:last-of-type{
background:none;
}
.top-user_list .item .avatar{
position:relative;
overflow:hidden;
float:left;
margin-right:5px;
padding:1px;
border:1px solid #cdcdcd;
position: relative;
}
.top-user_list .item .avatar .number{
position:absolute;
top:5px;
right:5px;
padding:1px 5px;
color:#fff;
background:url(../images/number-bg.png);
border-radius:5px;
behavior: url(/PIE.php);
}
.top-user_list .item .info{
color:#676767;
line-height:12px;
}
.top-user_list .item .info a{
color:#348315;
font-weight:bold;
}
.top-user_list .item .info em{
color:#444444;
font-style:italic;
}
.search-total_list li {
display:block;
padding:0 5px 5px;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);
behavior: url(/PIE.php); position: relative;
}
.search-total_list li a{
margin:0 0 1px;
color:#535252;
font-style:italic;
}
.search-total_list li a:before{
content:'';
display:inline-block;
height:16px;
width:1px;
margin:1px 1px 1px;
float:left;
}
.search-total_list li a strong{
color:#24486c;
font-size:12px;
}
.archives
{
display:block;
padding:0 5px 5px;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);
behavior: url(/PIE.php); position: relative;
}
.archives a {
margin:0 0 1px;
color:#535252;}
.login-block{
margin-bottom:10px;
}
.login-block a, button.login-logout{
display:inline-block;
height:30px;
font-size:12px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:6px 0 0 25px;
}
.login-block a:hover{
text-decoration:none;
}
.login-linkpanel{
background:url(../images/login-linkpanel.png) top right no-repeat;
width:149px;
margin-left:-6px;
}
.login-linkpanel:hover{background-position:bottom;}
.login-small{
float:left !important;
margin-left:-6px !important;
}
.login-big{
float:right;
margin-right:-6px !important;
}
.login-logout,button.login-logout{
background:url(../images/login-logout.png) top right no-repeat;
width:85px;
padding-left:35px !important;
float:right;
margin:0 -6px 0 0;
}
.login-logout:hover{background-position:bottom;}
.interestingarticle li{
margin:5px -2px 3px 0;
}
.interestingarticle li a{
display:block;
background:url(../images/interestingarticle-item.png) top left no-repeat;
height:30px;
font-size:12px;
color:#3a6085;
padding:6px 0 0 25px;
box-sizing:border-box;-moz-box-sizing: border-box;
}
.interestingarticle li a:hover{
background-position:bottom;
font-size:12px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
text-decoration:none;
}
.block-right{
background:url(../images/block-right-separation.png) center bottom no-repeat;
padding-bottom:5px;
margin-bottom:5px;
}
.helpsite-text{
background:url(../images/helpsite-textbg.png) top center no-repeat;
color:#3a5a7c;
font-size:10px;
font-style:italic;
line-height:12px;
padding:8px;
width:229px;
height:70px;
box-sizing:border-box;-moz-box-sizing: border-box;
margin-top:5px;
}
.banner88x31{
background:url(../images/banner88x31-bg.png) top center no-repeat;
width:117px;
height:50px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:6px 13px;
}
.banner88x31 a{
display:inline-block;
padding:1px;
border:1px solid #d2d2d2;
}
.helpsite-banner{
margin:0 auto;
}
.helpsite-link{
background:url(../images/helpsite-link.png) top center no-repeat;
height:28px;
width:136px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:5px 0;
text-align:center;
font-size:11px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
display:inline-block;
margin:10px 45px;
}
.helpsite-link:hover{
background-position:bottom;
text-decoration:none;
}
.lastarticle .item{
margin-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #c4c4c4;
}
.lastarticle .item:last-of-type{border:none;}
.lastarticle .item .img{
padding:3px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:2px;
float:left;
margin-right:10px;
behavior: url(/PIE.php); position: relative;
}
.lastarticle .item .title{
font-size:11px;
color:#365c83;
}
.lastarticle .item .title:hover{
text-decoration:none;
color:#d06c01;
}
.lastarticle .item .descr{
background:#3b638a;
padding:5px;
margin-top:5px;
border-radius:5px;
color:#ffffff;
text-shadow:0 0px 0 rgba(0,0,0,0.0);
behavior: url(/PIE.php); position: relative;
}
.last-comments .item{
background:#e5e9e8;
display:block;
padding:5px;
border-radius:5px;
margin-top:5px;
behavior: url(/PIE.php); position: relative;
}
.last-comments .item .avatar{
float:left;
display:inline-block;
padding:1px;
border:1px solid #fff;
margin:5px 5px 0 0;
}
.last-comments .item .info{
color:#444141;
font-size:11px;
}
.last-comments .item .info a{
color:#375c80;
}
.last-comments .item .info .date{
color:#c80000;
font-size:10px;
font-style:italic;
}
.vote{
display:inline-block;
}
.vote .theme{
background:url(../images/vote-theme.png) center top no-repeat;
width:229px;
height:65px;
font-size:12px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:15px 0 15px 60px;
margin-top:5px;
}
.vresult .vote{
display:block;
font-size:12px;
}
.result{
color:#343434;
font-size:12px;
line-height:18px;
}
.vote-button{
border-top:1px dashed #bcbcbc;
padding:10px;
margin-top:5px;
}
.vote-button .submit, .news .bottom-info .full-link{
background:url(../images/vote-submit.png) top center no-repeat;
width:102px;
height:31px;
box-sizing:border-box;-moz-box-sizing: border-box;
display:inline-block;
font-size:11px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:6px 0;
text-align:center;
}
.vote-button .submit:hover{background-position:bottom; text-decoration:none}
.vote-button div{
font-style:italic;
}
.vote-button div a{
color:#34587e;
}
.sort{
background:url(../images/sort-bg.png) center top no-repeat;
width:511px;
height:30px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:9px;
text-align:center;
margin-bottom:10px;
}
.sort a{
color:#494948;
}
.center-bg{
background:#ffffff;
border:1px solid #ededed;
padding:5px;
border-radius:10px;
behavior: url(/PIE.php); position: relative;
}
.site-descr{
color:#436487;
font-style:italic;
padding:5px 10px;
}
.site-descr h1{
color:#436487;
padding:10px 0px;
font-size: 14px;
font-weight:bold;
}
.full{
border-radius:10px 10px 0 0;
box-shadow:none;
behavior: url(/PIE.php); position: relative;
}
.news{
padding:0;
}
.news .title{
font-size:12px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
width:498px;
height:94px;
box-sizing:border-box;-moz-box-sizing: border-box;
background:url(../images/news-title.png);
padding:10px 0 0 40px;
margin-bottom:-20px;
}
.news .title a{
color:#fff;
}
.news .meta{
margin:0 10px;
border-radius:10px;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.22);
padding:5px;
overflow:hidden;
behavior: url(/PIE.php); position: relative;
}
.news .meta ul.list li{
float:left;
color:#3c3c3c;
border-right:1px dashed #dddddd;
padding:3px 10px 3px 30px;
}
.news .meta ul.list li:last-of-type{
border:none;
}
.news .meta ul.list li a{
color:#3c3c3c;
}
.news .meta ul.list li.author{background:url(../images/author.png) 5px 1px no-repeat}
.news .meta ul.list li.date{background:url(../images/date.png) 10px 1px no-repeat}
.news .meta ul.list li.cat{background:url(../images/cat.png) 7px 3px no-repeat}
.news .short-story{
margin-top:5px;
border-top:1px dashed #cfcfcf;
padding:20px;
font-size:12px;
color:#5e5d5d;
}
.news .bottom-info{
border-top:4px solid #646464;
padding:5px 5px 5px;
}
.news .bottom-info .full-link{
background:url(../images/full-link.png) top no-repeat;
}
.news .bottom-info .full-link:hover{background-position:bottom; text-decoration:none;}
.news .bottom-info .comm-views{float:left;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.26);margin-right:20px;}
.news .bottom-info .comm-views span{
display:inline-block;
height:23px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:5px 10px;
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}
.news .bottom-info .comm-views .comm{
background:url(../images/comm-views.jpg) bottom repeat-x;
padding-right:30px;
}
.news .bottom-info .comm-views .views{
background:url(../images/comm-views.jpg) top repeat-x;
margin-left:-25px;
}
.news .bottom-info .admin-button{float:right;}
.news .bottom-info .admin-button li{
float:left;
margin:1px;
}
/*footer*/
#footer{
background:url(../images/footer-bg.png) top left no-repeat;
overflow:hidden;
position:relative;
padding-bottom:15px;
}
#footer-inner{
padding-top:70px;
overflow:hidden;
}
#footer .f-block{
padding:0 20px;
float:left;
position:relative;
}
#footer .f-block:before{
content:'';
background:url(../images/f-block-bg.png) top left repeat-y;
width:10px;
height:1100px;
display:inline-block;
position:absolute;
margin-top:5px;
margin-left:-12px;
}
#footer .f-block-last:after{
content:'';
background:url(../images/f-block-bg.png) top left repeat-y;
width:10px;
height:1100px;
display:inline-block;
position:absolute;
margin-top:5px;
right:-22px;
}
#footer .f-block .f-block-title{
background:url(../images/f-title-block.png);
width:137px;
height:46px;
color:#3a3939;
font-size:12px;
font-style:italic;
box-sizing:border-box;-moz-box-sizing: border-box;
margin-top:-46px;
padding:9px 25px;
}
#footer .f-block .f-tags{
padding:5px 10px;
font-size:12px;
}
#footer .f-block .f-tags a{
color:#494949;
}
#footer .f-block .f-banner li{
float:left;
margin-top:5px;
}
.copyring{
padding:10px;
font-style:italic;
line-height:13px;
color:#ffffff;
}
.copyring a{
color:#3b638a;
}
.design-top{
float:right;
margin:-52px 20px 0 0;
}
.design{
display:inline-block;
float:left;
margin:15px 0 0;
}
.top{
display:inline-block;
width:55px;
height:53px;
background:url(../images/top.png) top no-repeat;
}
.top:hover{background-position:bottom;}
/*dle style*/
.bnnavi{
background:#fff;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
padding:5px;
overflow:hidden;
behavior: url(/PIE.php); position: relative;
}
.bnnavi .navigation{
float:left;
margin-top:3px;
}
.bnnavi .navigation span{
font-size:14px;
font-style:italic;
color:#fff;
display:inline-block;
padding:3px 5px;
background:#497291;
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}
.bnnavi .navigation a{
font-size:14px;
font-style:italic;
color:#424242;
display:inline-block;
padding:3px 5px;
}
.bnnavi .nextprev{
float:right;
}
.bnnavi .nextprev span.thide{
font-size:12px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
background:#497291;
padding:5px;
border-radius:5px;
display:inline-block;
behavior: url(/PIE.php); position: relative;
}
.bnnavi .nextprev a:hover span.thide{
background:#e09200;
}
.bnnavi .nextprev .pprev:before{
content:'';
width:17px;
height:9px;
display:inline-block;
margin-right:5px;
background:url(../images/pprev.png) top left no-repeat;
}
.bnnavi .nextprev .pnext:after{
content:'';
width:17px;
height:9px;
display:inline-block;
margin-left:5px;
background:url(../images/ppnext.png) top left no-repeat;
}
.loginbox{
display:none;
position:relative;
margin-left: -430px;
z-index:999;
width:345px;
background:url(../images/loginbox-title.png) top left no-repeat #fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:90px 10px 10px;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
margin-top:-40px;
behavior: url(/PIE.php);
}
.loginbox1{
background:url(../images/loginbox-title1.png) top left no-repeat #fff;
}
.loginbox .left{
float:left;
margin-right:5px;
text-align:center;
width:120px;
}
.loginbox .left .avatar{
padding:5px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}
.loginbox .left .logout{
display:inline-block;
background:#385471;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:2px 5px;
border-radius:2px;
margin:10px 0;
behavior: url(/PIE.php); position: relative;
}
.loginbox .left .logout:hover{
background:#e48906;
text-decoration:none;
}
.loginbox .catalog-list{
overflow:hidden;
}
.loginbox .catalog-list li a{
border-bottom:1px dashed #d6d6d6;
font-size:11px;
padding:3px;
border-top:none;
}
.loginbox .catalog-list li a:hover{
border-bottom:none;
background-position:center;
padding:4px 3px 3px;
}
.loginbox .catalog-list li:last-of-type a:hover{
padding:3px;
}
.loginbox .catalog-list li:last-of-type a{
border-bottom:none;
}
.login-close{
display:inline-block;
float:right;
height:26px;
width:26px;
background:url(../images/login-close.png) top left no-repeat;
margin-top: -15px;
}
.login-close:hover{
background-position:bottom;
}
.login-form label{
position:absolute;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
margin:10px 15px;
text-transform:uppercase;
}
.login-form input{
background:url(../images/login-input.png) top left no-repeat;
width:331px;
height:37px;
border:none;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:0 20px 5px 65px;
color:#fff;
padding-top:9px 0;
}
.login-border{
border-bottom:1px dashed #afafaf;
padding:5px 0;
}
button.login-submit{
float:none;
margin:10px 120px;
border:none;
padding:0px 5px 5px 30px !important;
text-align:left;
}
.lost-pass{
display:inline-block;
margin-top:5px;
color:#416a8b;
font-style:italic;
}
.related-news{
background:url(../images/related-news.jpg) top left no-repeat #243c54;
padding-top:40px;
overflow:hidden;
}
.related-news ul{
margin:5px;
}
.related-news ul li{
padding:4px 0;
border-bottom:1px dashed #38667d;
}
.related-news ul li a{
display:block;
width:489px;
background:url(../images/related-item.png) top center no-repeat;
padding:6px 6px 6px 30px;
box-sizing:border-box;-moz-box-sizing: border-box;
font-size:12px;
color:#274a64;
}
.information{
background:url(../images/info-bg.png) top center no-repeat;
height:76px;
width:490px;
margin:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:12px 10px 10px 70px;
box-sizing:border-box;-moz-box-sizing: border-box;
}
.information .title{
font-size:14px;
font-weight:bold;
font-style:italic;
}
.information a {
color:#eaeaea;
}
.comment{
border:1px solid #ebebeb;
background:#fff;
overflow:hidden;
margin-top:1px;
padding:7px;
}
.comment .left{
float:left;
text-align:center;
margin-right:5px;
}
.comment .left img{
width:64px;
height:64px;
padding:5px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}
.comment .left a{
background:url(../images/com-fast.png) top center repeat-x;
padding:4px 10px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
font-size:12px;
display:inline-block;
height:26px;
width:80px;
box-sizing:border-box;-moz-box-sizing: border-box;
text-align:center;
margin-top:5px;
}
.comment .left a:hover{
background-position:bottom;
text-decoration:none;
}
.comment .right{
overflow:hidden;
}
.comment .right .info{
border-bottom:1px dashed #c7c7c7;
margin-bottom:5px;
padding-bottom:3px;
overflow:hidden;
}
.comment .right .info li{
float:left;
font-style:italic;
color:#6b6a69;
}
.comment .right .info li.author{
background:#f99e00;
padding:3px 5px;
border-radius:5px;
behavior: url(/PIE.php); position: relative;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
}
.comment .right .info li.author a{
color:#fff;
}
.comment .right .info li.date{
margin:3px 6px;
}
.comment .right .info li.group{
float:right;
margin:3px 0 0;
}
.comment .right .text{
background:#f8f8f8;
border-radius:8px;
padding:5px;
color:#585756;
font-size:12px;
overflow:hidden;
behavior: url(/PIE.php); position: relative;
}
.comedit{
float:right;
}
.comedit ul li{
float:left;
margin-left:5px;
}
.comedit ul li a,.fbutton{
color:#6a6a6a;
font-size:12px;
display:inline-block;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.34);
border-radius:10px;
padding:3px 6px;
border:none;
behavior: url(/PIE.php); position: relative;
}
.comedit ul li a:hover,.fbutton:hover{
text-decoration:none;
color:#53789f;
}
.addcomment{
background:url(../images/add-com.jpg) top center no-repeat #fff;
padding:46px 10px;
border-radius:0 0 10px 10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
width:499px;
box-sizing:border-box;-moz-box-sizing: border-box;
behavior: url(/PIE.php); position: relative;
}
/* ------ 15 sept 2012------- */
.short-story img {
max-width: 400px;
}
.short-story h2,.short-story h3,.short-story h4,.short-story h5,.short-story h6 {
color:#3b6a97;
padding-bottom: 15px;
}
.pheading h2,.pheading h3,.pheading h4,.pheading h5,.pheading h6 {
color:#3b6a97;
padding-bottom: 15px;
}
.dpad h2,.dpad h3,.dpad h4,.dpad h5,.dpad h6 {
color:#3b6a97;
padding-bottom: 15px;
}
.editor {
max-width : 420px !important;
}
#comments {
max-width : 480px !important;
}
.clr { clear: both; }
.inv { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.lcol, .rcol { display: inline; }
.lcol { float: left; }
.rcol { float: right; }
.vnavi li a, .loginbox .logbtn, .bngreen ul a, .bfriends ul a, .argmore a, .navigation a, .related li a { text-decoration: none !important; }
/*errors*/
.berrors { margin-bottom: 16px; font-size: 0.9em; font-style: italic; padding: 8px 21px 8px 22px; background-color: #fcf7ee; line-height: normal; border: 1px solid #f3e4d9; border-width: 1px 0; }
/*pages*/
.bcheading { line-height: normal; font-weight: normal; margin: 0 0 0.8em 0; }
.heading { font-weight: normal; font-size: 1.6em; color: #296999; margin-bottom: 0.5em; }
/*forms*/
.tableform { width: 100%; }
.tableform td { padding: 8px 0; line-height: 1.35em; }
.tableform td.label { width: 100%; vertical-align: top; text-align: left; padding-right: 8px; font-weight: bold; }
.tableform tr { background: url("../images/lightpoint.png") repeat-x; }
.tableform tr.flast td { padding-bottom: 0; }
.tableform .nostylebb tr { background: none; }
.tableform .nostylebb tr td { padding: 0; }
.addnews { font-weight: bold; }
.impot { color: #e5372f; font-weight: normal; }
.checkbox { padding: 4px 0; font-size: 0.9em; color: #939393; line-height: 1em; }
.checkbox input { margin-top: -2px; vertical-align: middle; }
.f_input { width: 300px; padding: 1px; }
.f_textarea { width: 480px; height: 150px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xfields input, .xfields select { background-color: #f9fafa; border: 1px solid #d4dfe8; }
.textin { padding: 20px; }
/*search*/
.searchstyle { width: 480px; }
.search { font-size: 11px; }
.searchtable table { border-collapse: separate; border-spacing: 0; border: 0; }
.searchtable fieldset legend { color: #404040; }
.searchhead { font-size: 0.9em; background: url("../images/fbtags.png") repeat-x 0 100%; border-top: 1px solid #d4dfe8; padding: 8px 21px 8px 22px; }
.searchhead:hover { background: #f8f9f9; }
#searchuser, #searchinput { width: 90% !important; }
/* statistics */
.statistics { margin: 0 auto; }
.statinn { text-align: left; }
.statistics ul { margin-bottom: 15px; }
.statistics ul li { position: relative; background: url("../images/dotted.png") repeat-x 0 100%; padding: 4px 0; }
.statistics ul li b { position: absolute; right: 0; }
/* userinfo */
.usercolomn { overflow: hidden; padding: 0 0 0 115px; margin-bottom: 9px; }
.usercolomn .lcol { width: 115px; margin: 0 0 0 -115px; }
.usercolomn .rcol { width: 100%; }
.usercolomn .lcol img { width: 100px; }
.userinfo { background: url("../images/fbtags.png") repeat-x 0 100%; padding: 8px 21px 15px 22px; }
.userinfo .relhead { color: #e7933f; }
.userinfo ul li span { color: #797979; }
.userinfo .uirow, .userinfo .uirow2 { padding: 10px 0; }
.userinfo .uirow { font-size: 0.9em; padding-top: 0; }
.userinfo .uirow2 { font-size: 0.9em; background: url("../images/dotted.png") repeat-x 0 0; }
.userinfo ul { float: left; }
.boxlinks { font-size: 0.9em; padding: 10px; border: 1px solid #f5f5f5; background-color: #fefefe; margin-bottom: 3px; }
/* navigation */
.basenavi br { font-size: 6px; line-height: 6px; }
.navigation { display: block; font-size: 1.5em; line-height: normal; margin-bottom: 0.1em; }
.navigation a { color: #000; }
.navigation a:hover { color: #2b6c9b; }
.navigation a, .navigation span { float: left; padding: 2px 7px; }
.navigation span { color: #fff; background-color: #89b818; }
.nprev, .nnext { font-size: 0.9em; }
/* buttons */
.fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; }
.btn_reglog { background: #f2f2f2 url("../images/bbcodes.png") repeat-x; border: 1px solid #c5c5c5; color: #7d7d7d; width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; }
.btn_reglog:hover { background: #fff none; }
.vresult { color: #3375a3; padding: 7px 3px 3px 3px; font-size: 0.9em; }
.fbutton { font-size: 1.2em; border: 1px solid #326189; width: 120px; height: 28px; color: #fff; padding: 2px 0 4px 0; background: #357ba9 url("../images/fbutton.png") repeat-x; font-weight: bold; }
.fbutton:hover { background-position: 0 -46px; color: #fff;}
.fbutton {
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
-moz-box-shadow: 0 1px 4px -2px black;
-webkit-box-shadow: 0 1px 4px -2px black;
box-shadow: 0 1px 4px -2px black;
}
/*story*/
.base, .basecont, .basenavi, .infoblock, .mass_comments_action { margin: 0 21px 2.7em 22px; }
.shd { font-size: 1.2em; color: #000; margin-bottom: 0.6em; }
.shd a { color: #000; }
.shd a:hover { color: #3878a5; }
.shdinf { padding: 0 0 0 6px; height: 36px; background: url("../images/shdinf.png") no-repeat; }
.shdinf .shdinf { line-height: 22px; color: #939393; padding: 6px 6px 0 0; height: 30px; background-position: 100% 100%; font-size: 0.9em; }
.date, .date b { float: left; height: 23px; padding: 0 0 0 20px; background: url("../images/date.png") no-repeat; }
.date b { text-shadow: 0 1px 0 #fff; padding: 0 7px 0 0; background-position: 100% 100%; }
.date { margin-right: 8px; }
/* moderator icons */
.isicons { float: right; text-align: right; margin-left: 8px; }
.isicons ul { display: inline; }
.isicons li { float: left; margin-left: 2px; }
.maincont { margin: 0 0 0.5em 0; }
.bmore { padding: 0 0 0 3px; height: 29px; background: url("../images/bmore.png") no-repeat; }
.bmore .bmore { /*overflow: hidden;*/ padding: 0 8px 0 0; font-size: 0.9em; color: #939393; background-position: 100% 100%; }
.bmore .lcol { margin: 6px 10px 0 0; }
.bmore .argmore a { margin-top: 3px; }
.bmore .ratebox { margin-top: 0; }
.argmore a b, .argmore a { float: left; height: 25px; background: url("../images/argmore.png") no-repeat 100% 0; }
.argmore a { text-shadow: 0 1px 0 #fff; margin-right: 10px; line-height: 22px; padding: 0 20px 0 0; }
.argmore a b { float: left; background-position: 0 -25px; padding: 0 0 0 8px; }
.argmore a:hover { background-position: 100% -50px; }
.argmore a:hover b { background-position: 0 -75px; }
.ratebox { margin-left: 8px; float: right; }
.infoblock, { background-color: #eaeaea; padding: 10px;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
/* comments */
.bcomment { margin-bottom: 8px; }
.bcomment .dtop { padding: 0 103px 0 61px; position: relative; background: #f9fafa url("../images/bcomment.png") no-repeat 100% 0; height: 68px; margin-bottom: 1em; }
.comtopleft { position: absolute; top: -6px; left: -22px; }
.bcomment .dtop .avatar { float: left; margin-left: -61px; height: 55px; width: 55px; padding: 7px 6px 0 0; }
.bcomment .dtop .avatar span { overflow: hidden; display: block; height: 55px; width: 55px; }
.bcomment .dtop .avatar span img { width: 55px; }
.bcomment .dtop .rcol { width: 100%; }
.bcomment .dtop h3 { font-size: 1.2em; margin: 8px 0 0 6px; height: 23px; }
.bcomment .dtop .rcol div, .bcomment .dtop .rcol div ul { height: 37px; }
.bcomment .dtop .rcol div ul { font-size: 0.9em; float: left; width: 49%; border-left: 1px solid #e4e4e4; }
.bcomment .dtop .rcol div ul li { padding-left: 5px; color: #7a7a7a; }
.cominfo { text-align: center; position: absolute; right: 0; top: 0; width: 93px; height: 58px; padding: 5px; background: #fff url("../images/cominfo.png"); }
.comrate { height: 19px; line-height: 19px; font-size: 1.2em; font-weight: bold; }
.comrate img { vertical-align: middle; margin: 0 2px; }
.groupicon { width: 93px; height: 39px; overflow: hidden; }
.comtitle { font-size: 1.2em; margin: 0 0 0.4em 0; }
.comedit { height: 16px; font-size: 0.9em; margin-bottom: 10px; }
.comedit ul { float: right; }
.comedit ul li { float: right; margin-left: 6px; }
.signature { color: #93918d; }
.psinfo { background-color: #f6f9fb; padding: 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.pm_status {
float:left;
border: 1px solid #d8d8d8;
padding: 0px;
background-color: #fff;
width: 280px;
height: 100px;
margin-left: 20px;
margin-right: 5px;
}
.pm_status_head {
border-bottom: 1px solid #d8d8d8;
font-size: 0.9em;
background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
height: 22px;
padding: 0;
font-weight: bold;
text-align: center;
color: #4e4e4e;
}
.pm_status_content {
padding: 5px;
}