/* ========================================================================== HTML5 Boilerplate Reset ========================================================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;*zoom:1} audio:not([controls]){display:none} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif;color:#222} body{margin:0;font-size:1em;line-height:1.4} a:focus{outline:0} a:hover,a:active{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote{margin:1em 40px} dfn{font-style:italic} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} ins{background:#ff9;color:#000;text-decoration:none} mark{background:#ff0;color:#000;font-style:italic;font-weight:bold} pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:"";content:none} small{font-size:85%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} ul,ol{margin:1em 0;padding:0 0 0 40px} dd{margin:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0} img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} figure{margin:0} form{margin:0} fieldset{border:0;margin:0;padding:0} label{cursor:pointer} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle} button,input{line-height:normal} button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top;resize:vertical} table{border-collapse:collapse;border-spacing:0} td{vertical-align:top} /* ========================================================================== Author: Vladimir Kharlampidi, The iDangero.us ========================================================================== */ @font-face { font-family: 'roboto_cnbold'; src: url('../fonts/roboto-boldcondensed-webfont.eot'); src: url('../fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-boldcondensed-webfont.woff') format('woff'), url('../fonts/roboto-boldcondensed-webfont.ttf') format('truetype'), url('../fonts/roboto-boldcondensed-webfont.svg#roboto_cnbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_cnregular'; src: url('../fonts/roboto-condensed-webfont.eot'); src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed-webfont.woff') format('woff'), url('../fonts/roboto-condensed-webfont.ttf') format('truetype'), url('../fonts/roboto-condensed-webfont.svg#roboto_cnregular') format('svg'); font-weight: normal; font-style: normal; } .bold() { font-family: 'roboto_cnbold', Arial, Helvetica, sans-serif; font-weight:normal; font-style: normal; } .regular() { font-family: 'roboto_cnregular', Arial, Helvetica, sans-serif; font-weight:normal; font-style: normal; } .transition(@time) { -webkit-transition-duration:@time; -moz-transition-duration:@time; -o-transition-duration:@time; -ms-transition-duration:@time; transition-duration:@time; } .gradient(@from, @to) { background-color: @from; background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, @from, @to); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, @from, @to); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, @from, @to); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, @from, @to); /* Firefox 16+, IE10, Opera 12.50+ */ } @blue : #0a8fcc; body { background:#fff; font-family:Arial, Helvetica, sans-serif; position:relative; min-width:1040px; font-size:13px; color:#333; line-height:1.3em; } a { color:@blue; } p { margin:0 0 10px; } .center { width:1040px; margin:0 auto; position:relative; } .header { position:relative; height:200px; background:url(../i/header.jpg) no-repeat top; z-index:1; .gerb { position:absolute; width:190px; height:193px; background:url(../i/gerb.png) no-repeat; left:20px; top:0px; } .text { color:#fff; .regular(); font-size:30px; line-height:40px; width:580px; top:35px; left:220px; position:absolute; } .map { width:287px; height:183px; background:url(../i/map.png) no-repeat; position:absolute; top:0px; right:-20px; } } .menu { position:relative; z-index:10; width:1070px; height:91px; margin-left:-11px; background:url(../i/menu.png) no-repeat; margin-top:-15px; a { color:#fff; .regular(); text-transform:uppercase; font-size:15px; text-decoration:none; padding:3px 5px; .transition(150ms); &:hover { background:#0884bd } } ul { list-style:none; margin:0; padding:0; position:absolute; left:40px; top:30px; li { float:left; margin-right:15px; position:relative; } ul { display:none; position:absolute; .gradient(#229fda, #0884bd); padding:0px 0; left:0; top:20px; box-shadow:0px 5px 10px rgba(0,0,0,0.3); border:1px solid #229fda; border-bottom-width:2px; li { float:none; display:block; margin:0 0 0px; padding:0; } a { color:#fff; text-transform:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; display:block; padding:6px 15px; min-width:140px; &:hover { text-decoration:none; color:#229fda; background:#fff; white-space:nowrap; } } } li:hover ul { display:block; } } } .content { position:relative; background:url(../i/content.png) repeat-y left top; z-index:1; padding-top:30px; padding-bottom:20px; margin-top:-30px; border-left:1px solid #ccc; border-right:1px solid #ccc; width:1040px; margin-left:-1px; .in { padding:20px 20px 20px 30px; } } .footer { position:relative; z-index:5; width:1068px; height:83px; margin-left:-11px; background:url(../i/footer.png) no-repeat; margin-top:-20px; font-size:12px; color:#fff; font-weight:bold; text-shadow:0px 0px 2px rgba(0,0,0,0.2); margin-bottom:20px; .copy { position:absolute; left:40px; top:30px; p { margin:0; } } .made { position:absolute; right:40px; top:30px; a { color:#fff; } } } .col-left { float:left; width:180px; margin-right:40px; } .col-mid { float:left; width:540px; margin-right:50px; position:relative; overflow:visible !important; } .col-right { float:left; width:180px; } .photo { margin-bottom:20px; img { padding:5px; box-shadow:0px 2px 4px rgba(0,0,0,0.4); margin-bottom:10px; } h3 { margin:0 0 10px; text-align:center; font-size:18px; line-height:22px; } p { text-align:center; } } .priemnaya { background:url(../i/priemnaya.png) no-repeat; width:224px; height:130px; margin-left:-40px; display:block; margin-bottom:20px; } .module { margin-bottom:25px; position:relative; h3 { .regular(); font-size:21px; line-height:22px; display:inline-block; margin:0 0 10px; padding-bottom:2px; background:url(../i/title-line.png) repeat-x left bottom; } } a.black { color:#333; font-size:12px; font-weight:bold; &:hover { text-decoration:none; } } h2.title { width:555px; height:45px; background:url(../i/title.png) no-repeat; color:#fff; .regular(); font-size:25px; line-height:40px; font-weight:normal; position:relative; left:-10px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0px 2px 2px rgba(0,0,0,0.2); margin:0 0 15px; } .spacer20 { height:20px; } .spacer30 { height:30px; } .spacer10 { height:10px; } .spacer40 { height:40px; } article { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e3e3e3; > a { float:left; .transition(150ms); img { display:block; padding:5px; max-width:190px; box-shadow:0px 2px 3px rgba(0,0,0,0.3); } &:hover { opacity:0.8; } } .a-content { margin-left:220px; h3 { margin:0px; .regular(); font-size:21px; line-height:22px; a { color:#333; text-decoration:none; &:hover { text-decoration:underline; } } } } .q-content { h3 { margin:0px; .regular(); font-size:21px; line-height:22px; a { color:#333; text-decoration:none; &:hover { text-decoration:underline; } } } } .date { font-size:12px; color:#888; margin-bottom:10px; display:block; } .readmore { color:#0a7cb2; font-style:italic; text-decoration:none; font-size:12px; &:hover { text-decoration:underline; } } } .bc { font-size:12px; margin-bottom:10px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; a { text-decoration:none; &:hover { text-decoration:underline; } } span { margin:0 5px; color:#888 } } .all-news { text-align:right; margin:-10px 0 10px; a { font-size:12px; font-weight:bold; text-decoration:none; &:hover { text-decoration:underline; } } } form.op { padding:20px; margin-bottom:30px; .gradient(#fff, #f2f2f2); border:1px solid #e3e3e3; border-bottom:1px solid #aaa; .form-row { margin-bottom:15px; } label { float:left; width:110px; text-align:right; min-height:1px; span { background:@blue; color:#fff; padding:5px 10px; display:inline-block; } } input { float:left; } input[type=text], textarea { float:left; width:300px; border:1px solid @blue; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:10px; } } .button, input[type=submit], input[type=button] { color:#fff; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:7px 15px; .gradient(#48bff7, #219fda); border:none; box-shadow:0px 1px 1px rgba(0,0,0,0.8); .transition(150ms); &:hover { .gradient(#219fda, #219fda); } } .qa { span { font-style:italic; } .q { padding-bottom:10px; } .a { margin-left:40px; margin-bottom:30px; border-left:2px solid @blue; padding-left:10px; } } .module #search { form { position:relative; width:200px; height:40px; } input[type="text"] { background:#939393; color:#fff; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding:10px 40px 10px 10px; width:150px; border:none; box-shadow:1px 2px 3px rgba(0,0,0,0.4) inset; } input[type="submit"] { position:absolute; width:25px; height:21px; background:url(../i/search.png) no-repeat !important; right:10px; top:10px; box-shadow:none; padding:0; } } .voting-form-box { padding:0; border:none; font-size:inherit; ol { margin: 10px 0; } ol.vote-question-list { margin-top:0; } } ol.vote-answers-list li { margin:0 0 4px 8px; } .voting-result-box { list-style:none; margin:0; padding:0; } .vote-answer-counter { display:none; } .vote-answer-table { margin-top:10px; } .news-calendar { background:#fff url(../i/cal-bg.png) no-repeat bottom; padding:5px; box-shadow:0px 1px 2px rgba(0,0,0,0.4); table { border:none; } .NewsCalTable, .NewsCalTable tr, .NewsCalTable td { background: none repeat scroll 0 0 transparent; border: medium none; border-collapse: collapse; padding: 0px 0; font-size:12px; text-align: center; } .NewsCalTable td { color:#000 } .NewsCalTable td span{ display:block; padding:3px 0; } .NewsCalTable td a { color:#fff; text-decoration:none; background:#2ca1da; display:block; padding:3px 0; } .NewsCalHeader { color:#000; font-weight:bold; padding:5px 0 !important } .nc-head { .gradient(#2fb2ef, #0987c3); color:#fff; border:1px solid #1a8bb5; text-align:center; box-shadow:0px 1px 2px rgba(0,0,0,0.2); margin-bottom:10px; padding:5px 0; position:relative; } .prev-month { width:12px; height:12px; position:absolute; left:5px; top:6px; background:url(../i/cal.png) } .next-month { width:12px; height:12px; position:absolute; right:5px; top:6px; background:url(../i/cal.png) left bottom; } .NewsCalMonthNav { color:#fff; margin:0; } } .loader-wrapper { position:relative; left:0; top:0; width:540px; } .loader-wrapper-new { position:absolute; top:0; left:30px; opacity:0; width:540px; } .search-page form, .search-page br { display:none; } .navigation { .navigation-arrows { display:none; } } /* ========================================================================== Media Query for Responsive Design. ========================================================================== */ @media only screen and (min-width: 35em) { } /* ========================================================================== Helper classes. ========================================================================== */ .clearfix:before,.clearfix:after{content:"";display:table} .clearfix:after{clear:both} .clearfix{*zoom:1}