/* Theme Name: Theme Theme URI: Author: MassMedia.pw Author URI: /massmedia.pw/ Description: Version: 2.0 License: License URI: Tags: Text Domain: theme */ /* =Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } /* Styles */ body { background: url(img/logo.jpg) top center #fafafa no-repeat; font-family: sans-serif; font-style: normal; line-height: 100%; } a:focus { outline: none; } .header { position: relative; margin: 0 auto; width: 980px; height: 260px; } .header #news { position: absolute; top: 46px; left: 570px; width: 68px; height: 97px; background: url(img/header_news_top_corner_unactive.png) no-repeat; cursor: pointer; } .header #news:hover { background: url(img/header_news_top_corner.png) no-repeat; } .header #articles { position: absolute; top: 42px; left: 662px; width: 76px; height: 105px; background: url(img/header_articles_top_corner_unactive.png) no-repeat; cursor: pointer; } .header #articles:hover { background: url(img/header_articles_top_corner.png) no-repeat; } .header #downloads { position: absolute; top: 37px; left: 763px; width: 84px; height: 115px; background: url(img/header_downloads_top_corner_unactive.png) no-repeat; cursor: pointer; } .header #downloads:hover { background: url(img/header_downloads_top_corner.png) no-repeat; } .header #services { position: absolute; top: 33px; left: 872px; width: 94px; height: 122px; background: url(img/header_services_top_corner_unactive.png) no-repeat; cursor: pointer; } .header #services:hover { background: url(img/header_services_top_corner.png) no-repeat; } .navi { position: absolute; top: 184px; left: 186px; } .navi a { text-decoration: none; cursor: pointer; color: #44789D; background: url(img/navi_right.jpg) 100% 1px no-repeat transparent; margin-bottom: 4px; padding: 5px 12px 4px 5px; width: auto; } .navi a:hover { color: #B80000; } .navi ul { display: inline-block; } .navi li { background: url(img/navi_left.jpg) no-repeat transparent; color: #44789D; float: left; font-size: 13px; margin: 0px 3px 0px 0px; padding: 5px 0px 4px 17px; text-decoration: none; white-space: nowrap; width: auto; } .navi li:hover { background-position: 0% -28px; } .container { margin: 0 auto; margin-bottom: 20px; width: 960px; overflow: hidden; } .content { width: 640px; float: left; } .content.full { width: 960px; } #loader { text-align: center; display: none; margin-top: 40px; } #breadcrumbs { font-size: 13px; line-height: 14px; color: #768696; padding-left: 10px; } #breadcrumbs a { color: #768696; text-decoration: none; } #breadcrumbs a:hover { color: #B80000; } #breadcrumbs .breadcrumb_sep { color: #B80000; padding: 0 4px; } p { font-weight: 400; font-size: 16px; line-height: 20px; padding: 10px; } h1 { font-weight: 600; font-size: 56px; line-height: 58px; padding: 10px; } h3 { background: #E4E7EA; font-size: 14px; line-height: 5px; font-weight: 700; height: 3px; margin: 10px 10px 15px 10px; } h3 span { color: #B80000; font-weight: 700; text-transform: uppercase; background: #FFFFFF; padding: 0px 10px 0px 0px; } h5 { border-bottom: 1px solid #E4E7EA; border-top: 3px solid #E4E7EA; font-size: 14px; line-height: 20px; margin-bottom: 20px; padding: 7px 0px 6px; color: #B80000; font-weight: 700; text-transform: uppercase; } h6 { display: inline; padding: 0px 3px 0px 0px; font-weight: 600; } h6 a { color: #B80000; text-decoration: none; } h6 a:hover { color: #FF8B00; } #articlesBlock { width: 940px; } #articlesBlock .articles { width: 940px; min-height: 128px; padding: 10px; margin-bottom: 10px; display: block; overflow: hidden; } #articlesBlock .articles a { color: #000; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } #articlesBlock .articles:hover a h2 { color: #44789D; } #articlesBlock .articles:hover .post-image a { background: #000; } #articlesBlock .articles:hover .thumb { opacity: 0.8; } #articlesBlock .articles .post-image a { float: left; width: 170px; height: 128px; } #articlesBlock .articles .post-detail { float: left; width: 740px; margin: 0px 0px 0px 30px; font-size: 14px; line-height: 18px; } #articlesBlock .articles h2 { font-weight: 600; font-size: 22px; line-height: 24px; padding: 0px 0px 3px; } #articlesBlock .articles p { font-weight: 400; font-size: 16px; line-height: 20px; padding: 0px 0px 3px; overflow: hidden; } #newsButtonBlock { height: 83px; } #newsButton { float: right; margin-top: 30px; border: 2px solid #000; background: #C8DDD5; transition: background-color 100ms linear, color 100ms linear; color: #000; text-transform: uppercase; font-size: 18px; font-weight: 600; text-align: center; cursor: pointer; height: 43px; line-height: 46px; width: 300px; display: none; } #newsButton:hover { color: #fff; background: #44789D; border: 2px solid #fff; } #newsBlock { width: 620px; } #newsBlock .news { width: 620px; padding: 10px; margin-bottom: 10px; display: block; overflow: hidden; } #newsBlock .news a { color: #000; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } #newsBlock .news:hover a h2 { color: #44789D; } #newsBlock .news:hover .post-image a { background: #000; } #newsBlock .news:hover .thumb { opacity: 0.8; } #newsBlock .news .post-image a { float: left; width: 170px; height: 128px; } #newsBlock .news .post-detail { float: left; width: 420px; margin: 0px 0px 0px 30px; font-size: 14px; line-height: 18px; } #newsBlock .news h2 { font-weight: 600; font-size: 22px; line-height: 24px; padding: 0px 0px 3px; } #newsBlock .news p { font-weight: 400; font-size: 16px; line-height: 20px; padding: 0px 0px 3px; max-height: 60px; overflow: hidden; } #newsBlock .news .c { display: inline; padding: 0px 3px 0px 0px; } #newsBlock .news .c a { color: #B80000; font-weight: 600; } #newsBlock .news .c a:hover { color: #FF8B00; } #newsBlock .news .t { display: inline; color: #768696; } #newsBlock .news .t::before { content: " / "; color: #000; } .postinfo { font-size: 14px; line-height: 18px; color: #768696; font-weight: 400; margin: 10px; } .postinfo .d { color: #000; } .postinfo .d::before { content: " / "; font-size: 14px; font-weight: 400; color: #000; } article p, article li { font-weight: 400; font-size: 17px; line-height: 24px; } article a { font-weight: 600; color: #B80000; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } article a:hover { color: #FF8B00; } article ul, article ol { margin: 10px 60px; list-style: outside; } article ol { list-style-type: decimal; } article li { margin: 10px 0px; } article blockquote { background: #fff; border-left: 10px solid #768696; margin: 10px; padding: 10px; quotes: "\201C""\201D""\2018""\2019"; } article blockquote:before { color: #768696; content: "\201C"; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } article blockquote p { padding-top: 0px; font-size: 16px; line-height: 23px; font-weight: 600; } article pre { background: #fff; border-left: 10px solid #768696; margin: 10px; padding: 10px 10px 10px 20px; font-family: sans-serif; font-size: 17px; line-height: 24px; font-weight: 400; white-space: pre-wrap; } article pre.formula { background: #FDFDBD; border-left: 10px solid #B80000; padding: 10px 10px 10px 10px; text-align: center; } article pre.password { background: #FDFDBD; border-left: 10px solid #B80000; padding: 10px 10px 10px 20px; } article pre ul, article pre ol { margin: -10px 50px -34px; } article pre li { margin: -10px; } article pre img { max-width: 590px; } article h2 { font-weight: 600; font-size: 20px; line-height: 22px; padding: 10px; } article table { border-bottom-width: 0px; border-collapse: separate; border-left-width: 0px; border-right-width: 0px; border-spacing: 2px; border-top-width: 0px; display: table; margin: 10px auto; text-indent: 0px; } article td { text-align: center; font-size: 13px; line-height: 18px; } article td.classification_darkgrey { background-color: #EEEEEE; border: 1px solid #CDCDCD; font-family: "Verdana"; font-style: normal; font-weight: 700; height: 40px; padding: 5px; vertical-align: middle; width: 45px; } article td.classification_lightgrey { background-color: #FAFAFA; border: 1px solid #CDCDCD; height: 40px; vertical-align: middle; } article td.service_parametrs_title { background-color: #EEEEEE; border: 1px solid #D6D6D6; font-weight: 700; padding: 5px; text-align: center; } article td.service_parametrs_value { background-color: #F4F4F4; border: 1px solid #D6D6D6; font-size: 11px; text-align: right; } article td.service_parametrs_value textarea { border: 0px none currentColor; font-family: "Courier New"; font-size: 12px; padding: 5px; text-align: center; width: 521px; } article td.service_parametrs_note { background-color: #EEEEEE; border: 1px solid #D6D6D6; font-size: 11px; line-height: 14px; padding: 3px 25px; text-align: center; } article td.graph_help_title { background-color: #EEEEEE; border: 1px solid #D6D6D6; font-size: 12px; font-weight: 700; padding: 10px; text-align: center; vertical-align: middle; } article td.graph_help_left { background-color: #F8F8F8; border: 1px solid #D6D6D6; font-family: "Courier New"; font-size: 13px; font-weight: 700; line-height: 16px; padding: 5px 0px; text-align: center; vertical-align: middle; width: 150px; } article td.graph_help_right { background-color: #F8F8F8; border: 1px solid #D6D6D6; font-size: 11px; line-height: 14px; padding: 5px 15px; text-align: left; vertical-align: middle; } #right { float: left; padding-left: 10px; padding-top: 10px; width: 300px; overflow: hidden; line-height: 0; } #rightBlock { float: left; padding-left: 30px; width: 300px; overflow: hidden; line-height: 0; } .footer { width: 100%; height: 130px; clear: both; background: url(img/footer.jpg) center center #fafafa no-repeat; } .footerContent { position: relative; width: 940px; margin: 0 auto; } .footerContent .navi { position: absolute; top: 58px; left: 194px; } .copyright { position: absolute; top: 92px; left: 200px; font-size: 12px; font-weight: 600; color: #ABBECD; } #latest { margin: 0px 0px 30px; } #latest ul { width: 300px; } #latest li { list-style: none; line-height: 0; margin: 0px 0px 20px; height: 53px; overflow: hidden; } #latest li .block { position: relative; } #latest .i a, #latest .thumb { position: absolute; width: 70px; height: 53px; line-height: 0; } #latest li:hover .i a { background: #000; } #latest li:hover .thumb { opacity: 0.8; } #latest a h4 { position: absolute; left: 86px; font-size: 16px; line-height: 18px; font-weight: 600; height: 52px; } #latest li:hover a h4 { color: #44789D; } #latest a { color: #000; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } #latest .thumb:hover { opacity: 0.8; } #more { margin: 10px 0px 26px; padding: 10px; overflow: hidden; } #more ul { float: left; margin: 0px 0px 0px 20px; } #more li { padding: 0px 0px 10px 6px; color: #000; font-size: 12px; line-height: 12px; list-style-image: url(img/list-bul.png); } #more a { font-size: 16px; line-height: 18px; font-weight: 600; color: #000; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } #more li:hover { list-style-image: url(img/list-bulr.png); } #more li:hover a { color: #B80000; } #tags { font-size: 17px; line-height: 24px; font-weight: 600; color: #B80000; overflow: hidden; padding: 10px; } #tags ul { display: inline; } #tags li { display: inline-block; list-style: none; } #tags li::after { content: ","; padding-right: 4px; color: #000; } #tags li:last-child::after { content: none; } #tags a { color: #768696; text-decoration: none; } #similar { padding: 10px; overflow: hidden; } #similar img { width: 170px; height: auto; } #similar ul { margin: 0px 0px 40px; } #similar li { list-style: none; width: 170px; display: inline-block; overflow: hidden; vertical-align: top; margin-left: 54px; line-height: 0; } #similar .i a { display: block; width: 170px; height: 128px; line-height: 0; } #similar li:hover .i a { background: #000; } #similar li:hover .thumb { opacity: 0.8; } #similar li:nth-child(1) { margin: 0px; } #similar h4 { font-size: 14px; line-height: 18px; font-weight: 600; display: inline-block; margin-top: 10px; } #similar li:hover a h4 { color: #B80000; } #similar a { color: #000; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } #cntctfrm_contact_form { margin: 10px; } #cntctfrm_contact_form .cntctfrm_column, #cntctfrm_contact_form.cntctfrm_one_column, #cntctfrm_contact_form .cntctfrm_label, #cntctfrm_contact_form .cntctfrm_input, #cntctfrm_contact_form .cntctfrm_select, #cntctfrm_contact_form .cntctfrm_checkbox { max-width: 99.6% !important; } #cntctfrm_contact_form .cntctfrm_label { margin-bottom: 4px; } #cntctfrm_contact_form .cntctfrm_field_wrap { margin-bottom: 20px; } #cntctfrm_contact_form .cntctfrm_error_text { margin-bottom: 20px; color: red; } #cntctfrm_contact_form input[type=text], #cntctfrm_contact_form textarea { border: 2px solid #ccc; height: 32px; padding: 0 10px; color: #000; font-size: 16px !important; width: 100%; } #cntctfrm_contact_form textarea { height: 100px; padding: 10px; } #cntctfrm_contact_form input[type=text]:focus, #cntctfrm_contact_form textarea:focus { border: 2px solid #000; } #cntctfrm_contact_form input[type=submit] { border: 2px solid #000; background: #C8DDD5; transition: background-color 100ms linear, color 100ms linear; color: #000; text-transform: uppercase; font-size: 14px; font-weight: 700; height: 40px; line-height: 44px; text-align: center; cursor: pointer; display: block; float: left; line-height: 1; width: 120px; padding: 10px 15px; } #cntctfrm_contact_form input[type=submit]:hover { color: #fff; background: #44789D; border: 2px solid #fff; } #cntctfrm_contact_form .cntctfrm_contact_submit { margin-top: 10px; } #cntctfrm_contact_form .cptch_wrap { background: #ddd; padding: 20px; display: table !important; } #cntctfrm_contact_form .cntctfrm_label_captcha { margin-bottom: 20px !important; } #cntctfrm_thanks { font-weight: 700; background: #CEFACE; padding: 20px; display: table; margin-bottom: 20px; } .required { color: red; } #adTop { width: 914px; margin: 24px auto 16px; overflow: hidden; } #adRight { width: 300px; height: 250px; background: #C8DDD5; margin: 0px 0px 30px; } hr { background: #ABBECD; height: 3px; margin: 20px 10px 1.71rem; } mark, ins { /* adsense */ background: #fff; } /* directadvert -------------------------------------------------------------- */ .directadvert-block-1180263 { margin-bottom: 10px; padding: 0px 10px; } .directadvert-block-1180263 .da_adp_teaser { padding-top: 10px !important; padding-right: 54px !important; } .directadvert-block-1180263 .da_adp_teaser:hover .da_adp_title a { color: #B80000 !important; } .directadvert-block-1180263 .da_adp_title { padding-top: 2px !important; } .directadvert-block-1180263 .da_adp_title a { font-size: 14px !important; font-weight: 600 !important; line-height: 18px !important; text-decoration: none !important; color: #000 !important; } .directadvert-block-1180263 .da_adp_title { width: 170px !important; } .directadvert-block-1180263 img { width: 170px !important; height: 170px !important; } .da_adp_links { display: none; } /* end directadvert -------------------------------------------------------------- */