/*----------------------------------------------------------------------------- ConferenceMix Screen Stylesheet version: 1.0 date: 13/07/07 author: Alexander Chuprin email: a.s.chuprin@gmail.com website: www.chuprin.com -----------------------------------------------------------------------------*/ /* Глобальные стили ---------------------------------------------------------- */ * { padding:0; margin:0; } html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } html, body { width: 100%; height: 100%; } body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #666; background: #363636; } h1, h2, h3, h4, h5, h6, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 15px 0; font-size: 1em; } p { margin: 5px 0; font-size: 1em; } li, dd, blockquote { margin-left: 30px; } h1 { font-size: 1.54em; color: #252525; font-weight: normal; } h1.title { color: #00aeef; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } h4 { font-size: 1.0em; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } /* Формы */ input { font-size: 1em; } .myenter { display: none; } .dni { background: #F2F2F2; padding: 0 0; } .field { background:transparent url(../images/field_tl.gif) no-repeat; } .field div { background:transparent url(../images/field_tr.gif) no-repeat 100% 0; } .field div div { background:transparent url(../images/field_bl.gif) no-repeat 0 100%; } .field div div div { background:transparent url(../images/field_br.gif) no-repeat 100% 100%; padding:0.2em 8px; } .field input { border: 0; } div.field.dark { background:transparent url(../images/field_tl_dark.gif) no-repeat; } div.field.dark div { background:transparent url(../images/field_tr_dark.gif) no-repeat 100% 0; } div.field.dark div div { background:transparent url(../images/field_bl_dark.gif) no-repeat 0 100%; } div.field.dark div div div { background:transparent url(../images/field_br_dark.gif) no-repeat 100% 100%; padding:0.1em 8px; } table { border-collapse: collapse; border: 0; } table td { padding: 4px; vertical-align: top; text-align: left; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .last { border-bottom: none; border-right: none; margin-right: 0; background: none; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .middle { vertical-align: middle; } .fleft { display: block; float: left; } .fright { display: block; float: right; } .block { display: block; } /* Текст */ .small { font-size: 0.9em; } .big { font-size: 1.1em; } .dark { color: #252525; } .light { color: #d7d7d7; } .gray { color: #898989; } .important { color: #6dcff6; } .indent { padding-left: 42px; } hr { background-color: #E0E0E0; height: 1px; color: #E0E0E0; border: 0; margin: 10px 0; } /* Баннер */ .banner { position: relative; background: url(../images/banner_bg.gif); border: 1px solid #DDDDDD; } .banner img { display: block; } .type1 { width: 468px; height: 60px; } .type2 { width: 240px; height: 420px; } .banner span { position: absolute; display: block; bottom: -1.47em; right: -1px; width: 11.7em; background: url(../images/buy_ad_2.gif) 100% 100% no-repeat #BFBFBF; line-height: 1.4em; } .banner span a { display: block; padding-left: 39px; background: url(../images/buy_ad_1.gif) 0 100% no-repeat; color: #fff; text-decoration: none; white-space: nowrap; } /* Сслыки ---------------------------------------------------------- */ a img { border: 0; vertical-align: middle; } a { color: #00aeef; text-decoration: underline; } a:hover, a:focus, a:active { color: #00aeef; text-decoration: none; } /* Скелет ---------------------------------------------------------- */ #wrapper { padding: 0 42px; font-size: 1.3em; min-width: 909px; } #top { background: #3a3a3a; padding: 0 20px 7px 20px; } #header { clear: both; border-bottom: 1px solid #CDCDCD; background: #fff; padding: 13px 13px 2.1em; } #container { float: left; width:100%; background: url(../images/content_bg.gif) repeat-x; } .bg { background: url(../images/bg.gif) 100% 0 repeat-y #fff; border-top: 2px solid #fff; border-bottom: 8px solid #fff; } #content { margin-right: 495px; margin-left: 34px; } #extra { float: left; width: 242px; margin-left: -254px; } #navigation { float: left; width: 215px; margin-left: -482px; } #footer { border-top: 1px solid #C7C7C7; padding: 0.4em 12px; background: #fff; } /* Шапка ---------------------------------------------------------- */ /* Меню */ .menu { float: left; } .menu h4 { margin: 14px 0 0.7em 0.3em; color: #e2e2e2; font-weight: normal; } .menu ul { margin: 0; } .menu ul li { position: relative; float: left; margin: 0 30px 0 0; list-style-type: none; line-height: 1.2em; } .menu ul li a { position: relative; display: block; padding: 0 0 0 22px; text-decoration: none; z-index: 2; color: #989898; white-space: nowrap; line-height: 1.6em; } .menu ul li a:hover, .menu ul li.active a { color: #d7d7d7; text-decoration: underline; } .menu ul li i { position: absolute; left: 0; top: -4px; width: 15px; height: 15px; margin-top: 0.6em; z-index: 1; background: url('../images/icons.gif') no-repeat; } #menuitem-1 i { background-position: 0 0; } #menuitem-2 i { background-position: -15px 0; } #menuitem-3 i { background-position: -30px 0; } #menuitem-4 i { background-position: -45px 0; } #menuitem-5 i { background-position: -60px 0; } #menuitem-6 i { background-position: -75px 0; } #menuitem-7 i { background-position: -90px 0; } #for-listeners { width: 14.75em; } #for-organizers { width: 380px; } /* Логин */ #auth { float: right; } #auth * { margin: 0; } #auth h4 { margin: 14px 0 0.5em 0.3em; color: #bebebe; font-weight: normal; } #auth fieldset { position: relative; padding: 0 6.92em 0 0; border: 0; } #auth fieldset div { position: relative; margin: 5px 0; } #auth fieldset input { width: 190px; border: 0; color:#999; } label.overlabel { color:#999; } label.overlabel-apply { position:absolute; top:2px; left: 8px; z-index:1; color:#999; font-size: 0.9em; } #auth button { position: absolute; right: 0px; top: 0; border: 0; background: none; cursor: pointer; font-size: 1.54em; color: #ffffff; text-decoration: underline; padding: 10px 0 10px 10px; } #auth a { position: relative; float: left; margin: 0.1em 0 -7px 125px; z-index: 5; padding: 0.35em; color: #adadad; background: #444444; } #logo { float: left; margin: 10px 0 0 37px; } #logo a { position: relative; display: block; width: 282px; height: 41px; background: url(../images/logo.gif) no-repeat; text-indent: -99999px; } #logo span { position: relative; display: block; margin-top: -4px; padding-left: 32px; } /* Область контента (левая колонка) ---------------------------------------------------------- */ #content h1.title { margin-bottom: 1px; } #content h4.date { margin: 0; font-weight: normal; } /* Последние семинары */ .news h2 { margin-bottom: 6px; font-size: 1.2em; } .post { margin: 35px 0; } .news h2 a { display: block; background: #6DCFF6; color: #fff; text-decoration: none; font-weight: normal; padding: 1px 4px; width: 98%; } .news h2 a:hover { background: #C9C9C9; color: #252525; } span.date { background: #F2F2F2; color: #000; padding: 2px 6px; } .prevnext { font-size: 1.54em; color: #D7D7D7; text-align: center; } .prev { color: #525252; text-decoration: none; text-transform: uppercase; padding-left: 20px; background: url(../images/prev.gif) 0 55% no-repeat; } .next { color: #D7D7D7; text-decoration: none; text-transform: uppercase; padding-right: 20px; background: url(../images/next.gif) 100% 55% no-repeat; } /* Регистриция на семинар */ h1.icon a { padding: 10px 0 7px 42px; background-position: 0 50%; background-repeat: no-repeat; text-decoration: none; } h1#reg-submit a { background-image: url(../images/titleimg_reg.gif); } a.icon { padding-left: 18px; background-position: 0 55%; background-repeat: no-repeat; } a.visa { background-image: url(../images/icon_visa.gif); } a.reserve { background-image: url(../images/icon_reserve.gif); } /* Средняя колонка ---------------------------------------------------------- */ #navigation h1 { margin: 0 8px 0.5em; } #navigation p { margin-left: 27px; margin-right: 27px; } /* Поиск */ #search { padding: 15px 0px 10px 0px; margin-bottom: 15px; background: url(../images/search_bg.gif) repeat-x #E8E8E8; } #search div { position: relative; } #search input { background: none; } #search fieldset { border: 0; margin: 0 8px; } #search form { margin: 0; } #search button { position: absolute; right: 4px; top: 50%; margin-top: -8px; display: block; text-indent: -99999px; width: 16px; height: 16px; border: none; background: url(../images/search_btn.gif) 50% 50% no-repeat #fff; cursor: pointer; } #search a { display: block; padding-right: 5px; text-align: right; color: #737373; line-height: 2.2em; } /* Разделы */ #nav li { list-style-type: none; margin: 2px 0 2px 30px; padding: 0 0 0 12px; background: url(../images/arrow.gif) 0 55% no-repeat; line-height: 1.5em; } #nav li a { display: block; width: 87%; padding: 0 3px; color: #000000; text-decoration: none; } #nav li a:hover, #nav li.active a { background: #C9C9C9; } /* Правая колонка ---------------------------------------------------------- */ #ad { padding: 0 35px 0 0; line-height: 1.2em; } #ad a.dark { display: block; text-decoration: none; } /* Подвал ---------------------------------------------------------- */ #copyright { margin: 20px 0 0 20px; } #copyright a, #copyright span { color: #464646; }