File size: 15.72Kb
* { padding: 0; margin: 0; }
body {
font: normal 80% Arial, Helvetica, sans-serif;
color: #fff;
background: #050608 url("images/bg-main.jpg");
}
a:link, a:visited {color: #ddd; text-decoration: none;}
a:hover {color: #ccccff; text-decoration: none;}
h2 {font-size: 16px; font-weight: normal;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clearfix {display: inline;}
/*------------------------------
Layout
-------------------------------*/
#wrapper {
margin: 0 auto;
width: 960px;
}
#bg-body, #header, #leftcolumn, #centercolumn, #rightcolumn {float: left;}
#bg-body {width: 960px; background: url("images/bg-bg.jpg") repeat-y 0 0;}
#header {
width: 100%;
height: 291px;
background: #050608 url("images/bg-header.jpg") no-repeat 0 0;
position: relative;
}
#leftcolumn {
width: 200px;
}
#centercolumn {
display: inline;
width: 510px;
margin: 10px auto;
}
#rightcolumn {
width: 250px;
font-size: 11px;
}
#footer {
width: 100%;
height: 70px;
background: #050608 url("images/bg-footer.jpg");
clear: both;
padding-top:2px;
color: #66CE00;
text-align: center;
}
div#logo {float: left; width: 100px; height: 100px;}
div#top-menu {float: right;}
div#top-menu dt {float: left; margin: 60px 0 0 0; padding: 0 10px; background: black;}
div#top-menu dt a {color: #e0e3ed; font-size: 16px; font-weight: bold; font-variant: normal;}
div#top-menu dt a:link, div#top-menu dt a:visited {text-decoration: none;}
div#top-menu dt a:hover {color: #ccccff;}
/*------------------------------
Blocks
-------------------------------*/
#leftcolumn .block {width: 200px;}
#leftcolumn .block h3 {width: 200px; background: transparent url("images/bg-title.png") no-repeat 0 0;}
#rightcolumn .block {width: 250px;}
#rightcolumn .block h3 {width: 250px; background: transparent url("images/bg-title-right.png") no-repeat 0 0;}
.block {margin: 10px 0;}
.block div {width: 210px; margin: 0 auto;}
.block h3 {
height: 25px;
padding: 6px 0 0 10px;
font: bold 14px Tahoma;
}
.block dt {width: 200px; height: 16px; background: transparent url("images/bg-menu.png") no-repeat 0 1px;}
.block dt a {color: #e0e3ed; font-size: 12px; text-decoration: none; padding: 0 0 0 10px;}
.block dt a:hover {color: #ccccff; text-decoration: none;}
.block2 div {width: 180px; margin: 0 auto;}
/*------------------------------
Title colors
-------------------------------*/
#music h3 {color: #d0badb;}
#topnews h3 {color: #c3c5c0;}
#rightcolumn #login h3 {background: none; color: #dcd9b6; padding: 0;}
/*------------------------------
Other styles
-------------------------------*/
#login {}
#login a {font-size: 11px;}
.a_field {
width: 210px;
height: 23px;
background: transparent url("images/bg-input.png") no-repeat 0 0;
border: none;
padding: 3px 0 0 5px;
}
#topnews {color: #ff66ff;}
#topnews a {line-height: 20px; margin-left: 2px;}
#rightcolumn a {text-decoration: none;}
.f_textarea {width: 460px; height: 150px; color: #fff; background: #050608; border: 1px solid #ccc;}
.navigation {margin: 20px 0; font-size: 18px; font-weight: normal; color: #ccc; font-family: Tahoma;}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active, .navigation span, .navigation p
{margin: 0 5px;}
.navigation a:link, .navigation a:visited {color: #ccccff; text-decoration: none;}
.navigation a:hover {color: #619bff; text-decoration: none;}
.userstop thead {font-weight: bold;}
.userstop td {padding: 0px 0; font-size: 11px;}
.related-news {display: block; padding: 10px 0; font-size: 11px;}
.related-news li {
line-height: 18px;
list-style: none;
background: url("images/bullet.png") no-repeat 0 9px;
padding: 0 0 0 10px;
}
.slink td {width: 100px}
.pm {font-size: 12px;}
/* ----------------------------------------
Comments
----------------------------------------*/
.dialog{margin:0 auto; min-width:20em; color:#fff; line-height: 14px; width: 490px; float: left;}
.dialog .hd .c,
.dialog .ft .c {
font-size: 1px;
height:7px;
}
.dialog .ft .c {height:22px;}
.dialog .hd {background:transparent url("images/box/tl.png") no-repeat 0px 0px;}
.dialog .hd .c {/*background:transparent url("images/box/tr.png") no-repeat right 0px;*/}
.dialog .bd {background:transparent url("images/box/ml.png") repeat-y 0px 0px;}
.dialog .bd .c {/*background:transparent url("images/box/mr.png") repeat-y right 0px;*/}
.dialog .bd .c .s {margin:0px; padding:1em;}
.dialog .ft {background:transparent url("images/box/bl.png") no-repeat 0px 0px;}
.dialog .ft .c {/*background:transparent url("images/box/br.png") no-repeat right 0px;*/}
.comment-author{margin: 0 0 20px 20px;}
/*------------------------------
Search
-------------------------------*/
#search-top {text-align: right; position:absolute; top: 110px; right:40px; height:25px; line-height:20px;}
#searchBar {background:url("images/Header_Search_Background.png") top left no-repeat; width:170px; height:25px; float:right; margin-left: 10px;}
#searchBar:hover {background:url(images/Header_Search_Background_Hover.png) top left no-repeat; color:#666666;}
#searchBar #searchBox {width:105px; height:15px; line-height:15px; font-size:12px; font-weight:bold; position:absolute; top:6px; right:50px; border:none; background:none; color: #fff;}
#searchBar #searchBox:focus{color:#fff;}
#searchBar #searchSelectBtn:focus {color:#333;}
#searchBar #searchSelectBtn {background:url("images/Header_Search_Select_Button.png") no-repeat; position:absolute; right:10px; top:5px; width: 18px; height: 18px;}
#searchBar #searchSelectBtn:hover {background:url("images/Header_Search_Select_Button_Hover.png") no-repeat;}
#searchBar #searchSelectBtn span {display:none;}
/*------------------------------
Content
-------------------------------*/
.content {width: 490px; margin-left: 10px; color: #cecfda;}
.content b {color: #fff;}
.content dl {
width: 490px;
height: 21px;
background: transparent url("images/bg-date.png") repeat-x 0 0;
font-size: 11px;
padding: 3px 0 0 0;
margin-bottom: 5px;
color: #d7daec;
}
.content dt {float: right; padding-right: 10px;}
.content dd {float: left; padding-left: 10px; font-weight: bold;}
.content a {color: #b1b5ec; text-decoration: none;}
.content h3 {text-align: center; font-size: 12px; font-weight: 550; color: #ccccff; padding: 5px 0 0 0;}
.content a:hover {color: #c1c5fc; text-decoration: none;}
.spacer {width: 490px; height: 11px; margin: 20px 0 0 0; background: transparent url("images/spacer.png") no-repeat top;}
.story {font-size: 11px;}
.full-story {}
/*----------------Image---------*/
.story img {
/*float: left;
width: 200px;
height: 200px;
background: transparent url("images/bg-img.png");
padding: 5px;
margin: 18px 20px 0 0;
border: 0;
clear: both;*/
}
.full-story img {margin: 10px auto;}
#footer p {text-align: center; padding-top: 70px;}
.prof div {background: url(images/bg-trans.png); width: 490px; margin: 0 auto; padding: 10px 0; font-size: 6px;}
.prof h2 {font-size: 10px;}
.prof td {font-size: 8px;}
.prof tr {font-size: 8px;}
form {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px;
}
/* ==================== Вывод архива */
.archives {
margin-top: 6px;
margin-left: 10px;
margin-bottom: 10px;
}
.archives a {
color: #43637e;
}
/* ==================== Цитата и скрытый текст */
.title_quote {
color: #0099ff;
background: url("images/bg-trans-pink.png");
border: 1px dotted #bebebe;
border-bottom: 0;
font-weight: bold;
padding: 5px;
}
.quote {
color: #fff;
background: url("images/bg-img.png");
border: 1px dotted #bebebe;
text-align: justify;
padding: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 20px;
font-size: 11px;
font-style: italic;
overflow: hidden;
}
/* ==================== Tэг CODE */
.scriptcode {
color: #fff;
background: url("images/bg-trans-pink.png");
border: 1px dotted #bebebe;
text-align: left;
padding: 8px;
width: 474px;
}
/* ==================== Календарь */
.weekday-active-v {
color: #4b73d4;
}
.day-active-v {
color: #4b73d4;
}
.calendar {font-size: 11px;}
.calendar td, th {
text-decoration: none;
/* - */
padding-left: 5px;
padding-right: 4px;
padding-top: 3px;
padding-bottom: 4px;
/* - */
}
.weekday {
color: #ff66ff;
font-family: verdana;
}
.weekday-active {
color: #ff66ff;
font-family: verdana;
}
.day-active {
color: #ff66ff;
font-family: verdana;
}
.day-active a, .weekday-active a, .day-active-v a, .weekday-active-v a {
text-decoration: underline;
}
.monthlink {
color: #5078d6;
text-decoration: none;
}
/* ==================== Рейтинг статьи */
.rating {
font-size: 11px; /* ! */
width: 85px;
height: 16px;
}
.unit-rating {
list-style: none;
margin: 0px;
padding: 0px;
width: 85px;
height: 16px;
position: relative;
background-image: url("dleimages/rating.gif");
background-position: top left;
background-repeat: repeat-x;
}
.unit-rating li {
text-indent: -90000px;
padding: 0px;
margin: 0px;
float: left;
}
.unit-rating li a {
display: block;
width: 17px;
height: 16px;
text-decoration: none;
text-indent: -9000px;
z-index: 17;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover {
background-image: url(dleimages/rating.gif);
background-position: left center;
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.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-image: url(dleimages/rating.gif);
background-position: left bottom;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1;
}
/* ==================== BB коды */
.bbcodes {
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
width: 105px;
height: 25px;
background: url("images/bttn_bbcodes2.png");
border: none;
cursor: pointer;
padding: 0 8px 3px 0;
}
.editor_button {
float: left;
cursor: pointer;
padding-left: 2px;
padding-right: 2px;
}
.editor_buttoncl {
float: left;
cursor: pointer;
padding-left: 1px;
padding-right: 1px;
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
}
.editbclose {
float: right;
cursor: pointer;
}
.editor_button select {
font-family: tahoma;
font-size: 11px;
}
/* ==================== Дополнительные поля новостей */
.xfields textarea {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 499px;
height: 86px;
border: 1px solid #e0e0e0;
}
.xfields input {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 250px;
height: 14px;
border: 1px solid #e0e0e0;
}
.xfields select {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
height: 14px;
border: 1px solid #e0e0e0;
}
/* ==================== Дополнительные поля профиля пользователей */
.xprofile textarea {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 316px;
height: 86px;
border: 1px solid #e0e0e0;
}
.xprofile input {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 250px;
height: 14px;
border: 1px solid #e0e0e0;
}
/* ==================== Персональные сообщения */
.pm {background: url("images/bg-trans.png");}
.pm_head {
padding: 2px 0;
}
.pm_list {
color: #fff;
padding: 2px 0;
}
.pm_list a {
}
/* ==================== Выпадающее меню */
#dropmenudiv {
border: 1px solid #ffb3ff;
border-bottom-width: 0;
font: normal 10px Verdana;
background: url("images/bg-trans-dropmenu.png");
line-height: 20px;
margin: 2px;
/*filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);*/
}
#dropmenudiv a {
display: block;
text-indent: 3px;
padding: 1px 0;
margin: 1px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
border: 1px solid #ff85ff;
}
#dropmenudiv a:hover {
/* hover background color */
background: url("images/bg-trans.png");
color: #000000;
}
/* ==================== Опрос пользователей */
.vote {padding: 5px 0;}
.vote input {margin: 0 5px 0 0;}
/* ==================== Уведомление о получении новых PM */
#newpm {
position: absolute;
width: 400px;
padding: 4px;
background-color: #fdfdfd;
border: 1px solid #bbbbbb;
font-family: verdana;
line-height: 135%;
}
#newpmheader {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
height: 20px;
color: #636363;
font-weight: bold;
background-color: #b2c7f1;
font-family: verdana;
cursor: move;
}
#newpm a {
background: transparent;
color: #4b73d4;
text-decoration: none;
}
#newpm a:hover {
background: transparent;
color: #4b73d4;
text-decoration: underline;
}
/* ==================== Ссылка на скачивание прикрепленного файла */
#attachment {
color: #808080;
}
/* ==================== Поиск по сайту и результаты поиска */
.search {
color: #757575;
text-decoration: none;
}
.textin {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
border: 1px solid #e0e0e0;
text-decoration: none;
}
.sresult {
text-align: justify;
font-weight: normal;
line-height: 16px;
font-size: 12px;
color: #fff;
}
/* ==================== Рамка расширенной формы поиска по сайту */
fieldset {
border: 1px solid #e0e0e0;
padding: 5px;
text-align: left;
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
color: #333;
}
td.search {width: 490px; background: url("bg-trans.png"); color: #000;}
td.search div {color: #000;}
td.search select {margin: 7px 0;}
legend {color: #fff; font-variant: small-caps; font-weight: bold;}
#searchinput, #searchuser {width: 120px; height: 15px;}
/* ==================== показ оригинальной картинки загруженной на сайт из уменьшенной копии */
.highslide-image-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: black;
}
.komm {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/dlet_field_o.gif);
background-repeat: repeat-x;
border: 1px solid #e0e0e0;
text-decoration: none;
}
.upsss{
color: #757575; /* ! */
font-size: 13px; /* ! */
font-family: tahoma; /* ! */
background-image: url(images/litebg.PNG);
background-repeat: repeat-x;
}