Перейти к публикации

Черные блоки

strepsils

Автор: strepsils,
в В помощь вебмастеру

 Рассказать Подписчики 0

Рекомендованные сообщения

strepsils

strepsils 0

Опубликовано:
Опубликовано:

http://smol9n.yomu.ru/ <----- как сделать так, чтобы при переходе на статистическую страницу, к примеру, http://smol9n.yomu.ru/index.php?do=static&page=omsu исчезали "Черные блоки" и новость растягивалась на всю оставшуюся площадь, освобожденную в ущерб тем самым блокам. Т.е. что-бы так называемый content_r исчез со статических страниц

Вот CSS 


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

body { font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; background:#fff url('../images/bg.png') repeat-x; font-size:12px;}

input[type="image"]:hover {opacity:0.8;}

ul, form {display:block; padding:0; margin:0; list-style:none;}

input[type="submit"],

input[type="button"] {cursor:pointer;}

h1,h2,h3,h4,h5,h6 {display:block; margin:0 0 10px 0; padding:0; color:#fff;}

.center { text-align: center}

h1 {font-size:26px;}

h2 {font-size:22px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5 {font-size:16px;}

h6 {font-size:14px;}

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

a img {border:0;}

a:link {text-decoration:none; color:#3d3c3c; }

a:active {text-decoration:none; color:#3d3c3c; }

a:visited {text-decoration:none; color:#3d3c3c;  }

a:hover {text-decoration:underline; color:#3d3c3c; }

#wrapper {width:1004px; margin:0 auto; background:#f3f6f9 url('../images/cont_bg.png') repeat-y;}

#header {color:#fff;height:366px; width:1024px; margin:0 -11px 0 -10px; background:url('../images/header.jpg') no-repeat;}

.header {width:1000px; margin:0 auto;background:url('../images/header_bg.jpg') no-repeat 0 center;}

#header_h {padding:0 14px;height:47px; background:url('../images/header_h.png') no-repeat center top;}

.header_h_l {float:left; max-width:33.3%; width: auto !important; width: 33.3%; /* IE */ padding:13px 0 0 0;}

.header_h_r {float:right; max-width:33.3%; width: auto !important; width: 33.3%; /* IE */ padding:13px 0 0 0;}

#h_info {margin:-2px -10px 0 0;}

#h_info li {display:block; float:left; padding:0 4px 0 4px; background:url('../images/h_info_sep.png') no-repeat center left;}

#h_info li a {width:23px; height:23px; display:block; background:url('../images/h_info.png') no-repeat 0 0;}

#h_info li a.st_icon_1:hover {background-position:0 -23px;}

#h_info li a.st_icon_2 {background-position:-23px 0;}

#h_info li a.st_icon_2:hover {background-position:-23px -23px;}

#h_info li a.st_icon_3 {background-position:-46px 0;}

#h_info li a.st_icon_3:hover {background-position:-46px -23px;}

#social {margin:-8px 0px 0 -9px;}

#social li {display:block; height:25px;float:left; padding:10px 8px 0 6px; background:url('../images/social_sep.png') no-repeat center right;}

#social li a {width:16px; height:17px; display:block; background:url('../images/social.png') no-repeat 0 0;}

#social li a.soc_1:hover {background-position:0 -17px;}

#social li a.soc_2 {background-position:-16px 0;}

#social li a.soc_2:hover {background-position:-16px -17px;}

#social li a.soc_3 {background-position:-32px 0;}

#social li a.soc_3:hover {background-position:-32px -17px;}

#social li a.soc_4 {background-position:-48px 0;}

#social li a.soc_4:hover {background-position:-48px -17px;}

.header_h_c {margin:0 auto; max-width:25%; width: auto !important; width: 25%; /* IE */ overflow:hidden; position:relative; padding:13px 0 0 0; }

#header_c {padding:0 14px;height:261px;}

.header_c_l {float:left; width:50%;}

.h_logo a img{margin:39px 0 0 139px; height:65px; width:200px; border:none;}

.header_c_r {float:right; width:50%;}

.log_panel {height:27px; margin:234px 0 0 264px; padding:5px 0 0 24px; width:228px; background:url('../images/log_panel_bg.png') no-repeat;}

.prof {float:left; width:153px; margin:-1px 0 0 0;}

.prof3 {float:left; width:79px;}

.prof a {background:url('../images/prof_bg.png') no-repeat;height:20px; width:153px;cursor:pointer;display:block;}

.prof a:hover {background-position:0 -20px;}

.prof3 a {background:url('../images/prof_bg.png') no-repeat 0 -40px;height:20px; width:79px;cursor:pointer;display:block;}

.prof3 a:hover {background-position:0 -40px;}

.prof2 {float:right; width:20px; margin:-1px 45px 0 0;}

.prof4 {float:left; width:110px; margin:-3px 0 0 2px;}

.prof_reg a {color:#ffffff; font-style:italic; font-size:10px; display:block;}

.prof_lost a {margin-top:-2px;float:right;color:#ff0000; font-style:italic; font-size:10px; display:block;}

.prof2 a {background:url('../images/prof_bg.png') no-repeat -153px 0;height:20px; width:20px;cursor:pointer;display:block;}

.prof2 a:hover {background-position:-153px -20px;}


#header_b {margin:0 auto; width:99% !important;}

#header_b2 {height:51px; background:url('../images/header_b.png') repeat-x 0 -102px;}

#header_b2 #header_b2 {margin-right:-4px; background:url('../images/header_b.png') no-repeat right -51px;}

#header_b2 #header_b2 #header_b2 {margin-left:-4px;background:url('../images/header_b.png') no-repeat left 0;}

#header_b_l {width:750px; padding:4px 0 0 17px; float:left; }

/* header navigation */

ul.menu {list-style:none;margin:0;padding:0; padding-top:3px; float:left; position: relative; z-index:5;}

ul.menu * {margin:0;padding:0;}

ul.menu a {display:block;text-decoration:none; color:#FFFFFF;}

ul.menu li {position:relative;float:left; opacity:0.98;-moz-opacity:0.98;filter:alpha(opacity=98); background:url('../images/menusep.png') no-repeat right 50%;}

ul.menu ul {position:absolute;top:38px;background:url('../images/sublinks_bot.png') no-repeat bottom;display:none;list-style:none;}

ul.menu ul li {position:relative;border-top:none;width:238px;margin:0;}

ul.menu ul li:last-child {padding-bottom:7px;}

ul.menu ul li a {display:block;padding:7px 0px 8px 35px;background:url('../images/sublink.gif') no-repeat;color:#fff; font-weight:bold;}

ul.menu ul li a:hover {background:url('../images/sublink.gif') no-repeat 0 -31px;color:#FFF;}

ul.menu .menuhover {color:#a5ccd7;}

.menu_top {text-decoration:none;font-weight:bold;text-transform:uppercase;}

.menu_top a {display:block;float:left;color:#3f3f3f;padding-right:16px;outline:none;}

.menu_top a span {display:block;line-height:15px;padding:10px 1px 13px 17px;}

.menu_top a:hover span {color:#a5ccd7;}

#search {float:right; margin:11px 12px 0 0; height:29px; width:210px; padding-left:9px; background:url('../images/search_sep.png') no-repeat center left; }

.search_form { display:block; margin:0; overflow:hidden; padding: 0 8px 0 0;background:url('../images/search_bg.png') no-repeat;}

.search_form input[type="text"] {width:175px; height:27px; display:block; float:right; font-size:12px; font-style:italic; color:#fff; line-height:19px; text-indent:8px; margin:0; padding:0; border:0; background:0;}

.search_form input[type="submit"] {width:27px; height:27px; display:block; float:left; font-size:0px; text-indent:-999px; border:0 !important; padding:0; background:url('../images/search_submit.png') no-repeat; cursor:pointer;}

.search_form input[type="submit"]:hover {background:url('../images/search_submit.png') no-repeat 0 -27px;}

#content, #cont_panel {padding:5px 3px; margin: 0 3px; background:url('../images/line.png') repeat-x center top;}

#content_l {overflow:hidden;float:left; width:487px; background:url('../images/line2.png') repeat-y center right; padding:0 0 3px 3px;}

#leftcool {float:left; width:247px; background:url('../images/sep.png') repeat-y center right;}

#cont_panel { overflow:hidden;}

.cont_panel_l { float:left; width:52%; background:url('../images/cont_sep.png') repeat-y center right;}

/* slider */

#slider {padding:4px 0 0 0px; width:487px; height:279px; background:url('../images/sliderbg.gif') no-repeat center center;}

#slider_c {overflow:hidden; padding:0 11px;}

.slider {margin:12px 5px 20px 5px;}

.panel-overlay .link{float:right; margin-left:10px; padding:10px; position:relative;}

.panel-overlay .link a img{background:url('../images/sliderli.png') no-repeat; width:72px; height:21px;opacity:0.5;}

.panel-overlay .link a:hover img{background-position:0 -21px;opacity:1;}

.slidertext{padding:12px 12px 12px 0px; color:#fff; font-size:14px;}

.panel img{width:466px; position:relative; height:245px;}

.filmstrip .thumbs{width:79px;height:60px;display:block;overflow:hidden;}

.filmstrip img{width:79px;height:60px; }

.sliderover {width:475px; height:258px; margin:0 0 0 -10px; background:url('../images/sliderov.png') no-repeat; position:relative;}

.cont_panel_r {float:right; width:48%;}

.cont_panel_r_l {float:left; width:50%;}

/* lastnews */

.lastnews {margin:-7px -1px 0 -1px;}

.lastnews li:first-child {background:none;}

.lastnews li {background:url('../images/lastnews_bg.png') repeat-x center top; height:26px; line-height:25px; padding-left:5px; overflow:hidden; border-bottom:1px solid #f3f3f3;}

.lastnews li a {color:#3d3c3c; background:url('../images/lastli.png') no-repeat 0 50%; height:25px; padding-left:9px; display:block; }

.lastnews li a:hover {color:#20649e; text-decoration:none; background:url('../images/lastli_on.png') no-repeat 0 50%;}


.cont_panel_r_r {float:right; width:50%;}

.block_l {width:236px;}

.block_l_h {height:65px; background:url('../images/block_l_bg.png') no-repeat 0 0;}

.block_l_h div {font-weight:bold;  color:#fff; text-shadow: 0 1px 0 #154a77; padding:24px 0 0 22px;  }

.block_l_c {padding:5px 5px 0 5px; background:url('../images/block_l_bg.png') repeat-y -236px 0;}

.block_l_b {padding:0 0 20px 0; background:url('../images/block_l_bg.png') no-repeat -472px bottom;}

.navi  {padding:5px 5px 0 7px; font-weight:bold;  color:#fff; text-shadow: 0 1px 0 #154a77;}

.navi li {list-style-type:none; margin:-4px 0 0 0; }

.navi ul{width:100%;}

.navi a{padding-left:10px; display:block; height:39px; background:url('../images/navilinks.png') no-repeat; line-height:31px; color:#edebe9; text-decoration:none;}

.navi a:hover{background-position:0 -39px; color:#fff; text-decoration:none;}

.navi a span{padding-left:22px; }

.vote_title {width:219px; margin:0 auto;}

.vote_title_h {padding:12px 0 0 0; background:url('../images/vote_title_bg.png') no-repeat 0 top;}

.vote_title_c {font-family: Arial, Helvetica, sans-serif;color:#353434; font-weight:bold; padding:0 10px;background:url('../images/vote_title_bg.png') repeat-y -219px 0;}

.vote_title_b {padding:0 0 21px 0; background:url('../images/vote_title_bg.png') no-repeat -438px bottom;}

.vote_cont {padding:0 11px;}

.vote {color:#353434; font-family:Arial, Helvetica, sans-serif;}

.vote3, .vote2 {color:#353434; margin:0 -12px; padding:3px 11px 5px 11px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #eaeaea; background:url('../images/vote_bg.png') repeat-x center top;}

.vote3:first-child, .vote2:first-child {background:none; border:none;}

.vote3:last-child { border:none;}

.vote_button {overflow:hidden; padding:11px 10px 0 10px;}

.vote_submit {float:left;}

.vote_result {float:right;}

.vote_button input {border:none; cursor:pointer;}

.dovote, .doresult, .doallvote {background:url('../images/vote_but.png') no-repeat;}

.dovote {margin:2px 0 0 0; height:21px; width:100px;}

.dovote:hover {height:21px; width:100px; background-position: 0 -25px;}

.doresult {background-position: -100px 0; width:31px; height:25px;}

.doresult:hover {background-position: -100px -25px; width:31px; height:25px;}

.doallvote { background-position: -131px 0; width:31px; height:25px;}

.doallvote:hover { background-position: -131px -25px; width:31px; height:25px;}

.reklam {text-align:center;}

.reklam img {background:#fff; padding:1px; border:1px solid #e2e2e2;}

#rigtcool {float:right; width:240px;}

.block_r {width:236px;}

.block_r_h {height:65px; background:url('../images/block_r_bg.png') no-repeat 0 0;}

.block_r_h div {font-weight:bold;  color:#fff; text-shadow: 0 1px 0 #353535; padding:24px 0 0 22px;  }

.block_r_c {padding:5px 5px 0 5px; background:url('../images/block_r_bg.png') repeat-y -236px 0;}

.block_r_b {padding:0 0 20px 0; background:url('../images/block_r_bg.png') no-repeat -472px bottom;}

.barchives {padding:0 12px;}

.barchives a b {background:url('../images/archivlinks.png') no-repeat; display:block; height:24px; color:#2a2a2a; padding-left:24px; line-height:24px;}

.barchives a:hover b {background-position:0 -31px; color:#fff; line-height:22px;  text-shadow: 0 1px 0 #1e5d87;}

.barchives a { color:#fff;}

.barchives a:hover {text-decoration: none;}

.barchives br {line-height:4px;}

.topnews {margin:-7px 0 0 0;}

.topnews li {background:url('../images/topnews_bg.png') repeat-x 0 bottom; height:26px; line-height:25px; padding-left:7px; overflow:hidden;}

.topnews li a {color:#3d3c3c; background:url('../images/topli.png') no-repeat 0 50%; height:25px; padding-left:15px; display:block; }

.topnews li a:hover {color:#20649e; text-decoration:none; background:url('../images/topli_on.png') no-repeat 0 50%;}

.news_top {margin:-10px -1px 0 -1px;}

.top_news {background:url('../images/topnews_bg.png') repeat-x 0 bottom;margin: 6px 0 0 0;}

.top_news_h {height:21px;padding:0 0 0 8px; border-bottom:1px solid #ebebeb;}

.top_news_h div {overflow:hidden; height:16px;}

.top_news_h a {color:#3d3c3c; background:url('../images/topli.png') no-repeat 0 20%; height:25px; padding-left:16px; display:block; }

.top_news_h a:hover {color:#20649e; text-decoration:none; background:url('../images/topli_on.png') no-repeat 0 20%;}

.top_news_c {overflow:hidden;font-size:11px;padding:5px 5px 8px 5px; background:url('../images/top_news_c_bg.png') repeat-x center top;}

.top_news_poster {margin-right:5px; padding-left:1px;width:86px; height:80px; float:left;background:url('../images/top_news_poster_sep.png') repeat-y center right;}

.top_news_poster img {max-width:76px; max-height:76px;background:#fff; padding:1px; border:1px solid #e5e5e5; }

#content_r {overflow:hidden; float:right; width:500px;}

/* speedbar */

.speedbar {padding:8px 0 0 51px; height:56px; width:498px; background:url('../images/speedbar_bg.png') no-repeat; margin: 3px auto 0 auto;}

.speedbar_c, .speedbar_c div {max-width:420px; overflow:hidden; float: left; height: 25px; padding: 0 0 0 10px; background: url('../images/speedbar_c_bg.png') no-repeat; }

.speedbar_c div {line-height:25px; padding: 0 10px 0 0; background-position: 100% 100%; }

/* banner */

.banner {margin:5px auto 0 auto; padding:10px 0 0 15px; width:493px; height:91px; background:url('../images/banner_cont.png') no-repeat;}

/* navigation */

.navigation {padding:0 5px 0 6px;  margin:0 0 10px 0;}

.navigation_but { width:114px; height:24px;float:right;margin-top:-2px; background:url('../images/navigation_but_bg.png') no-repeat;}

.navigation_num {font-family:Arial; font-weight:bold;line-height:20px;font-size:14px;}

.navigation_num a {color:#3b3a3a;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px 7px 3px 6px;background:#e7edf4; border:1px solid #e4eaf1;}

.navigation_num a:hover {text-decoration:none;color:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px 7px 3px 6px;background:#2a76b0; border:1px solid #4d8bbc;}

.navigation_num span {color:#276eaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px 7px 3px 6px;background:#e7edf4; border:1px solid #e4eaf1;}

.navigation_prev {margin:1px 0 0 0;float:left;width:53px; margin:1px 0 0px 1px;}

.navigation_prev a:link,

.navigation_prev a:visited,

.navigation_prev a:active {padding:0;background:url('../images/navigation_but.png') no-repeat 0 0px;width:53px;height:19px;float:left; margin:1px 0 0 1px; border:0;}

.navigation_prev a:hover {background:url('../images/navigation_but.png') no-repeat 0 -19px;height:19px;margin:1px 0 0 1px; border:0;}

.navigation_prev span {background:url('../images/navigation_but.png') no-repeat 0 -38px;height:19px;width:53px;float:left; margin:1px 0 0 1px; border:0;}

.navigation_next {width:53px;margin:1px 3px 0 0px;float:right;}

.navigation_next a:link,

.navigation_next a:visited,

.navigation_next a:active {padding:0;background:url('../images/navigation_but.png') no-repeat -53px 0;width:53px;height:19px;float:left; border:0; margin:1px 0 0 1px;}

.navigation_next a:hover {background:url('../images/navigation_but.png') no-repeat -53px -19px;height:19px; border:0; margin:1px 0 0 1px;}

.navigation_next span {background:url('../images/navigation_but.png') no-repeat -53px -38px;height:19px;width:53px;float:left; border:0; margin:1px 0 0 1px;}

.content_story { overflow:hidden; margin:-5px 0 0 0; width:500px; }

/* short-story */

.short {width:250px; float:left; width:50%; display:block;}

.short_h {padding:0 7px;height:88px; background:url('../images/short-story_bg.png') no-repeat 0 0;}

.short_h h2 {font-size:12px; padding:20px 12px 0 12px; height:30px; overflow:hidden;}

.short_h h2 a {color:#fff;}

.short_h_panel {margin:-7px auto 0 auto; width:94%; overflow:hidden; background:url('../images/short_panel_bg.png') repeat-x center 45%;}

/* short_h_moder */

.short_h_moder, .short_h_moder span {display:inline; float:left;max-width:80px; width: auto !important; width: 60px; /* IE */  height: 22px; padding: 0 0 0 12px; background: url('../images/short_panel.png') no-repeat; }

.short_h_moder span {line-height:25px; padding: 0 12px 0 0; background-position: 100% 100%; }

.short_h_moder ul {margin:0 -9px; overflow:hidden;}

.short_h_moder ul li {  float: left; margin: 2px 0 0 4px;}

.short_h_moder ul li:first-child {  float: left; margin: 2px 0 0 0px;}

.edit a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat 0 0;}

.edit a:hover img{background-position:0 -17px;}

.fav a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -17px 0;}

.fav a:hover img{ background-position:-17px -17px;}

.warn a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -34px 0;}

.warn a:hover img{ background-position:-34px -17px;}

/* short_h_rating */

.short_h_rating, .short_h_rating span {display:inline; float:right; max-width:80px; width: auto !important; width: 60px; /* IE */ height: 22px; padding: 0 0 0 12px; background: url('../images/short_panel.png') no-repeat; }

.short_h_rating span {line-height:20px; padding: 0 12px 0 0; background-position: 100% 100%;}

.rating_b {margin:0 -9px; overflow:hidden; padding:2px 0 0 0;}

.rating_plus {width:17px; height:17px; display:block; float:left; background: url('../images/rating.png') no-repeat 0 0;}

.rating_plus:hover {background-position: 0 -17px;}

.rating_minus {width:17px; height:17px; display:block; float:right; background: url('../images/rating.png') no-repeat -17px 0;}

.rating_minus:hover { background-position: -17px -17px;}

.rating_numm {padding:0 3px 0 2px; display:block; margin:3px 0 0 0; float:left; overflow:hidden; color:#fff; line-height:11px; text-align:center;}

.rating_numm a {color:#fff;}

.short_inf_bg {width:244px; font-size:11px; margin:0 -2px;padding:0 0 18px 0; background:url('../images/short_inf_bg.png') repeat-x center bottom;}

.short_inf:first-child { margin:0 auto; background:none;}

.short_inf {overflow:hidden;  padding:0 4px; height:21px; border-bottom:1px solid #efefef; background:url('../images/short_inf_bg.png') repeat-x center top;}

.short_inf ul {display:inline; }

.short_inf ul li { height:22px;   float: left; padding: 9px 2px 0 0px;}

.short_inf ul li  div {margin:-5px auto 0 auto;}

.auth {padding:0 0 0 20px; max-width:40px; overflow:hidden; height:16px; background:url('../images/story_icons.png') no-repeat 0 -48px;}

.date {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -32px;}

.comm {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -16px;}

.view {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 0;}

.cats {padding:0 0 0 20px; max-width:212px; overflow:hidden; height:16px; background:url('../images/story_icons.png') no-repeat 0 -64px;}

.short_c {overflow:hidden;padding:0 5px 5px 5px;background:url('../images/short-story_bg.png') repeat-y -250px 0;}

.short_text { text-align:justify;font-size:11px; margin:0; padding:0 5px; overflow:hidden;}

.short_text a img {max-width:223px; background:#fff; padding:1px; border:1px solid #d5d5d5;}

.short_text img {max-width:223px;}

.short_b {  padding:0 10px 0 10px;height:43px; background:url('../images/short-story_bg.png') no-repeat -500px -45px;}

.full_link {margin:7px 4px 0 0; float:right; color:#000;}

.full_link a {background:url('../images/full_link.png') no-repeat;height:19px; width:75px;;cursor:pointer;display:block;}

.full_link a:hover {background-position:0 -19px;}

/* story */

.story {width:100%; clear:both;}

.story_h {height:63px; padding:0 10px; background:url('../images/story_bg.png') no-repeat 0 0;}

.story_h h2 {font-size:12px; float:left; padding:25px 0 0 32px; height:16px; overflow:hidden; max-width:357px;}

.story_h h2 a {color:#fff;}

/* short_h_rating */

.story_rating {margin:23px 19px 0 0; float:right;}

.story_h_rating, .story_h_rating span {display:inline; float:right; max-width:80px; width: auto !important; width: 60px; /* IE */ height: 22px; padding: 0 0 0 12px; background: url('../images/short_panel.png') no-repeat; }

.story_h_rating span {line-height:20px; padding: 0 12px 0 0; background-position: 100% 100%;}

.story_inf { font-size:11px; margin:0 -2px;padding:0 0 16px 0; background:url('../images/story_inf.png') repeat-x center bottom; overflow:hidden;}

.story_inf_l {float:left; padding: 0 0 0 9px; }

.story_inf_l ul {display:inline;}

.story_inf_l ul li { height:22px;   float: left; padding: 10px 2px 0 0px;}

.story_inf_l ul li  div {margin:-5px auto 0 auto;}

.auth {padding:0 0 0 20px; overflow:hidden; height:16px; background:url('../images/story_icons.png') no-repeat 0 -48px;}

.date {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -32px;}

.comm {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -16px;}

.view {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 0;}

.cats {padding:0 0 0 20px; height:16px; background:url('../images/story_icons.png') no-repeat 0 -64px;}

.story_inf_r {float:right; padding: 0 9px 0 0;}

/* story_moder */

.story_moder, .story_moder span {display:inline; float:left;max-width:80px; width: auto !important; width: 60px; /* IE */  height: 23px; padding: 0 0 0 12px; background: url('../images/story_panel.png') no-repeat; }

.story_moder span {line-height:25px; padding: 0 12px 0 0; background-position: 100% 100%; }

.story_moder ul {margin:1px -9px 0 -9px; overflow:hidden;}

.story_moder ul li {  float: left; margin: 2px 0 0 4px;}

.story_moder ul li:first-child {  float: left; margin: 2px 0 0 0px;}

.story_edit a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat 0 0;}

.story_edit a:hover img{background-position:0 -17px;}

.story_fav a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -17px 0;}

.story_fav a:hover img{ background-position:-17px -17px;}

.story_warn a img{ width: 17px; height: 17px; background: url('../images/moder.png') no-repeat -34px 0;}

.story_warn a:hover img{ background-position:-34px -17px;}


.story_c {padding: 0 5px 0 4px;background:url('../images/story_bg.png') repeat-y -499px 0;}

.story_text, .story_text2 {margin:0; text-align:justify;font-size:12px; padding:0 5px; overflow:hidden;}

.story_text a img { background:#fff; padding:1px; border:1px solid #d5d5d5;}

.related, .comments {padding:5px 5px 0 5px; margin:5px 0;background:url('../images/related_bg.png') repeat-x center top;}

.related_h {height:21px; background:url('../images/story_h.png') no-repeat; }

.related_c li {margin:0 0 -4px 0;height:32px; width:490px; background:url('../images/related.png') no-repeat; line-height:23px; padding-left:11px; overflow:hidden;}

.related_c li:hover { background-position: 0 -32px;}

.related_c li a {color:#3c3c3c; height:25px; padding-left:15px; display:block; }

.related_c li a:hover {color:#fff; text-decoration:none;}

.comments_h {height:21px; margin:5px 0 5px 4px; background:url('../images/story_h.png') no-repeat 0 -21px; }

.story_b {padding:0 0 15px 0; background:url('../images/story_bg.png') no-repeat -998px bottom;}

/* comments */

.basecomm{margin:5px -5px 0 -5px;  overflow:hidden; background: #fff url('../images/com_bg.png') repeat-x center top;}

.basecomm .dpad{padding:6px 4px;}

.basecomm .avabox{float:left; width:85px; }

.basecomm .avabox img{width:76px; padding:1px; margin:0 0 5px 0; background:#fff; border:1px solid #d8d8d8;}

.commlside{margin-left:85px; padding-right:5px;}

.comminfo{background:url('../images/dashed.png') repeat-x bottom; height:36px;}

.comminfo .linfo{float:left; font-style:italic;}

.linfo a {color:#ff0000;}

.rinfo{float:right; margin-top:4px;}

.commtext{padding:10px 0; line-height:16px;}

.commtext h3 {color:#0082cd; font-size:14px;}

.commtext h3 a {color:#0082cd; font-size:14px;}

.slink, .signature {color:#e3e3e3;}

.slink, .signature a {color:#e3e3e3;}

/* short_h_moder */

.comm_moder, .comm_moder span {display:inline; float:right;max-width:80px; width: auto !important; width: 60px; /* IE */  height: 23px; padding: 0 0 0 12px; background: url('../images/comm_panel.png') no-repeat; }

.comm_moder span {line-height:25px; padding: 0 12px 0 0; background-position: 100% 100%; }

.comm_moder ul {margin:1px -9px; overflow:hidden;}

.comm_moder ul li {  float: left; margin: 2px 0 0 4px;}

.comm_moder ul li:first-child {  float: left; margin: 2px 0 0 0px;}

.comm_edit a img{ width: 17px; height: 17px; background: url('../images/comm_moder.png') no-repeat 0 0;}

.comm_edit a:hover img{background-position:0 -17px;}

.comm_del a img{ width: 17px; height: 17px; background: url('../images/comm_moder.png') no-repeat -17px 0;}

.comm_del a:hover img{ background-position:-17px -17px;}

.comm_compl a img{ width: 17px; height: 17px; background: url('../images/comm_moder.png') no-repeat -34px 0;}

.comm_compl a:hover img{ background-position:-34px -17px;}

.comm_quote a {cursor:pointer;display:block; height:22px; width:80px; background:url('../images/comm_quote.png') no-repeat 0 0;}

.comm_quote a:hover { background-position:0 -22px;}

/* footer */

#footer {height:68px; padding:0 10px;  clear:both; background:url('../images/footer.png') no-repeat center;}

#footer_l {float:left; width:672px; padding:1px 0 0 0; overflow:hidden;}

.footer_text {font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; max-height:45px; width:533px; color:#fff; margin:0 0 0 10px; padding:12px 0 0 0;}

.footer_design {float:right; height:55px; width:129px; background:url('../images/design_sep.png') repeat-y center left;}

.footer_design a img {margin:15px 0 0 7px; width:101px; height:27px; background:url('../images/design.png') no-repeat;}

.footer_design a:hover img{opacity:0.7;}

#footer_r {float:right; width:312px; overflow:hidden; color:#fff;}

.count {margin:10px 11px 0 0;display: inline; height:36px; overflow:hidden;}

.count ul { float: right; }

.count ul li {padding:2px 0 0 0; background:url('../images/count.png') no-repeat; float: right; width: 88px; height: 36px; margin: 0 0 0 7px;}

.window {display: none; width:328px; min-height:200px;}

.window_h {height:49px;padding:0 17px; background:url('../images/window_bg.png') no-repeat;}

.window_h div { font-style:italic;font-size:14px; text-shadow: 0 1px 0 #123d5e; font-weight:bold; color:#fff; float:left; padding:25px 0 0 10px;}

.closebtn a img{margin:22px 8px 0 0;float:right; width:23px; height:24px; background:url('../images/close.png') no-repeat 0 0;}

.closebtn a:hover img { background-position: 0 -24px;}

.window_c {overflow:hidden;padding:12px 19px 0 19px; background:url('../images/window_bg.png') repeat-y -328px 0 ;}

.window_c_k {overflow:hidden; font-size: 0.9em; line-height: 1.3em; padding:20px 35px 19px 34px;background:url('../images/window_bg.png') repeat-y -328px 0 ; }

	    .window_c_k .lfield, .popsubmit { margin:0 auto; }

	    .window_c_k .lfield p {line-height:0px; margin:2px 0 9px 5px; color: #363636; font-size:12px;}

	    .window_c_k .lfield p a {line-height:2px; color: #226aa6; font-size:10px;}

	    .window_c_k .lfield div {height:38px; width:260px; background:url('../images/window_input.png') no-repeat center;}

	    .window_c_k .lfield input {margin:3px 0 0 10px; background:none; border:none;padding:0 0px;width:240px; height:22px; color:#fff;}

	    .popsubmit {display:inline;text-align: center;  margin:5px 0 0 0;}

	    .log_btn button {float:left; border:none; cursor:pointer; width:76px; height:23px; background:url('../images/log_btn.png') no-repeat 0 0;}

	    .log_btn button:hover { background-position: 0 -23px;}

	    .reg_btn a {float:right;cursor:pointer; display:block; width:109px; height:23px; background:url('../images/log_btn.png') no-repeat -76px 0;}

	    .reg_btn a:hover { background-position: -76px -23px;}

.windows_c_l {float:left; width:88px; font-size:12px; overflow:hidden;}

.window_ava img {border:1px solid#dddddd; padding:1px; max-width:92px; max-height:92px;}

.windows_c_r {float:right; width:202px; }

.windows_link {padding:0 0 0 5px; overflow:hidden;}

.windows_link li:first-child {background:none; border:none;}

.windows_link li {overflow:hidden;background:url('../images/window_link.png') repeat-x center top; height:24px; line-height:26px; padding-left:0px; border-top:1px solid #f1f1f1;}

.windows_link li a {overflow:hidden; background:url('../images/windowli.png') no-repeat 0 48%; height:25px; padding-left:15px; display:block; color:#363636;}

.windows_link li a:hover {text-decoration:none; background:url('../images/windowli.png') no-repeat 0 48%; color:#2a79b4;}

.window_b {padding:0 0 26px 0; background:url('../images/window_bg.png') no-repeat -656px bottom;}

.window_exit {margin:5px 0 0 0;}

.window_exit a {cursor:pointer; display:block;  width:69px; height:19px; background:url('../images/window_exit.png') no-repeat;}

.window_exit a:hover { background-position:0 -19px;}

.mass_comments_action {margin-top:10px; margin-left:10px; margin-right:10px; background-color: #f6f9fb; padding: 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}

/* Button */ 

  .fbutton { background: url('../images/fbutton.png') 100% -24px no-repeat; border: 0; width: auto; height: 24px; padding: 0 9px 0 0; overflow: visible; }

   .fbutton:hover { background-position: right bottom; }

    .fbutton span { background: url('../images/fbutton.png')  repeat-x; display: block; line-height: 24px; padding: 0 15px 0 24px; color: #3a3a3a; text-transform: uppercase; }

	 .fbutton:hover span{ background-position: 0 -48px; }

/* forms */

.tableform { width:100%; overflow:hidden;}

  .tableform td { padding: 8px 0; line-height: 1.35em; }

  .tableform td.label { width: 19%; vertical-align: top;  padding-right: 8px; font-weight: bold; }

  .tableform td {border-bottom: 1px dotted #949494;}

  .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; }


.fbutton1 {

background-image: url('../images/bbcodes.png');

background-attachment: scroll;

background-repeat: repeat-x;

background-position: 0% 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: #f2f2f2;

border: 1px solid #4babc5;

color: #4f4f4f;

padding-left: 22px;

padding-right: 22px;

padding-top:  3px;

padding-bottom: 4px;

cursor: pointer;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom-right-radius: 20px;

border-bottom-left-radius: 20px;

font-weight: 350;

}

.fbutton1:hover {

background-image: none;

background-attachment: scroll;

background-repeat: repeat;

background-position: 0% 0%;

background-size: auto;

background-origin: padding-box;

background-clip: border-box;

background-color: #ffffff;

}

.sub_innert{padding:0 10px; margin:5px 0; overflow:hidden}

.errors{background:url('../images/alert.png') no-repeat 0 30%;font-size:11px;padding-left:40px;padding-bottom:3px}

.errors b {color:#a1180a}

/* edit news */

  .editdate { font-size: 0.9em; text-align: right; color: #6c838e; }


/*---Userinfo---*/

    .userinfo {  }

	    .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; }

	  .userinfo .lcol {float:left; padding-right: 15px;}

    .userinfo .rcol {float:right;}

    .userinfo .lcol img {border:none;}

    .userinfo .rcol .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #c0d4de; }

    .userinfo .rcol .avatar img { width: 100px; }

    .userinfo .rcol ul { font-size: 0.9em; }

    .userinfo ul { list-style: none; margin-left: 0; }

	    .userinfo .lcol ul li { margin-bottom: 0.2em; }

	    .grey { color: #6c838e; }

				 .blue { color: #388bd4; }

.pm_title {border-bottom:1px dotted #000; padding:3px 0; font-size:14px;}

.pm_title2 {border-bottom:1px dotted #000; color:#277fbc; padding:3px 0; font-size:12px; text-align:center;}

.pm_title2 a {color:#277fbc;}

/* search */

.searchstyle { width: 480px; }

.search { font-size: 11px; }

.searchtable fieldset legend { color: #404040; }


.searchitem { font-size: 0.9em; border-bottom: 1px solid #dbe8ed; padding: 10px 0; }

#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; }

.blue {font-size:11px; color:#0b4986;}

.add_comm {max-width:490px; }
Вот main.tpl 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

{headers}

<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />

<link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />

<link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="{THEME}/js/easing.js"></script>

<script type="text/javascript" src="{THEME}/js/timers.js"></script>

<script type="text/javascript" src="{THEME}/js/script.js"></script>

<script type="text/javascript" src="{THEME}/js/jquery.galleryview-1.0.1-pack.js"></script>

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="{THEME}/style/ie.css" /><![endif]-->

<script type="text/javascript" src="{THEME}/js/jquery.jmpopups-0.5.1.js"></script>

<script type="text/javascript">

    //<![CDATA[

	  $.setupJMPopups({

	    screenLockerBackground: "#000",

	    screenLockerOpacity: "0.7"

	  });

	  function openStaticPopup() {

	    $.openPopupLayer({

		  name: "loginPopup",

		  width: 328,

		  target: "loginform"

	    });

	  }

    //]]>

</script>

</head>

<body>

{AJAX}

<div id="wrapper">

<div id="header"><div class="header">

<div id="header_h">

<div class="header_h_r">

<ul id="h_info">

<li><a href="#" class="st_icon_1" title="#"/></a></li>

<li><a href="#" class="st_icon_2" title="#"/></a></li>

<li><a href="#" class="st_icon_3" title="#"/></a></li>

</ul>

</div>

<div class="header_h_l">

<ul id="social">

<li><a href="#" class="soc_1" title="#"/></a></li>

<li><a href="#" class="soc_2" title="#"/></a></li>

<li><a href="#" class="soc_3" title="#"/></a></li>

<li><a href="#" class="soc_4" title="#"/></a></li>

</ul>

</div>

<div class="header_h_c"><div id="date"><script language="javascript" type="text/javascript" src="{THEME}/js/time.js"></script></div></div>

</div>

<div id="header_c">

<div class="header_c_r">

{login}

</div>

<div class="header_c_l">

<!-- Логотип -->

<div class="h_logo"><a href="/"><img src="{THEME}/images/spacer.gif" alt=""/></a></div>

<!-- /Логотип -->

</div>

</div>

<div id="header_b">

<div id="header_b2"><div id="header_b2"><div id="header_b2">

<div id="header_b_l">

{include file="topmenu.tpl"}

</div>

<div id="search">

<form action="" name="searchform" method="post" class="search_form">

  <input type="hidden" name="do" value="search" />

  <input type="hidden" name="subaction" value="search" />

  <div>

  <input id="story" name="story" type="text" value="Поиск" onblur="if(this.value=='')this.value='Поиск'" onfocus="if(this.value=='Поиск')this.value=''" />

  <input type="submit" />

  </div>

</form>

</div>

</div></div></div>

</div>

</div></div><!-- /header -->

<div id="cont_panel">

<div class="cont_panel_r">

<div class="cont_panel_r_r">

<div class="block_l">

<div class="block_l_b">

<div class="block_l_h"><div>Календарь добавлений</div></div>

<div class="block_l_c">

{calendar}

</div>

</div>

</div>

</div>

<div class="cont_panel_r_l">

<div class="block_r">

<div class="block_r_b">

<div class="block_r_h"><div>Последние новости</div></div>

<div class="block_r_c">

<ul class="reset lastnews">{custom category="1" template="custom" aviable="global" from="0" limit="8" cache="yes"}</ul>

</div>

</div>

</div>

</div>

</div>

<div class="cont_panel_l">

{include file="slider.tpl"}

</div>

</div><!-- /cont_panel -->

<div id="content">

<div id="content_l">

<div id="rigtcool">

{include file="side_right.tpl"}

</div>

<div id="leftcool">

{include file="side_left.tpl"}

</div>

</div><!-- /content_l -->

<div id="content_r">

{speedbar}

<div class="content_story">

{info}{content}

</div>

<!-- /center_reklam -->

</div><!-- /content_r -->

</div><!-- /content -->

<div id="footer">

<div id="footer_r">

<div class="count">

  <ul class="reset count">

    <li><!-- counter --></li>

    <li><!-- counter --></li>

	    <li><!-- counter --></li>

  </ul>

</div>

</div><!-- /footer_r -->

<div id="footer_l">

<div class="footer_design"><a href="#"><img src="{THEME}/images/spacer.gif" alt=""/></a></div>

<div class="footer_text">

© Интернет портал "БийскЪ", 2011. Все права на ресурсе защищены законодательством РФ.<br />

Копирование материалов допускается только согласно лицензионному соглашению ресурса.

</div>

</div><!-- /footer_l -->

</div><!-- /footer -->

</div><!-- /wrapper -->

</body>

</html>

Подскажите, что сделать, чтобы получить желаемый результат. Напомню, что черные блоки должны исчезать исключительно на статических страницах, на главной они должны быть.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...