проблема с текстом вылез за границу блока.
съехал текст за границу блока в полной новости а именно комментария и просмотры в полной новости. скриншот 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; }
Источник: dle-faq.pro
