* {
margin: 0;
padding: 0;
}
html {height: 100%}
body {
font: 11px/13px tahoma, verdana, Arial, sans-serif;
height: 100%;
}
a {
background:none transparent scroll repeat 0 0;
color:#36a0ba;
font-family:tahoma, sans-serif;
text-decoration:none;
}
a:hover {
background:none transparent scroll repeat 0 0;
color:#f60;
font-family:tahoma, sans-serif;
text-decoration:none;
}
p {margin: 0 0 18px}
img {
border: none;
}
input {vertical-align: middle}
#wrapper {
min-width: 1009px;
max-width: 1440px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* Кнопки
-----------------------------------------------------------------------------*/
.select {
padding: 10px 0 0 10px;
}
.select a {
text-decoration:none;
color:#fff;
background-image:url(../Image/nav1.png);
padding:3px 10px;
font-size:11px;
font-weight:700;
height:100%;
}
.select a:hover {
text-decoration:none;
color:#fff;
border-color:blue;
border:1px solid #40BCF8;
padding:3px 10px;
font-size:11px;
font-weight:700;
height:100%;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 150px;
background-image:url(../Image/headerbg.jpg);
}
#logo {
width: 520px;
height: 150px;
float:left;
}
#banner {
height: 150px;
width: 470px;
background-image:url(../Image/banner.png);
background-repeat:no-repeat;
float:right;
color: #36a0ba;
}
#textbg{
background-image:url(../Image/bannertext.png);
margin-top:5px;
padding: 3px 13px 0 6px;
font: 11px/13px tahoma, verdana ;
height: 137px;
width: 450px;
background-repeat:no-repeat;
}
#gormenu {
height: 52px;
background-image:url(../Image/sub_bg.png);
}
#gormenul li{
display:block;
float:left;
height: 34px;
background: url(../Image/mm.png);
width: 130px;
text-align: center;
font-weight: 700;
padding-left: 3px;
}
#gormenul a{
font:bold 11px/13px tahoma, verdana;
display: inline;
text-align:center;
height: 52px;
width: 133px;
color: #fff;
vertical-align:middle;
text-decoration: none;
}
#gormenul li:hover {
background: url(../Image/mmh.png);
}
.gormenu1 li{ display:block; float:left; height: 34px; background: url(../Image/online.png); width: 130px; text-align: center; font-weight: 700; padding-left: 3px;}
.gormenu1 a{ font:bold 11px/13px tahoma, verdana; display: inline; text-align:center; height: 52px; width: 133px; color: #fff; vertical-align:middle; text-decoration: none;}
.gormenu1 li:hover { background: url(../Image/onlineh.png);}
.gormenu2 li{ display:block; float:left; height: 34px; background: url(../Image/mini.png); width: 130px; text-align: center; font-weight: 700; padding-left: 3px;}
.gormenu2 a{ font:bold 11px/13px tahoma, verdana; display: inline; text-align:center; height: 52px; width: 133px; color: #fff; vertical-align:middle; text-decoration: none;}
.gormenu2 li:hover { background: url(../Image/minih.png);}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 10px;
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 10px 240px 0 240px;
text-align:center;
}
/* ==================== Таблица */
.tit_a {
float:left;
margin: 10px 0 0 10px;
font-weight: bold;
}
.tit_b {
float:right; /*align*/
margin: 10px 10px 0 0;
font-weight:bold;
}
.top_l {
background:url(../Image/top_l.png) no-repeat left;
height:44px;
}
.top_cen {
background:url(../Image/top_c.png);
vertical-align:top;
height:44px;
}
.top_r {
background:url(../Image/top_r.png) no-repeat right;
height:44px;
}
.bot_l {
background:url(../Image/bot_l.png) no-repeat left;
}
.bot_cen {
background:url(../Image/bot_c.png);
}
.bot_r {
background:url(../Image/bot_r.png) no-repeat right;
height:21px;
line-height:21px;
padding:0 9px;
}
.contentblock {
text-align:left;
border-left:solid 1px #BFE7FF;
border-right:solid 1px #BFE7FF;
background-color:#F1F9FF;
padding: 0 10px 0 10px;
}
/* ==================== Таблица */
/* Левая сторона
-----------------------------------------------------------------------------*/
#sidebarsl {
float: left;
width: 240px;
margin-left: -100%;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
float: left;
margin-right: -3px;
width: 240px;
margin-left: -240px;
}
/* Категории сайта
-----------------------------------------------------------------------------*/
.stylemenu{
padding-left: 24px;
background-image:url(../Image/dot_1.gif);
background-repeat: no-repeat;
background-position: 10px 3px;
list-style:none;
font-weight: bold;
}
.podmenu {
padding-left: 36px;
background-image:url(../Image/dot_2.gif);
background-repeat: no-repeat;
background-position: 22px 3px;
list-style:none;
}
.podmenu a {
color:#f60;
}
.podmenu a:hover {
color:#ff0000;
font-family:tahoma, sans-serif;
font-weight: bold;
}
/* или попробовать так list-style-image:url(../Image/dot_2.gif); list-style-type: none;*/
/* login
-----------------------------------------------------------------------------*/
#photo {
padding: 2px;
margin-left: 60px;
border: solid 1px #e4e4e4;
background-color: #fff;
width: 100px;
height: 100px;
}
#login_f {
text-align:left;
padding-left: 24px;
}
.logdot {
padding-left: 24px;
background-image:url(../Image/dot_2.gif);
background-repeat:no-repeat;
background-position: 10px 3px;
list-style:none;
}
.logbox {
width: 120px;
height:15px;
padding-left: 3px;
margin-bottom: 4px;
}
/* Служебные и рекламные блоки
-----------------------------------------------------------------------------*/
.blocktop {
background-image:url(../Image/block_v.png);
width: 219px;
height: 42px;
margin: 10px 5px 0 10px;
text-align: center;
padding-top: 10px;
font:bold 12px/30px verdana, tahoma;
color:#FFF;
}
.blockcent {
background-image:url(../Image/block_c.png);
width: 219px;
margin: 0 5px 0 10px;
}
.blockbot {
width: 219px;
height: 8px;
background-image:url(../Image/block_n.png);
margin: 0 5px 10px 10px;
}
.blockbtop {
background-image:url(../Image/block_vb.png);
width: 219px;
height: 39px;
margin: 10px 5px 0 10px;
text-align: center;
font:bold 11px/30px verdana, tahoma;
color:#FFF;
}
.blockbcent {
background-image:url(../Image/block_cb.png);
width: 219px;
text-align:center;
margin: 0 5px 0 10px;
}
.blockbbot {
width: 219px;
height: 8px;
background-image:url(../Image/block_nb.png);
margin: 0 5px 10px 10px;
}
.blockytop {
background-image:url(../Image/block_vy.png);
width: 219px;
height: 39px;
margin: 10px 5px 0 10px;
text-align: center;
font:bold 11px/30px verdana, tahoma;
color:#FFF;
}
.blockycent {
background-image:url(../Image/block_cy.png);
text-align:center;
width: 219px;
margin: 0 5px 0 10px;
}
.blockybot {
width: 219px;
height: 8px;
background-image:url(../Image/block_ny.png);
margin: 0 5px 10px 10px;
}
.blockgtop {
background-image:url(../Image/block_vg.png);
width: 219px;
height: 39px;
margin: 10px 5px 0 10px;
text-align: center;
font:bold 11px/30px verdana, tahoma;
color:#FFF;
}
.blockgcent {
background-image:url(../Image/block_cg.png);
text-align:center;
width: 219px;
margin: 0 5px 0 10px;
}
.blockgbot {
width: 219px;
height: 8px;
background-image:url(../Image/block_ng.png);
margin: 0 5px 10px 10px;
}
/* Навигация
-----------------------------------------------------------------------------*/
.navigation a {
height:25px;
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../Image/nav0.png);
border:1px solid #ff6600;
font-size:12px;
font-weight:bold;
padding:4px 8px;
}
.navigation a:hover {
background:#006600 url(../Image/nav2.png);
}
.navigation span {
height:25px;
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../Image/nav2.png);
border:1px solid #ff6600;
font-size:12px;
font-weight:bold;
padding:4px 8px;
}
#back span {
height:25px;
font-weight:bold;
color:#ff6600;
background:url(../Image/back1.png) no-repeat;
padding:6px 11px 10px 34px;
}
#back a {
height:25px;
font-weight:bold;
color:#ff6600;
background:url(../Image/back1.png) no-repeat;
padding:6px 11px 10px 34px;
}
#go span {
height:25px;
font-weight:bold;
color:#ff6600;
background:url(../Image/go.png);
background-repeat:no-repeat;
padding:6px 40px 10px 9px;
}
#go a {
height:25px;
font-weight:bold;
color:#ff6600;
background:url(../Image/go.png);
background-repeat:no-repeat;
padding:6px 40px 10px 9px;
}
#go a:hover {
background:url(../Image/go2.png);
background-repeat:no-repeat;
}
#back a:hover {
background:url(../Image/back2.png) no-repeat;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
min-width: 1009px;
max-width: 1440px;
height: 100px;
margin: 0 auto;
background-image:url(../Image/bottom.jpg);
margin-bottom: -30px;
}
#bottom_l {
width: 200px;
height: 100px;
background-image:url(../Image/bottom_l.jpg);
float:left;
}
#bottom_r {
width: 200px;
height: 100px;
background-image:url(../Image/bottom_r.jpg);
float:right;
}
#copyright {
padding-top:20px;
margin:0 200px;
text-align:center;
color:#FF6600;
text-decoration:none;
font:bold 11px/15px tahoma, verdana;
}
/* ==================== Коментарии */
/* Middle
-----------------------------------------------------------------------------*/
.combox {
border-left: 150px solid #e9e7e4;
height: 1%;
}
.combox:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.comcontainer {
width: 100%;
float: left;
overflow: hidden;
margin-right: -100%;
}
.comcontent {
padding: 0 20px;
}
/* userfotoinf
-----------------------------------------------------------------------------*/
.userfotoinf {
float: left;
width: 150px;
position: relative;
left: -150px;
}
/* bottblox
-----------------------------------------------------------------------------*/
.bottblox {
height: 20px;
padding-top:10px;
}
.commentblock {
text-align:left;
border-left:solid 1px #DDDDDD;
border-right:solid 1px #DDDDDD;
background-color:#e9e7e4;
padding: 0 10px 0 10px;
}
.comfoto{
background-image: url(../Image/wallpaper.jpg);
padding:5px;
border:2px solid #cccccc;
width:150px;
float:left;
height:200px;
}
.topg_l {
background:url(../Image/topg_l.png) no-repeat left;
height:44px;
}
.topg_cen {
background:url(../Image/topg_c.png);
vertical-align:top;
height:44px;
}
.topg_r {
background:url(../Image/topg_r.png) no-repeat right;
height:44px;
}
.botg_l {
background:url(../Image/botg_l.png) no-repeat left;
}
.botg_cen {
background:url(../Image/botg_c.png);
}
.botg_r {
background:url(../Image/botg_r.png) no-repeat right;
height:21px;
line-height:21px;
padding:0 9px;
}
.postc1 { background:#f2f2f1 url(../Image/post1.gif) repeat-x top center; }
.postc2 { background:url(../Image/post2.gif) repeat-x bottom center; }
.postc3 { background:url(../Image/post3.gif) repeat-y top right; }
.postc4 { background:url(../Image/post4.gif) repeat-y top left; }
.postc5 { background:url(../Image/post5.gif) no-repeat top right; }
.postc6 { background:url(../Image/post6.gif) no-repeat top left; }
.postc7 { background:url(../Image/post7.gif) no-repeat bottom left; }
.postc8 {
background:url(../Image/post8.gif) no-repeat bottom right;
padding:15px;
padding-bottom:10px;
}
.postc8 a:link, .postc8 a:visited {
color:#a97f68;
text-decoration:underline;
}
.postc8 a:hover, .postc8 a:active { color:#cf5f01; }
/* ==================== Коментарии */
/* Shortstory
-----------------------------------------------------------------------------*/
.fullblock {
width: 100%;
height: 1%;
}
.fullblock:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.shortcontainer {
width: 100%;
float: left;
overflow: hidden;
}
.shotrtext {
padding: 0 10px 0 167px;
}
/* image
-----------------------------------------------------------------------------*/
.image {
float: left;
width: 163px;
margin-left: -100%;
position: relative;
}
.story_tex {
color:#36a0ba; /*font color*/
font-weight:bold; /**/
}
.stpos {
text-align:left;
padding-left:175px;
}
.story_texstor {
color:#36a0ba; /*font color*/
font-weight:bold;
text-align:right;
}
.bordr {
border-bottom:solid 2px #BFE7FF;
border-left:solid 2px #BFE7FF;
}
/* Всякое
-----------------------------------------------------------------------------*/
ul.colomn, ul.colomn li { margin: 0; padding: 0; list-style: none; }
ul.colomn { float: left; width: 33%; }
ul.colomn li { width: 100%; }
ul.colomn li strong{ color: #ff6600; }
.f_input {
width: 315px;
height: 18px;
font-family: tahoma;
font-size: 11px;
border: 1px solid #E0E0E0;
margin-bottom: 5px;
}
.rull {
color: #57861A;
border-top: 3px solid #ff9900;
border-bottom: 3px solid #ff9900;
background: #EEF7DD url(../Image/status-rulles.png) 10px 50% no-repeat;
text-align:center;
}
.rull, .demo, .avtor, .download {
display: block;
padding: 10px 10px 10px 45px;
}
#hintbox {
text-align : left;
width : 150px;
font-size : 10px;
border : 1px solid #99a1ab;
background-color : #fff;
layer-background-color : #a396d9;
color : #282828;
margin : 10px 0 0 10px;
padding : 3px 5px;
position : absolute;
visibility : hidden;
z-index : 998;
-moz-opacity : 0.9;
-moz-border-radius : 5px;
filter : alpha(opacity="90");
}
.hint
{
background-color:#def7ff;
line-height:10px;
color:grey;
font-family:verdana;
font-size:11px;
width:auto;
border-top:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
border-left:5px solid #3bc2ec;
margin:0px;
padding:8px;
position:absolute;
visibility:hidden;
}
.userin {
padding-left:170px;
}
.userin a {
font-weight:bold;
}
.banners-block a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); }
.banners-block a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
.f_textarea {
color:#757575;
font-size:11px;
font-family:tahoma;
background-repeat:repeat-x;
width:459px;
height:156px;
border:1px solid #e0e0e0;
}
/* ==================== для H1 H2 H3 и тд */
.texh {
font-size: 11px;
display: inline;
}
.navend {
padding: 12px 0 0 0;
}
.navend a {
height:25px;
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../Image/nav0.png);
border:1px solid #ff6600;
font-size:12px;
font-weight:bold;
padding:4px 8px;
}
.navend a:hover {
background:#006600 url(../Image/nav2.png);
}
.MMO a {
background:none transparent scroll repeat 0 0;
color:#33CC33;
font-family:tahoma, sans-serif;
text-decoration:none;
}
.MMO a:hover {
background:none transparent scroll repeat 0 0;
color:#FF0000;
font-family:tahoma, sans-serif;
text-decoration:none;
}
/* ==================== Опрос */
.vt_general{
width:200px;
font: 11px/13px tahoma, verdana ;
}
.vt_question{
margin-left:-190px;
margin-right:20px;
font: 11px/13px tahoma, verdana ;
}
.vt_answer{
margin-left:-190px;
text-align:left;
}
.vt_button{
margin-right:20px;
margin-left:-200px;
height:25px;
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../Image/nav0.png);
border:1px solid #ff6600;
font-size:12px;
font-weight:bold;
padding:4px 8px;
}
.vt_button:hover{
margin-right:20px;
height:25px;
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../Image/nav2.png);
border:1px solid #ff6600;
}
.vt_animation { padding-left:170px;
width:20px;
}
/* ==================== Опрос конце */
#upload-link {
padding-top:15px;
}
#upload-link a {
height:25px;
text-decoration:none;
color:#ff6600;
background:#2b89c1 url(../Image/nav0.png);
border:1px solid #ff6600;
font-size:12px;
font-weight:bold;
padding:4px 8px;
}
#upload-link a:hover {
background:#006600 url(../Image/nav2.png);
}
#contentone {
display:none;
width:80%;
color:#000000;
padding:5px;
padding-bottom:20px;
border: solid 2px #36a0ba;
}
#contentone p {margin:0;} /* иначе будет разрыв между блоком контета и кнопкой - заголовком */
#on-off-btn {
background-image:url(../Image/codbgg.gif);
border:solid 1px #009900;
width:400px;
height:29px;
}
#on-off-btn:hover {
background-image:url(../Image/codbgy.gif);
border:solid 1px #009900;
}
/* ==================== Модальное окно */
form {
margin: 0px;
}
.dialog {
cursor: default;
border: 1px solid #000000;
}
.dialog form {
margin: 0px;
}
/* Контейнер с заголовком */
.dialog .dialog_title_bar {
height: 17px;
padding: 1px;
/*background-image: url(dialog-caption-bg.png) ;*/
}
/* Стиль текста заголовка */
.dialog .dialog_title_bar .dialog_caption {
color: black;
font-family: sans-serif;
font-size: 9pt;
text-align: left;
padding-left: 5px;
padding-top: 1px;
}
/* Панель диалога */
.dialog .dialog_pane {
background: buttonface;
text-align: center;
}
/* Кнопки диалога */
.dialog .dialog_button {
width: 80px;
height: 25px;
}
/* Красный крест, закрывающий окно */
.dialog .rotes_kreuz {
/*background-image: url(rotes_kreuz.png);*/
width: 28px;
height: 15px;
position: absolute;
right: 30px;
top: 3px;
float: right;
display: block;
cursor: pointer;
}
/* ==================== Модальное окно конце */
/* ==================== H1 */
.top_lh1 {
background:url(../Image/top_lh1.jpg) no-repeat left;
height:36px;
}
.top_cenh1 {
background:url(../Image/top_ch1.jpg);
vertical-align:top;
height:36px;
margin-bottom:5px;
}
.top_rh1 {
background:url(../Image/top_rh1.jpg) no-repeat right;
height:36px;
}
.tit_ah2 {
float:center;
color:#36a0ba;
padding:10px 0 0 0;
}
/* ==================== H1 */
/* ==================== Картинки начало */
ul#thumbs, ul#thumbs li{
margin:0;
padding:0;
list-style:none;
}
ul#thumbs li{
float:left;
margin-right:5px;
border:1px solid #999;
padding:2px;
}
ul#thumbs a{
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;
}
ul#thumbs a img{
float:left;
position:absolute;
top:-200px;
left:-300px;
}
/* mouse over */
ul#thumbs a:hover{
overflow:visible;
z-index:1000;
border:none;
}
ul#thumbs a:hover img{
border:1px solid #999;
background:#fff;
padding:2px;
position: absolute;
top:40px;
}
/* // mouse over */
/* clearing floats */
ul#thumbs:after, li#thumbs:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
ul#thumbs, li#thumbs{
display:block;
}
/* \*/
ul#thumbs, li#thumbs{
min-height:1%;
}
* html ul#thumbs, * html li#thumbs{
height:1%;
}
/* // clearing floats */
/* // thumbnail list */
/* ==================== Картинки конец */
/* ==================== табимедж */
/* .re {
}
.rename {
background:url(../Image/tabeb.gif);
background-repeat:no-repeat;
font-weight:bold;
}
.rename:hover{
background:url(../Image/tabey.gif);
}
.rename-active {
background:url(../Image/tabey.gif);
} */
/* ==================== табимедж конец */
/* ==================== табимедж2 */
.re {
}
.rename {
background:url(../Image/Tstat.png);
background-repeat:no-repeat;
font-weight:bold;
}
.rename:hover{
background:url(../Image/Thov.png);
}
.rename-active {
background:url(../Image/Takt.png);
}
/* ==================== табимедж2 конец */