Jump to content
muchachosll

Помогите исправить некорректное отображение

Recommended Posts

На главной странице сайта вид и текст как должен быть по центру:

Здесь

А при нажатии кнопки подробнее, т.е при открытии и просмотре полной статьи, получается вот такая картина:

d77833393e3e.png

Share this post


Link to post
Share on other sites
Только что, Hydropericardium сказал:

Ссыку на сайт бы. Гадать по фотографии трудно, ну во всяком случае мне )

он на локальном сервере еще

Share this post


Link to post
Share on other sites
Только что, Hydropericardium сказал:

На вскидку проверяйте стили, там что-то не так с paddingom либо margin. Чтоб дать точное решение - нужен сайт.

может скинуть код? на html и css&

Share this post


Link to post
Share on other sites

{poll}
<div class="short full news block">
            <h1 id="news-title" class="title">{title}</h1>
            <div class="meta">
              <ul class="list">
                <li class="author">{author}</li>
                <li class="date">[day-news]{date}[/day-news]</li>
                <li class="cat">{link-category}</li>
              </ul>
              <div style="float:right;">[rating][rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1]
  [rating-type-2]<div class="ratebox2">
      <ul class="reset">
      <li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      <li>{rating}</li>
      </ul></div>[/rating-type-2]
  [rating-type-3]<div class="ratebox3">
      <ul class="reset">
        <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
        <li>{rating}</li>
        <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      </ul>
      </div>[/rating-type-3][/rating]</div>
            </div>
            <div class="short-story">
			{full-story}
            </div>
            <div class="bottom-info">
              <a href="javascript:history.back()" class="full-link">ВЕРНУТЬСЯ</a>
              <div style="float:right;margin-top:3px;">
                <div class="comm-views">
                  <span class="comm">Комментариев: [com-link]{comments-num}[/com-link]</span>
                  <span class="views">Просмотров: {views}</span>
                </div>
		[not-group=5]
                <ul class="admin-button">
                  <li>[complaint]<img src="{THEME}/images/warn.png" alt="" />[/complaint]</li>
                  <li>[edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit]</li>
                  <li>{favorites}</li>
                </ul>
		[/not-group]
              </div>
            </div>
          </div>
[related-news]		  
<h2 style="font-size:14px;">Скачать "{title}" и похожие программы:</h2>
<div class="related-news">{related-news}</div>
[/related-news]
	[group=5]
<div class="information">
<p class="descr">Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.<br />
		Мы рекомендуем Вам <a href="/index.php?do=register">зарегистрироваться</a> либо войти на сайт под своим именем.</p>
</div>
	[/group]
{navigation}
{comments}
{addcomments}
@charset "utf-8";
/* CSS Document */

body,html{
width:100%;
height:100%;
background:url(../images/bg.gif) top left repeat #f5f4f4;
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;	
	}
.nblock {
display: none;
	}
.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:#e8e8e8;
padding:5px;
margin-top:5px;
border-radius:5px;
color:#5b5a5a;
text-shadow:0 1px 0 rgba(255,255,255,0.62);
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:#f8f8f8;
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:10px;}	

.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:5px 0;
font-style:italic;
line-height:13px;
color:#4b4a4a;	
	}

.copyring a{
color:#1f4162;	
	}

.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:74px;
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:#f3f3f3;
border-radius:5px;
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 : 420px !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: 22%; vertical-align: top; text-align: right; 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: 458px; height: 156px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xfields input, .xfields select { background-color: #f9fafa; border: 1px solid #d4dfe8; }
.textin { padding: 2px; }

/*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;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
}

 

Share this post


Link to post
Share on other sites
2 минуты назад, muchachosll сказал:

может скинуть код? на html и css&

Скинул контакты в личку. НАпишите туда- посмотрю

Лучше удалите хтмл и цсс - модераторы наругают, а так разбираться никто не будет

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...