/* Общее и блок-ограничитель */ * { margin: 0px; padding: 0px; outline: none;} #sitelist { width: 1000px; margin: 0 auto;} body {font-family: arial,sans-serif; font-size: 14px;} a {color: #106E9A; text-decoration: underline;} a:hover {text-decoration: none;} img {border: none; } p { margin: 10px 0 10px; } blockquote {padding-left: 20px; font-style: italic} /* Шапка */ #header { position: relative; height: 175px; margin-bottom: 20px;} #logo { position: absolute; left: 13px; top: 38px; } #logoformobile {display:none;} #headerbanner { position: absolute; top: 35px; left: 400px; width: 600px; } /* Блок-контейнер для основного контента сайта */ #main { overflow: hidden; padding: 0px 5px; width: 990px; } /* Контент страницы */ #content { float: right; width: 680px; padding-left: 8px; position: relative; right: 37px;} .contblock { font-size: 14px; line-height: 24px; text-align: justify;} .contblock #lastcom { padding: 0px; font-size: 12px;} #content h1 { font-size: 20px; line-height: 24px; margin-bottom: 10px; font-weight: bold; text-align: left;} #content h2 { font-size: 16px; line-height: 20px; margin-top: 16px; margin-bottom: 16px; font-weight: bold; text-align: left; } #content h3 { font-size: 14px; font-weight: bold; margin-top: 10px; text-align: left;} #content ol { margin-left: 40px;} #content ul { margin-left: 40px;} #content li { padding-bottom:5px;} #text_content img {margin : 10px;} #contentdescription { font-size: 11px;} .selector {margin-top: 40px;} /* Сайдбар */ #sidebar { float: left; width: 258px; padding-left: 7px;} .sb_block { margin-bottom: 25px;} .sb_block #yandex { margin-top: 20px; padding: 0px; width: 220px;} .sb_block #adlinx { margin-top: 20px; margin-bottom: 20px; padding: 0px; width: 220px; font-size: 10px;} .sb_block #sb_block_h3 { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 15px; text-align: left;} .sb_block #promocode { font-size: 18px; font-weight: bold;} .smalltext { padding: 0px; width: 220px; font-size: 12px;} #tools_list { font-size: 16px;} #tools_list li { text-align:left; display: block; padding-left: 36px; height: 30px;} #tools_span a{ padding-left: 30px;} #check { background: url('img/icons/sbmenu/check.png') no-repeat 6px 2px;} #masscheck { background: url('img/icons/sbmenu/masscheck.png') no-repeat 6px 2px;} #reg_it { background: url('img/icons/sbmenu/reg_it.png') no-repeat 6px 2px;} #punicode { background: url('img/icons/sbmenu/punycode.png') no-repeat 6px 2px;} #checkip { background: url('img/icons/sbmenu/checkip.png') no-repeat 6px 2px;} #cypr { background: url('img/icons/sbmenu/cypr.png') no-repeat 6px 2px;} #cypr_counter { background: url('img/icons/sbmenu/cypr_counter.png') no-repeat 6px 2px;} #chmod_calc { background: url('img/icons/sbmenu/chmod_calc.png') no-repeat 6px 2px;} #response { background: url('img/icons/sbmenu/response.png') no-repeat 6px 2px;} #promo { background: url('img/icons/sbmenu/star.png') no-repeat 6px 2px;} #useful { font-size: 16px;} #useful li { text-align:left; display: block; height: 30px;} /* Подвал */ #footer { width: 1000px; margin: 0 auto; border-top: 1px solid #ccc; margin-top: 30px; height: 176px;} #footer_left { width: 259px; float: left; padding-left: 11px; } #counters {margin-top: 10px; margin-bottom: 11px;} #designcopyright { font-size: 11px; } #footer_right { width: 723px; float: right;} #sitedescription { font-size: 11px; text-align:left; line-height: 18px; margin-top: 10px; margin-bottom: 10px;} #footerlinks { font-size: 11px;} #footerlinks a { display: block; float: left; padding-left: 18px; margin-right: 10px;} #footerlinks a#about { background: url('img/icons/footer/about.gif') no-repeat 0% 50%;} #footerlinks a#report { background: url('img/icons/footer/report.gif') no-repeat 0% 50%;} #footerlinks a#contact { background: url('img/icons/footer/contact.gif') no-repeat 0% 50%;} #footerlinks a#map { background: url('img/icons/footer/map.gif') no-repeat 0% 50%;} #footerlinks a#person { background: url('img/icons/footer/person.gif') no-repeat 0% 50%;} /* ГЛАВНАЯ */ #mp_form { background: #FDFDED; border: 1px solid #ccc; padding: 6px 16px; font-size: 14px; margin-top: 20px; margin-bottom: 20px; } #mp_form div { overflow: hidden; height: 32px; margin-bottom: 1px; line-height: 32px; } #mp_form label { margin-right:20px; float: left; } #mp_form label input {margin-right:5px;} #sitename { height: 30px; line-height: 30px; width: 475px; border: 1px solid #ccc; float: left; margin-right:21px; padding-left: 5px;} #submit { margin: 0 10px 0 10px; font-size: 14px; font-weight: bold; vertical-align: middle; height:30px; padding: 0 5px;} /* Закладки */ #socials_mp { margin: 10px 0px 10px 0px; text-align:right;} /* Новости */ #mp_news h2 { font-size: 21px;} .mp_newsdate { color: #7A8387;} /*.mp_newstitle { line-height: 28px;}*/ .mp_news { line-height: 18px; margin-bottom: 10px;} #mp_allnews { padding-left: 18px; background: url('img/allnews.png') no-repeat left top;} #mp_rssnews { padding-left: 18px; background: url('img/rssnews.png') no-repeat left top;} /* Опросы */ .poll1 { float: left; width: 100px;} .poll2 { margin-left: 110px; padding-top: 15px;} .spoll1 { float: left; width: 88px;} .spoll2 { margin-left: 105px; padding-top: 5px;} /* */ .ad_block { margin-bottom: 10px; margin-top: 10px;} /* Массовый поиск */ .mass_search_form { margin: 20px 0 20px 0; border: 1px solid #ccc; background: #FDFDED; padding: 6px 16px; } #domain_list { border: 1px solid #ccc; width: 640px; height: 120px; font-size: 14px; line-height: 14px; padding: 5px;} .domain_class { padding-left: 20px; margin-bottom: 20px; position: relative;} .dc_topline { overflow: hidden; position: relative; left: -20px;} .dc_openclose { display: block; width: 20px; height: 20px; float: left;} .open .dc_openclose { background: url('img/dc_open.png') no-repeat 50% 50%;} .closed .dc_openclose { background: url('img/dc_closed.png') no-repeat 50% 50%;} .dc_topline h3 { float: left; margin-top: 0px !important; font-size: 16px !important; margin-bottom: 3px;} .help_link { display: block; float: right; font-size: 12px; padding-left: 20px; background: url('img/help.png') no-repeat 0% 50%;} .dc_link { display: block; float: right; font-size: 12px; padding-left: 20px; background: url('img/regit.png') no-repeat 0% 50%;} .dc_link2 { margin: 0px 0px 20px 20px;} .dc_link2 a { text-decoration: none; border-bottom: 1px dashed #106E9A;} .dc_link2 a:hover { border: none;} .domain_class div label { margin-right: 15px;} .domain_class div label input {margin-right: 5px;} #select_add { width: 600px; height: 200px; font-size: 14px; line-height: 14px; border: 1px solid #ccc; padding: 10px 20px 10px 20px;} .multiple_help { font-style: italic; font-size: 14px;} #sorting { height: 60px; line-height: 60px; font-size: 14px;} #sorting div { float: left; margin-right: 5px;} #sorting a { padding: 3px; text-decoration: none;} #sorting a.current_sort { background: #EAEAEA; color: #000; text-decoration: none;} #sorting a span { border-bottom: 1px dashed #106E9A;} #sorting a.current_sort span { border: none;} .mass_results { margin-bottom: 20px;} .res_topline { font-size: 16px; font-weight: bold; margin-bottom: 7px;} .socials_mass { margin: 40px 0px;} .massres_openclose { display: block; width: 20px; height: 20px; float: left;} .open .massres_openclose { background: url('img/dc_open.png') no-repeat 50% 50%;} .closed .massres_openclose { background: url('img/dc_closed.png') no-repeat 50% 50%;} .nonfree { color: #B42020;} .free { color: #138C2A;} #domen-table {border-collapse: collapse; width: 100%; margin: 20px 0 0 0;} #domen-table img {vertical-align: middle; margin: 0;} #domen-table tr {line-height: 25px;} #domen-table tr.title {line-height: 30px; background-color: #FDFDED; text-align: center; font-weight: bold;} #domen-table tr.light {background-color:#fff;} #domen-table tr.dark {background-color:#F4F5FF;} #domen-table td {border:1px solid #ccc; padding-left: 10px;} .whois_info { font-size: 12px; line-height: 18px; padding-left: 40px;} .regit { font-size: 14px; display: block; padding-left: 20px; background: url('img/regit.png') no-repeat 0% 50%; float: left;} .freedomain { float: left; margin-right: 10px;} /* Поиск */ #whois_links { font-size: 12px; margin-bottom: 40px;} #searchpage_addinfo p { margin-bottom: 10px;} #searchpage_addinfo a { text-decoration: none; border-bottom: 1px dashed #106E9A;} #searchpage_addinfo a:hover { border: none;} .searchpage_desc { font-size: 14px; font-style: italic;} /* ! */ .domain_class.closed { height: 27px; overflow: hidden;} .mass_results.closed .whois_info { display: none;} /* Комментирование */ .clear {clear:both;} #loginza img {margin : 5px;} #ok div{position:relative;} #ok img {margin : 5px;} #ok .comment_main {background:#F4F5FF; border:#ccc 1px solid; padding:5px; margin-top:5px;} #ok .comment_main2 {background:#FDFDED; border:#ccc 1px solid; padding:5px; margin-top:5px;} #ok .comment_header img {float:left;} #ok .comment_name {color:#AB0000;} #ok .comment_data {font-size:11px; color:#666} #ok .comment_reply {width:100%;text-align:right;} #ok .comment_rating {position:absolute;top:10px;right:10px;} #ok .comment_rating img {float:left; cursor:pointer;} #ok .comment_captcha {margin:5px;} #add .add_nick img{float:left; margin : 5px 10px 10px 10px;} #add #nick {border-color:#a4b97f; padding-left: 3px;} #add #usmail{border-color:#a4b97f; padding-left: 3px;} #add #commentsize {float:right;} #add #captcha {text-align:center;} #add .capt_reload {cursor:pointer;color:#CCCCCC;border-bottom: 1px dashed;} #add #keystringz {} #add #enter {float:right;} /*Адаптивность*/ @media screen and (min-width:768px) and (max-width:999px) { #sitelist {width: 760px; } #main {padding: 0px 5px; width: 750px;} #header {margin-bottom: 0px;} #footer {width: 760px;} #footer_left {width: 160px;} #footer_right {width: 580px;} #content {width: 465px;} #sidebar {width: 238px;} /* Whois */ #sitename {width: 300px;margin-right: 10px;} #submit {margin: 0 5px 0 5px;} /* Массовый Whois */ #domain_list {width: 425px;} #select_add {width: 410px;} .domain_class div label input {margin-right: 4px;} /* Информер */ #sitename2 {width: 425px;} /* Комментирование */ #add table td > textarea {width:300px;} #add #enter {float:none;} } @media screen and (max-width:767px) { /* Navigation Menu - Background */ .navigation {/* critical sizing and position styles */ width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; /* non-critical appearance styles */ list-style: none; background: white; } #select_add {width: 250px;} /* Navigation Menu - List items */ .nav-item {/* non-critical appearance styles */ width: 230px; } .nav-item a {/* non-critical appearance styles */ display: block; padding: 5px; background: white; color: #106E9A; font-size: 1.2em; text-decoration: underline; transition: color 0.2s, background 0.5s;} /* Site Wrapper - Everything that isn't navigation */ .site-wrap {/* Critical position and size styles */ min-height: 100%;min-width: 100%;background-color: white; /* Needs a background or else the nav will show through */ position: relative;top: 0;bottom: 100%;left: 0;z-index: 1; } /* Nav Trigger */ .nav-trigger {/* critical styles - hide the checkbox input */ position: absolute; clip: rect(0, 0, 0, 0); } label[for="nav-trigger"] {/* critical positioning styles */ position: fixed; left: 5px; top: 10px; z-index: 2; /* non-critical apperance styles */ height: 30px; width: 30px; cursor: pointer; background-image: url("data:image/svg+xml;utf8,"); background-size: contain; } /* Make the Magic Happen */ .nav-trigger + label, .site-wrap { transition: left 0.2s; } .nav-trigger:checked + label { left: 235px;} .nav-trigger:checked ~ .site-wrap { left: 230px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);} body {/* Without this, the body has excess horizontal scroll when the menu is open */ overflow-x: hidden;} /* Additional non-critical styles */ h1, h3, p {max-width: 600px; margin: 0 auto 1em;} #content ol,ul { margin-left: 10px;} /* Micro reset */ *,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;} html, body { height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; } #sb_block_h3 {font-size: 18px;font-weight: bold;line-height: 24px;margin-bottom: 5px;margin-left:5px;text-align: left;} .second_h3{margin-top:20px;} #m-check a:before {background: url('img/icons/sbmenu/check.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:18px;height:17px;vertical-align: middle;} #m-masscheck a:before {background: url('img/icons/sbmenu/masscheck.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:21px;height:17px;vertical-align: middle;} #m-reg_it a:before {background: url('img/icons/sbmenu/reg_it.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:16px;height:16px;vertical-align: middle;} #m-punicode a:before {background: url('img/icons/sbmenu/punycode.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:21px;height:17px;vertical-align: middle;} #m-checkip a:before {background: url('img/icons/sbmenu/checkip.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:21px;height:17px;vertical-align: middle;} #m-cypr a:before {background: url('img/icons/sbmenu/cypr.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:21px;height:17px;vertical-align: middle;} #m-cypr_counter a:before{background: url('img/icons/sbmenu/cypr_counter.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:21px;height:17px;vertical-align: middle;} #m-chmod_calc a:before {background: url('img/icons/sbmenu/chmod_calc.png')no-repeat;content: '';display: inline-block;margin-right: 10px;width:21px;height:17px;vertical-align: middle;} #m-response a:before {background: url('img/icons/sbmenu/response.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:16px;height:16px;vertical-align: middle;} #m-promo a:before {background: url('img/icons/sbmenu/star.png') no-repeat;content: '';display: inline-block;margin-right: 10px;width:18px;height:17px;vertical-align: middle;} #sitelist {width: 320px;} #sidebar {display:none;} #header {height: 100px; margin-bottom: 160px;} #header img {width:310px;} #logoformobile {display: block; padding-top: 50px;} #logo {display:none;} #headerbanner {position: static; width: 320px; height: 100px; margin: 10px 0 auto;} #main {width: 310px;} #content {width: 310px;right: -5px;} #footer {width: 310px;margin-left: 5px;margin-right: 5px;height: 300px;} #footer_left {width: 259px;padding-left: 11px;} #footer_right {width: 310px;padding-left: 5px;} #footerlinks a {margin-bottom: 5px;} #sitename {width: 270px;} #submit {margin: 10px 10px 0 0px;} #domain_list {width: 270px;} .domain_class div label input {margin-right: 0px;} .dc_topline h3 {width: 220px;font-size: 14px !important;} #domen-table td {padding-left: 5px;} #domen-table {font-size:12px;} #sitename2 {width: 270px;} #text_content img {margin: 5px;} #mp_form label {margin-right: 5px;} #add > form table{width:320px !important;} #add > form table textarea{width:190px !important;} #add #enter {margin-right: 30px;} #mail_form input{width:300px;} } @media screen and (min-width: 768px) { .navigation, #nav-trigger, #nav-trigger + label {display:none;} }