Anbrave 3 Опубликовано: 28 апреля 2012 Рассказать Опубликовано: 28 апреля 2012 Здравствуйте, дорогие форумчане. У меня возникла такая проблема. Я не могу убрать данный блок. HTML и CSS я плоховато знаю, но помогите пожалуйста. Позже обязательно выучу. Код main.tpl [not-group=5] <ul class="reset loginbox"> <li class="lvsep"><a id="loginlink" href="#"><i>Привет, {login}!</i></a></li> <li class="loginbtn"><a href="{logout-link}"><b>Выход</b></a></li> </ul> <div id="logindialog" title="{login}" style="display:none;"> <div class="userinfo"> <div class="lcol"> <div style="margin: 0" class="avatar"><a href="{profile-link}"><img src="{foto}" alt="{login}" /></a></div> </div> <div class="rcol"> <ul class="reset"> [admin-link]<li><a href="{admin-link}" target="_blank"><b>Админпанель</b></a></li>[/admin-link] <li><a href="{addnews-link}"><b>Добавить новость</b></a></li> <li><a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a></li> <li><a href="{profile-link}">Мой профиль</a></li> <li><a href="{favorites-link}">Мои закладки</a></li> <li><a href="{stats-link}">Статистика</a></li> </ul> </div> <div class="clr"></div> </div> </div> [/not-group] [group=5] <ul class="reset loginbox"> <li class="lvsep"><a href="{registration-link}"><i>Регистрация</i></a></li> <li class="loginbtn"><a id="loginlink" href="#"><b>Войти</b></a></li> </ul> <div id="logindialog" title="Авторизация" style="display:none;"> <form method="post" action=""> <div class="logform"> <ul class="reset"> <li class="lfield"><label for="login_name">{login-method}</label><br /><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Пароль (<a href="{lostpassword-link}">Забыли?</a>):</label><br /><input type="password" name="login_password" id="login_password" /></li> <li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save"> Чужой компьютер</label></li> <li class="lbtn"><button class="fbutton" onclick="submit();" type="submit" title="Войти"><span>Войти</span></button></li> </ul> <input name="login" type="hidden" id="login" value="submit" /> </div> </form> </div> [/group] Мой сайт - Displeys.info Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 28 апреля 2012 Рассказать Опубликовано: 28 апреля 2012 Anbrave, Вы привели пример не main.tpl, а login.tpl Вам нужно удалить целиком слой с идентификатором footbox Цитата Ссылка на сообщение Поделиться на других сайтах
Anbrave 3 Опубликовано: 29 апреля 2012 Рассказать Опубликовано: 29 апреля 2012 Автор Ой извините. Я убираю данный блок, но нижняя полоса растягивается. <!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" xml:lang="ru" lang="ru"> <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/libs.js"></script> </head> <body> {AJAX} <div class="wwide topline"> </div> <div class="wrapper"> <div id="header" class="container"> <h1><a class="thide" href="/index.php" title="Displeys">Displeys</a></h1> <div class="rcol"> <div class="loginbox">{login}</div> <span class="headsoc"> <a class="twit thide" href="https://twitter.com/#!/displeys">Мы в Twitter</a> <a class="vkon thide" href="http://vk.com/displeysinfo">Мы в vKontakte</a> </span> <div class="headlinks"> <ul class="reset"> </ul> </div> </div> </div> <div class="shadlr"><div class="shadlr"> <div class="container"> <div class="darkbg"><div id="menubar"> <div class="lcol"> <ul class="reset"> <li><a href="/index.php">Главная</a></li> <li><a href="/forum">Форум</a></li> <li><a href="/index.php?do=stats">Статистика</a></li> <li><a href="/index.php?do=rules">Правила</a></li> <li><a href="/index.php?do=feedback">Контакты</a></li> <li><a href="/index.php?do=lastcomments">Комментарии</a></li> </ul> </div> <form method="post" action=''> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <ul class="searchbar reset"> <li class="lfield"><input id="story" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /></li> <li class="lbtn"><input title="Найти" alt="Найти" type="image" src="{THEME}/images/spacer.gif" /></li> </ul> </form> </div></div> <div class="body"> <div class="vsep"> <div id="midside" class="lcol"> [aviable=showfull]{speedbar}[/aviable] <div> {forumStyle} </div> [not-aviable=showfull][sort]<div class="sortn lines">{sort}</div>[/sort][/not-aviable] {info} {content} </div> <div id="sidebar" class="rcol"> {include file="sidebar.tpl"} </div> <div class="clr"></div> </div> </div> </div> </div></div> </div> <div class="wwide footbg"> <div class="wrapper"> <div class="container"> <div class="darkbg"><div id="footbox"> <div class="fbox"> </div> </div> <div class="clr"></div> <span class="thide ribbon">^</span> </div></div> <div id="footer"> <h2><a class="thide" href="/index.php" title="Displeys">Displeys</a></h2> <span class="copyright"> Copyright © 2011-2012 <a href="/">Displeys</a> All Rights Reserved.<br /> Powered by <a href="http://displeys.info/user/Anbrave">Anbrave</a> и <a href="http://displeys.info/user/iShulep">iShulep</a> 2012 </span> <div class="counts"> <ul class="reset"> <li>{include file="openstat.tpl"}</li> <li>{include file="li.tpl"}</li> <li><img src="{THEME}/images/count.png" alt="count 88x31px" /></li> </ul> </div> </div> <div class="shadow"> </div> </div> </div> </div> </body> </html> Цитата Ссылка на сообщение Поделиться на других сайтах
DeeMon 73 Опубликовано: 29 апреля 2012 Рассказать Опубликовано: 29 апреля 2012 Там помимо этого ещё в css надо лезть. Цитата Ссылка на сообщение Поделиться на других сайтах
Anbrave 3 Опубликовано: 30 апреля 2012 Рассказать Опубликовано: 30 апреля 2012 (изменено) Автор Там помимо этого ещё в css надо лезть. engine.css .selectmass input { float: right; margin-left: 6px; } .mass_comments_action { text-align: right; } /*---Информационное оконо загрузки AJAX---*/ #loading-layer { display: none; font-size: 11px; background: #000; padding: 10px; text-align: center; color: #fff; } /*---Цитата и скрытый текст---*/ .scriptcode, .title_quote, .quote, .title_spoiler, .text_spoiler { padding: 5px; background: #f9fafa; border: 1px solid #dce7e7; } .title_quote, .title_spoiler { background: #f9fafa; } .title_quote { border-bottom: 0; font-weight: bold; } .scriptcode { color: #004e8d; text-align: left; font-family: "Courier New"; } .title_spoiler { font-weight: bold; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #e8f3fa; padding: 5px; color: #3a78a5; margin: 0 0 1em; } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } .inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px; } /*---Календарь---*/ .calendar { width: 100%; } .calendar td, .calendar th { padding: 4px 0; vertical-align: middle; text-align: center; } .calendar tr { border-bottom: 1px solid #dfe3e6; background-color: #f0f2f4; } .calendar th { background-color: #dfe3e6; } .calendar tr:hover { background-color: #f8f9f9; } .calendar td:hover { background-color: #fff; } .weekday-active-v, .day-active-v, .weekday-active, .day-active { font-weight: bold; } .weekday { color: #db143d; } .monthselect { font-size: 1.15em; } .day-current { background-color: #db143d !important; color: #fff; } .day-current a { color: #fff; } /*---Лучшие пользователи---*/ .userstop td, .pm td.pm_list, .pm td.pm_head { border: 1px solid #d8d8d8; padding: 2px; background-color: #fff; } .userstop thead td, .pm td.pm_head { font-size: 0.9em; background: #fff url("../images/fbutton.png") repeat-x 0 50%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; } /*---Рейтинг---*/ .rating { width: 85px; height: 17px; font-size: 0.9em; } .unit-rating { list-style: none; margin: 0; padding: 0; width: 85px; height: 17px; position: relative; background: url("../dleimages/rating.png") repeat-x; } .unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; } .unit-rating li a { display: block; width: 17px; height: 17px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0; } .unit-rating li a:hover { background: url("../dleimages/rating.png") 0 -17px; z-index: 2; left: 0; } .unit-rating a.r1-unit {left: 0;} .unit-rating a.r1-unit:hover {width:17px;} .unit-rating a.r2-unit {left: 17px;} .unit-rating a.r2-unit:hover {width: 34px;} .unit-rating a.r3-unit {left: 34px;} .unit-rating a.r3-unit:hover {width: 51px;} .unit-rating a.r4-unit {left: 51px;} .unit-rating a.r4-unit:hover {width: 68px;} .unit-rating a.r5-unit {left: 68px;} .unit-rating a.r5-unit:hover {width: 85px;} .unit-rating li.current-rating { background: url("../dleimages/rating.png") 0 -34px; position: absolute; height: 17px; display: block; text-indent: -9000px; z-index: 1; } /*---BB коды---*/ /* различие bbcodes и bbcodes_poll исключительно в длине кнопки */ /* класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений*/ .bbcodes, .bbcodes_poll { background: #fff url("../images/fbutton.png") repeat-x 0 50%; text-shadow: 0 1px 0 #fff; border: 1px solid #b3b3b3; color: #383838; padding: 1px 9px 4px 9px; margin-bottom: 2px !important; height: 24px; font-weight: bold; cursor: pointer; } .bbcodes:hover, .bbcodes_poll:hover { background-position: 0 3px; -moz-box-shadow: 0 1px 5px -2px black; -webkit-box-shadow: 0 1px 5px -2px black; box-shadow: 0 1px 5px -2px black; } .bbcodes_poll { width: 100px; } .base .editor { padding: 5px; } .editorcomm .editor textarea { background: #ffffff; border: 0 none; } .editor_button { float: left; cursor: pointer; padding-left: 0; padding-right: 0; } .editor_button select { font-size: 10px; } .editor input[type="text"] { background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; } .editor_buttoncl { float: left; cursor: pointer; padding-left: 1px; padding-right: 1px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; } .editbclose { float: right; cursor: pointer; display: none; } .editor_button img { margin: 0; padding: 0; } .editbclose img { margin: 0; padding: 0; } .editor_button_brk img { margin: 0; padding: 0; } /*---Дополнительные поля---*/ .xfields textarea, .xprofile textarea { width: 98%; height: 86px; margin: 0px 1px 0px 0px;padding: 0px;} .xfields input, .xprofile input { width: 250px; padding: 2px; } .xfields_table td { vertical-align: top; } /*---Персональные сообщения---*/ .pm_head {font-weight: bold;} /*---Выпадающее меню кнопки редактировать---*/ #dropmenudiv { background-color: #dfe3e6; border: 2px solid #a6b5c0; font-size: 0.9em; line-height: 20px; margin: 2px 0; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); } #dropmenudiv a { display: block; text-decoration: none; color: #1d2226; padding: 2px 4px; width: 162px;} #dropmenudiv a:hover { background-color: #f1f5f7; } /*---Ссылка на скачивание прикрепленного файла---*/ .attachment { color: #808080; } /*---Рамка расширенной формы поиска по сайту---*/ fieldset { border: 1px solid #bfced6; padding: 5px; text-align: left; } /*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/ .highslide-wrapper, .highslide-outline { background: #FFFFFF; } .highslide-image { border: 2px solid #FFFFFF; } .highslide-active-anchor { visibility: hidden; } .highslide-active-anchor img { visibility: hidden; } .highslide-dimming { background-color: black; } .highslide-html { background-color: white; } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black; } a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-display-block { display: block; } .highslide-display-none { display: none; } .highslide-caption { display: none; padding: 5px; background: white; } .highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px; } .highslide-controls li { float: left; padding: 5px 0; } .highslide-controls a { background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a span { display: none; } /*---The CSS sprites for the controlbar---*/ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*---Облако тегов---*/ .clouds_xsmall { font-size: 1em; } .clouds_small { font-size: 1.1em; } .clouds_medium { font-size: 1.2em; font-weight: bold; } .clouds_large { font-size: 1.5em; } .clouds_xlarge { font-size: 1.7em; } /*---Быстрый поиск на сайте---*/ #searchsuggestions { z-index: 998; border: 1px solid #919191; width:300px; background-color: #fff; font-size: 0.9em; } #searchsuggestions a, #searchsuggestions span.notfound { padding: 10px; display: block; text-decoration: none; } #searchsuggestions a:hover { background-color: #f0f2f4; } #searchsuggestions span.searchheading { display: block; font-weight: bold; color: #db143d; } #searchsuggestions span.seperator { display: block; background-color: #db143d; } #searchsuggestions span.seperator a { padding: 5px 10px; text-align: right; background-color: transparent; color: #fff; } #searchsuggestions span.notfound { padding: 10px; display: block; } #searchsuggestions .break { display: none; } /*---Диалоговые и всплывающие окна jQuery UI---*/ .ui-widget-overlay { background: #000; opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); left: 0; position: absolute; top: 0; } .ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-widget-header { color: #fff; background: #222a30 url("../images/darkbg.png"); font-weight: bold; } .ui-widget-header a { color: #fff; } .ui-widget-header .ui-icon { background-image: url("../images/ui-icons.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-color: #db143d; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-dialog { background: #fff; border: 1px solid #a6b5c0; overflow: hidden; padding: 3px; position: absolute; width: 300px; -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 13px .3em 0; } .ui-dialog .ui-dialog-titlebar-close { height: 18px; margin: -10px 0 0 0; padding: 1px; position: absolute; right: .3em; top: 50%; width: 19px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-content { background: none; border: 0; overflow: hidden; padding: 13px 13px 0 13px; position: relative; zoom: 1; margin-bottom: 13px; } .ui-dialog .ui-dialog-buttonpane { background: #f0f2f4; padding: 13px; text-align: left; } .ui-dialog .ui-dialog-buttonpane button { cursor: pointer; float: right; line-height: 1.4em; margin: 0 1px; overflow: visible; padding: .2em .6em .3em .6em; width: auto; } .ui-button { border: 0 none; background: none; cursor: pointer; } .ui-button { text-shadow: 0 1px 0 #fff; margin-bottom: 2px; border: 1px solid #bcc5c9; width: 106px; height: 31px; color: #d51e44; padding: 2px 0 5px 0; background: #fff url("../images/fbutton.png") repeat-x 0 100%; font-weight: bold; } .ui-button:hover { background-position: 0 10px; -moz-box-shadow: 0 1px 5px -2px black; -webkit-box-shadow: 0 1px 5px -2px black; box-shadow: 0 1px 5px -2px black; } button.ui-button span { cursor: pointer; display: block; } .ui-widget input, .ui-widget textarea { background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; } .ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* ==================== Автозаполнение облака тегов */ .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; } /*---Подсветка кода в теге [code]---*/ pre code { display: block; padding: 0.5em; background: #f8f9f9 url("../images/lines.gif") repeat; border-left: 5px solid #438fbf; overflow:auto; white-space: pre; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: #93a1a1; font-style: italic; } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title { color: #859900; } pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor { color: #2aa198; } pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id { color: #268bd2; } pre .tag .title, pre .rules .property, pre .django .tag .keyword { font-weight: bold; } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label { color: #b58900; } pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata { color: #cb4b16; } pre .deletion { color: #dc322f; } pre .tex .formula { background: #eee8d5; } .sta { background: none repeat scroll 0 0 #D0CDC9; styles.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 { background: #373e45 url("../images/pagebgtop.jpg") no-repeat 50% 0; color: #1b1f21; word-wrap: break-word; } h1, h2, h3, h4, h5 { line-height: normal; } h1 { font-size: 1.25em; } h2 { font-size: 1.2em; } h3 { font-size: 1.15em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } a { color: #3b5163; text-decoration: underline; } a:hover { text-decoration: none; } a img { border: 0 none; } input, textarea, select, button, body { font: 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; } input, textarea, select, button, a { outline: none; } @font-face { font-family: 'PFSquareSansProBold'; src: url('../fonts/pfsquare-webfont.eot'); src: local('PF Square Sans Pro'), local('../fonts/PFSquareSansProBold'), url('../fonts/pfsquare-webfont.woff') format('woff'), url('../fonts/pfsquare-webfont.ttf') format('truetype'), url('../fonts/pfsquare-webfont.svg#webfontIlJz4VNr') format('svg'); font-weight: bold; font-style: normal; } p { margin-bottom: 0.4em; } hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; } ul { margin: 0 0 18px 2em; list-style: disc outside; } ol { margin: 0 0 18px 2.1em; list-style: decimal; } .reset, .reset li { list-style: none; padding: 0; margin: 0; } .clr { clear: both; } .thide, .htmenu span { overflow: hidden; display: block; height: 0; line-height: normal; } table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0; } .lcol, .rcol, form { display: inline; } .lcol { float: left; } .rcol { float: right; } .small { font-size: 0.9em; } .pink { color: #d51e44; } .wrapper { max-width: 1120px; width: 92%; text-align: left; margin: 0 auto; } .wwide { width: 100%; } .wrapper, .wwide { min-width: 990px; } /*---header---*/ .topline { height: 13px; font: 1px/1px sans-serif; background: url("../images/topline.png"); } #header { height: 119px; padding: 0 0 0 322px; } /*---logotype---*/ #header h1 { margin: -8px 0 0 -322px; width: 305px; float: left; padding: 0 17px 31px 0; background: url("../images/logoshadow.png") no-repeat 0 100%; } #header h1 a { display: block; width: 305px; padding-top: 89px; background: url("../images/logotype.png"); } #header .rcol { padding-top: 28px; width: 100%; } /*---Иконки соц.сетей---*/ .headsoc { margin-right: 17px; } .headsoc a { float: left; padding-top: 35px; width: 35px; background: url("../images/headsoc.png") no-repeat; } .headsoc .twit { background-position: 0 0; } .headsoc .twit:hover { background-position: 0 -35px; } .headsoc .vkon { background-position: -35px 0; } .headsoc .vkon:hover { background-position: -35px -35px; } /*---headlinks---*/ .headlinks { margin-top: 6px; overflow: hidden; } .headlinks ul, .headlinks ul li, .headlinks, .headsoc, .headsoc a, ul.loginbox li { float: left; } .headlinks ul { margin-left: -11px; } .headlinks ul li { background: url("../images/headlinks.png") no-repeat 0 70%; padding: 0 10px 0 11px; } .headlinks ul a, ul.loginbox li a { color: #fff; } /*---login---*/ .loginbox { display: inline; } .loginbox ul.loginbox { float: right; height: 27px; } ul.loginbox { line-height: 27px; } ul.loginbox li { margin-left: 10px; } .loginbtn a { text-decoration: none; font-size: 1.1em; display: block; width: 66px; padding-bottom: 17px; background: url("../images/loginbtn.png") no-repeat 50% 0; } .loginbtn a b { text-align: center; display: block; cursor: pointer; height: 26px; background-color: #db143d; } .loginbtn a:hover { background-position: 50% 100%; } .loginbtn a:hover b { background-color: #f1345d; } .logform li.lfield { margin-bottom: 10px; } .logform li.lbtn { text-align: center; } .logform li.lfield input { width: 265px; } .logform li.lfchek input { width: 13px; border: none; background: none; } .logform li.lfchek label { display: inline; margin-bottom: 0.2em; } /*---Shadows---*/ .shadlr { width: 100%; background: url("../images/shadlr.png") no-repeat; } .shadlr .shadlr { background-position: 100% 0; } .container { margin: 0 10px; } /*---Menu---*/ .darkbg { background: #222a30 url("../images/darkbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/topshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; } #menubar .lcol ul li { background: url("../images/mbar.png") no-repeat; } #menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; } #menubar .lcol ul a:hover { color: #da143d; background: url("../images/mbar.png") no-repeat 50% 100%; } /*---search---*/ .searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("../images/search.png") no-repeat; } .searchbar li { float: left; height: 26px; } .searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; } .searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; } .searchbar .lbtn input { width: 30px; height: 26px; background: #db143d url("../images/search.png") no-repeat 0 -26px; } .searchbar .lbtn input:hover { background-position: -30px -26px; } /*---BodyTemplate---*/ .body { background: #fff; border: 13px solid #fff; } .vsep { background: url("../images/vsep.png") no-repeat 50% 0; padding: 13px 313px 0 0; } #sidebar { padding-left: 13px; width: 300px; margin: 0 -313px 0 0; } #midside { width: 100%; } #midside img { max-width: 630px; } /*---Slider---*/ #slides, .slides_container { height: 278px; position: relative; } .slides_container { background: url("../images/loading.gif") no-repeat 50% 50%; border-bottom: 1px solid #b31032; width: 100%; overflow:hidden; } #slides { border-bottom: 8px solid #db143d; margin-bottom: 7px; } #slides .next, #slides .prev { position: absolute; top: 114px; width: 50px; padding-top: 60px; display: block; z-index: 101; background: url("../images/nextprev.png"); } #slides .next { background-position: 0 0; left: -23px; } #slides .next:hover { background-position: 0 -60px; } #slides .prev { background-position: -50px 0; right: -23px; } #slides .prev:hover { background-position: -50px -60px; } /*---buttons---*/ .fbutton, .vresult { border: 0 none; background: none; cursor: pointer; } .fbutton { text-shadow: 0 1px 0 #fff; font-size: 1.1em; margin-bottom: 2px; border: 1px solid #bcc5c9; width: 106px; height: 31px; color: #d51e44; padding: 2px 0 5px 0; background: #fff url("../images/fbutton.png") repeat-x 0 100%; font-weight: bold; } .fbutton:hover, .vresult:hover { background-position: 0 10px; -moz-box-shadow: 0 1px 5px -2px black; -webkit-box-shadow: 0 1px 5px -2px black; box-shadow: 0 1px 5px -2px black; } button.fbutton span { cursor: pointer; display: block; } /*---blocks---*/ .block { background-color: #dfe3e6; margin: 0 0 14px 0; width: 300px; } .block .dcont { padding: 15px 0; margin: 0 15px; } .block .dtop { overflow: hidden; background: url("../images/btlblocks.png") no-repeat; padding: 0 15px; height: 44px; border-bottom: 1px solid #fff; } .block .dtop .btl { margin-top: 14px; } h4.btl { font-size-adjust: 0.49; letter-spacing: -0.018em; font: bold 15px/normal 'PFSquareSansProBold', sans-serif; text-transform: uppercase; color: #fff; } h4.btl span { color: #db143d; } /*---RightMenu---*/ #slidemenu { font-size: 1.15em; } #slidemenu li a, #slidemenu li span { text-decoration: none; color: #1f2931; display: block; border-bottom: 1px solid #fff; padding: 0 15px; height: 35px; line-height: 34px; } #slidemenu li span { cursor: pointer; background: url("../images/slidemenu.png") no-repeat 100% 0; } #slidemenu li a:hover, #slidemenu li span:hover { color: #db143d; background-color: #f1f5f7; } #slidemenu li.selected span { color: #fff; border-top: 1px solid #9a071a; height: 34px; line-height: 32px; background-color: #db143d; background-position: 100% -38px; } #slidemenu li.submenu { overflow: hidden; } #slidemenu li.submenu ul { overflow: hidden; border-bottom: 1px solid #fff; background-color: #f1f5f7; margin: 0; padding: 5px 15px; list-style: none; } #slidemenu li.submenu ul a { border: 0 none; width: 100%; padding: 0; font-size: 0.8em; line-height: normal; height: auto; } #slidemenu li.submenu ul li { background: url("../images/gdot.png") no-repeat 0 8px; padding-left: 7px; } #rightmenu .linesbg { border-top: 2px solid #c5cbd3; } #rightmenu .linesbg ul { min-height: 54px; background: url("../images/whitelogo.png") no-repeat 100% 50%; } .linesbg { padding: 15px; background: #ccd2d7 url("../images/linesbg.png"); } /*---change-skin---*/ #change-skin { background-color: #b1bbc5; position: relative; height: 44px; } .change-skin { background: url("../images/change-skin.png") no-repeat; padding: 15px 26px 0 30px; width: 257px; height: 40px; position: absolute; top: -5px; left: 0; } .change-skin .btl { float: left; margin-top: 5px; } .change-skin .rcol { width: 128px; } .change-skin select { font-size: 0.9em; background-color: #eff2f4; width: 128px; height: 24px; padding: 2px; border: 1px solid #879fb3; } /*---Votes---*/ #bvote .dtop { border: 0 none; } .vtitle { border-top: 2px solid #a61732; color: #fff; position: relative; margin: 0; padding: 10px 15px 14px 15px; color: #fff; background: #d11d40 url("../images/vtitle.png"); } .vtitle b { position: absolute; top: -10px; right: 25px; padding-top: 10px; width: 16px; background: url("../images/varrow.png"); } #bvote .fbutton, .vresult { float: left; margin-right: 5px; } .vresult { width: 32px; height: 31px; padding: 0; background: url("../images/vresult.png") no-repeat 100% 0; } .vresult:hover { background-position: 0 -31px; } .vote, #dle-poll-list div { clear: both; padding: 2px 0 2px 2px; } .vote input, #dle-poll-list div input { vertical-align: middle; margin: 0; padding: 0; width: 14px; height: 14px; margin-right: 4px; } #dle-poll-list { padding: 10px 0; text-align: left; } /*---Informer---*/ .informer { padding: 10px 15px 14px 15px; border-bottom: 1px solid #fff; } .informer:hover { background-color: #f1f5f7; } .informer p a { color: #db143d; } /*---Popular news---*/ .redb { border-bottom: 1px solid #e7617d; background: #db143d url("../images/redb.png") no-repeat 100% 0; position: relative; width: 323px; margin-right: -23px; } .redb .dbtm { position: absolute; right: 0; bottom: -10px; padding-top: 9px; width: 323px; background: url("../images/redbtm.png") no-repeat; } .redb .btl { margin-bottom: 12px; } .redb ul { margin: 0; list-style: none; } .redb li { padding-left: 9px; background: url("../images/wdot.png") no-repeat 2px 10px; } .redb a { padding: 1px 0; display: block; width: 100%; color: #f9e2e6; } .redb a:hover, .redb { color: #fff; } /*---footbox---*/ #footbox { position: relative; overflow: hidden; padding: 25px 0; background: url("../images/fboxshd.png") repeat-x; } .ribbon { position: absolute; right: 23px; top: 0; padding-top: 36px; width: 56px; background: url("../images/ribbon.png"); } .fbox { margin-left: -1px; float: left; width: 33.3%; min-height: 110px; background: url("../images/fbox.png") no-repeat; } .fbox .dcont { margin: 0 25px; color: #fff; } .fbox .dcont a { color: #fff; } .fbox .btl { margin-bottom: 0.4em; } .fmenu li { padding-left: 7px; background: url("../images/rdot.png") no-repeat 0 8px; } /*---Нижний фон шаблона---*/ .footbg { background: url("../images/pagebgfoot.jpg") no-repeat 50% 100%; } /*---footer---*/ #footer { height: 91px; background: #fff; padding-left: 13px; } #footer h2 { display: inline; } #footer h2 a { background: url("../images/logofoot.png") no-repeat; float: left; position: relative; top: -10px; padding-top: 91px; margin-right: 3px; width: 74px; } .counts { padding: 7px 25px 0 0; margin-top: 23px; width: 310px; height: 37px; background: url("../images/counts.png") no-repeat; float: right; } .counts ul { float: right; } .counts ul li { float: right; width: 88px; height: 31px; margin-left: 5px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } .counts ul li:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .copyright { margin-top: 29px; float: left; } .shadow { height: 80px; background: url("../images/shadow.png") no-repeat 50% 0; } /*---Центральная часть контента---*/ /*---Сортировка новостей и Speedbar---*/ .lines { font-size: 0.9em; margin-bottom: 13px; padding: 13px; border: 1px solid #d3dae0; background: #fff url("../images/lines.gif"); } .sortn { text-align: center; } .sortn img { vertical-align: middle; } /*---Center Banner---*/ .hbanner { padding-bottom: 29px; background: url("../images/shadlite.png") no-repeat 50% 100%; } /*---Краткая содержимое---*/ .base { border-top: 2px solid #7e8489; padding-top: 8px; margin-bottom: 30px; } .base .btl { margin-bottom: 0.2em; } .base .btl a, .base .btl { text-decoration: none; color: #db143d; } .base .btl a:hover { color: #353a40; } .argcat { padding-left: 10px; color: #6c838e; background: url("../images/argcat.png") no-repeat 1px 3px; font-size: 0.9em; margin-bottom: 10px; } .argbox a { margin: 3px 0 0 8px; text-decoration: none; color: #67747b; font-size: 0.85em; float: right; color: #67747b; padding: 0 6px; height: 20px; line-height: 20px; border: 1px solid #d6d9dc; } .argbox a:hover { background-color: #f1f5f7; } .infbtn { margin: 3px 0 0 1px; float: right; position: relative; width: 22px; height: 22px; } .infbtn .thide { cursor: pointer; background: #db143d url("../images/boxinfo.png"); padding-top: 22px; width: 22px; } .infbtn .thide:hover { background-position: 0 -44px; } .infbtn .thide.selected { background-position: 0 -22px; background-color: #c0cad2; } .infcont { z-index: 33; width: 180px; background-color: #dfe3e6; border: 2px solid #a6b5c0; position: absolute; top: 23px; right: 0; display: none; } .infcont ul { position: relative; list-style: none; font-size: 0.9em; color: #67747b; margin: 0 6px; padding: 5px 0; } .editdate { font-size: 0.9em; background-color: #f1f2f3; padding: 6px; color: #67747b; } /*---ratebox---*/ .ratebox { padding-top: 13px; display: block; height: 28px; text-align: center; background: #d6dce1 url("../images/ratebox.png") no-repeat 50% 0; } .ratebox ul { margin: 0; padding: 0; } .ratebox .rate { text-align: left; width: 85px; height: 17px; margin: 0 auto; overflow: hidden; } .storenumber, .maincont, .berrors, .basecont, .fullstory, .mass_comments_action { margin-bottom: 13px; text-align: justify;} .base .maincont { padding-top: 13px; border-top: 1px solid #dfe4e9; background: url("../images/shadlite.png") no-repeat 10px 1px; } .maincont img { padding: 5px;border: none; } /*---Метки к сайту---*/ .basetags { padding-top: 10px; font-size: 0.9em; color: #6c838e; } /*---Подробнее и назад---*/ .mlink { height: 39px; } .fullstory .mlink { margin-bottom: 3px; } .argmore a, .argmore a b, .argback a, .argback a b { float: left; height: 39px; background: url("../images/argmore.png") no-repeat; } .argmore a, .argback a { padding-left: 23px; margin-left: -23px; line-height: 29px; color: #fff; text-decoration: none; } .argmore a b, .argback a b { cursor: pointer; padding-right: 42px; background-color: #db143d; background-position: 100% -39px; } .argmore a:hover { background-position: 0 -78px; } .argmore a:hover b { background-position: 100% -117px; } .argback a { background-position: 0 -156px; } .argback a b { background-color: #438fbf; background-position: 100% -195px; } .argback a:hover { background-position: 0 -234px; } .argback a:hover b { background-position: 100% -273px; } .argcoms, .argedit a { padding: 0 20px 0 10px; line-height: 29px; font-size: 0.9em; float: left; height: 30px; background: url("../images/argcoms.png") no-repeat 100% 0; } .argcoms { color: #6c838e; } /*---Наш сайт рекомендует:---*/ .related { padding-right: 120px; position: relative; border-top: 1px solid #bbbec0; } .related h4.btl span { color: #32373d; } .frbtns { width: 106px; height: 46px; position: absolute; right: 16px; bottom: -7px; } .frbtns img { float: right; margin-left: 4px; } img.printlink { background: url("../dleimages/printlink.png") no-repeat; width: 49px; height: 46px; } a:hover img.printlink { background-position: 0 -46px; } /*---Вывод ошибок---*/ .berrors { padding-left: 12px; background: #d7133b url("../images/berrors1.png") repeat-y; } .berrors .berrors { color: #d7133b; padding: 10px 13px; background: #f2d9de url("../images/berrors.png"); } .berrors a { color: #d7133b; } /*---Вкладки---*/ .tabmenu { height: 32px; border-bottom: 3px solid #7e8489; margin-bottom: 13px; } .tabmenu li { float: left; } .tabmenu a { padding: 0 13px; text-decoration: none; background-color: #e0e4e7; float: left; height: 30px; line-height: 30px; margin: 2px 2px 0 0; } .tabmenu a:hover { background-color: #f1f3f5; } .tabmenu a.selected { padding-bottom: 6px; position: relative; color: #fff; background: #7e8489 url("../images/tabarrow.png") no-repeat 50% 100%; height: 35px; line-height: 35px; margin: 0 2px 0 0; } .tabcont { display: none; } /*---Заголовок страниц---*/ .heading { font-size: 1.4em; line-height: normal; color: #d51e44; margin-bottom: 10px; } /*---Комментарии---*/ .bcomment { padding-left: 113px; margin-bottom: 20px; } .bcomment .lcol { position: relative; color: #7b878d; margin-left: -113px; padding-right: 13px; width: 100px; } .bcomment .lcol .arcom { position: absolute; top: 41px; right: 0; width: 9px; padding-top: 16px; background: url("../images/arcom.png"); } .bcomment .lcol h5, .bcomment .lcol h5 a { color: #d8183f; } .bcomment .lcol p { font-size: 0.85em; } .bcomment .lcol .avatar { padding: 4px; border: 1px solid #dce0e2; width: 90px; overflow: hidden; margin-bottom: 0.8em; } .bcomment .lcol .avatar img { width: 90px; display: block; } .bcomment .rcol { min-height: 90px; background: #eaeef0 url("../images/combox.png") repeat-x 0 100%; width: 100%; } .combox { margin: 0 13px; padding: 13px 0; } .combox .infbtn { margin: 0 0 8px 13px; } .comedit { padding-top: 13px; color: #7a94a0; } .comedit .arg a { margin-right: 10px; font-size: 0.9em; height: 26px; line-height: 26px; float: left; color: #6b7c8a; } .selectmass { display: inline; } .selectmass input { float: right; margin-top: 10px; } .argreply a, .argreply a b { float: left; height: 26px; background: url("../images/argreply.png") no-repeat; } .argreply a { margin-right: 10px; line-height: 26px; text-decoration: none; text-shadow: 0 1px 0 #fff; color: #d51e44; font-size: 1.1em; } .argreply a b { background-position: 100% -26px; padding: 0 20px 0 10px; } .argreply a:hover { background-position: 0 -52px; } .argreply a:hover b { background-position: 100% -78px; } .signature { color: #7a94a0; } /*---forms---*/ .brdform { padding: 3px; border: 1px solid #dce0e2; } .baseform, .mass_comments_action { padding: 1px; background-color: #f0f2f4; } .mass_comments_action { padding: 10px 13px; } .baseform .dcont { padding: 13px 0; margin: 0 13px; } .baseform .dcont .heading { margin: 0; } .tableform { width: 100%; } .tableform td { } .tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold; } .fieldsubmit, .tableform td { padding: 10px 13px; border-top: 1px solid #fff; } .addnews { font-weight: bold; } .impot { color: #d51e44; font-weight: normal; } .checkbox { padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; } .f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; } .fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding: 2px; background: #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2; } .f_textarea, .editor_button select { padding: 0; } .textin { padding: 2px; } /*---search---*/ .searchstyle { width: 480px; } .search { font-size: 11px; } .searchtable fieldset legend { color: #404040; } .searchitem { font-size: 0.9em; border-top: 1px solid #dbe8ed; padding: 10px 0; } #searchuser, #searchinput { width: 90% !important; } /*---Userinfo---*/ .userinfo { padding-left: 125px; } .rateui { width: 85px; height: 17px; margin: 0 auto; padding-top: 4px; } .userinfo .lcol { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .lcol .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #c0d4de; } .userinfo .lcol .avatar img { width: 100px; } .userinfo .lcol ul { font-size: 0.9em; } .userinfo .rcol { width: 100%; } .userinfo .rcol ul { list-style: none; margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 0.2em; } .ussep { padding-top: 12px; background: url("../images/ussep.png") no-repeat; } /*---statistics---*/ .statistics { overflow: hidden; margin: 0; padding: 0; } .statistics ul.lcol { min-height: 71px; margin: 0 0 20px -1px; width: 33.3%; } .statistics ul.lcol li { padding: 0 15px 0 0; margin-bottom: 2px; } /*---Постраничная навигация---*/ .storenumber { font-weight: bold; } .basenavi { border-bottom: 2px solid #f5f5f5; } .basenavi, .bnnavi, .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide { float: left; } .bnnavi { border: 1px solid #bcc5c9; height: 32px; background: #fff url("../images/fbutton.png") repeat-x 0 100%; } .navigation a { text-decoration: none; } .navigation a, .navigation span { background: url("../images/basenavi.png") no-repeat; border-right: 1px solid #e0e3e4; font-weight: bold; padding: 0 8px; height: 32px; line-height: 32px; } .navigation a, .navigation span.nav_ext { color: #2e363a; } .navigation a:hover { color: #db143d; } .navigation span { background-color: #db143d; background-position: 0 -32px; color: #fff; } .nextprev .thide, .toptop { width: 32px; padding-top: 32px; background: url("../images/basenavi.png") no-repeat; } .nextprev a span { cursor: pointer; } .nextprev span .pnext { background-position: -32px -64px; } .nextprev a .pnext { background-position: -32px -96px; } .nextprev span .pprev { background-position: 0 -64px; } .nextprev a .pprev { background-position: 0 -96px; } Изменено 30 апреля 2012 пользователем Anbrave Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.