/** * J!Blank Template for Joomla by JBlank.pro (JBZoo.com) * * @package JBlank * @author SmetDenis * @copyright Copyright (c) JBlank.pro * @license http://www.gnu.org/licenses/gpl.html GNU/GPL * @link http://jblank.pro/ JBlank project page */ /* just example of css import */ /* just for test repaltive paths @import url('print.css'); @import url('reset.css'); */ /****************************************** FRONTEND STYLES ***********************************************************/ /*топовая новость*/ .top { width: 99.2% !important; max-height: 185px !important; } .metro-news-list-img {height: 150px;} .topread {top: 158px !important;} div.menu-tabs #menu ul.nav > li > ul ul { display: none !important; } /*Отсчет времени */ .smartcountdown { position: absolute; bottom: 0px; color: #fff; width: 100%; background: #3e813ee6 !important; z-index: -10; } #smartcountdown-165-days-label { text-transform: uppercase; } .scd-title-row { margin-right: 0px !important; } #smartcountdown-165-title-before { margin-top: 10px; } .scd-counter.scd-counter-horz.scd-counter-row { line-height: 2.8em; } #smartcountdown-165-days-digits { font-weight: bold; } #smartcountdown-165-days { margin-top: 4px !important; } #header > div.header-title { margin-top: 0px !important;} /*#large_logo { padding-top: 20px; }*/ /* pdf */ .item-page embed {display:block;} .item-115.deeper.parent li { height:75px !important;} /* classic clearfix */ .clearfix {display: flex; flex-direction:column;} .clearfix:after {content: " "; display: block; visibility: hidden; font-size: 0; clear: both; height: 0;} * html .clearfix {height: 1%;} /****************************************************************************** /* HTML, Body, Wrapper, Wrapper-page /******************************************************************************/ html, body { min-height: 100%; height: 100%; } body {/* margin-bottom: 40px; */background: #fff;} div.wrapper, .wrap-wrapper-home {display: block; position: relative; left: 0; right: 0; margin: 0 auto; vertical-align: top;} .wrap-wrapper-home {min-width:900px; min-height: 100%;background: #fff;/* padding: 20px; *//* margin-top: 20px; */-webkit-box-shadow: 0 4px 30px 1px rgba(50, 50, 100, 0.3);-moz-box-shadow: 0 4px 30px 1px rgba(50, 50, 100, 0.3); box-shadow: 0 4px 30px 1px rgba(50, 50, 100, 0.3);} .wrap-wrapper-home:before {content: ""; display: block; width: 100%; height: 1px; margin-bottom: -1px;} @-moz-document url-prefix() {.wrapper, .wrap-wrapper-home {position: absolute;}} .parent-wrapper {display: block; position: relative; left: 0; right: 0; margin: 0 auto; vertical-align: top;} .wrapper-page {background: #fff; background: none; border-top: none; border-bottom: none;overflow:hidden;} /****************************************************************************** /* WINX /******************************************************************************/ /*.winx {display: block; width: 650px; height: 1400px; position: absolute;} .winx-left {left: -650px; background: #fff url("../images/winxL.png") no-repeat;} .winx-right {right: -650px; background: #fff url("../images/winxR.png") no-repeat;}*/ .winx {display: block; position: absolute; width: 50%; background: #fff; height: 100%; overflow: hidden;} .winx:after {content: ""; display: block; position: absolute; width: 100%; height: 160px; bottom: 0px;background: linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -o-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;} .winx-left {left: 0;} .winx-right {right: 0;} .winx-left > div:after {content: url("../images/winxL.jpg"); position: absolute; right: 450px;} .winx-right > div:after {content: url("../images/winxR.jpg"); position: absolute; left: 450px;} /****************************************************************************** /* Before-header /******************************************************************************/ #before-header {padding: 5px 10px; color: #fff;border-bottom: 1px solid #6d6;background: #6b6;background: linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;background: -webkit-linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;background: -moz-linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;background: -o-linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;background: -ms-linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;background: linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;-svg-background: linear-gradient(top, #6d6 0, #70BC69 100%) no-repeat;} #before-header > div {display: block; float: left; margin: 0; padding: 0;} #before-header > div > div.content-block {padding: 0px 10px; margin: 0; overflow: hidden;} /****************************************************************************** /* Header /******************************************************************************/ #header {display: block;position: relative;padding: 0px;/* padding-bottom: 5px; */margin: 0; background: #f0f0f0;} #header:after {content ""; display: block; clear: both;} #header > div.accessibil { display: block; position: absolute; z-index: 9999; top: 0; right:0; height: 20%; width: 15%; margin-top: 0px !important; text-align:right; padding:10px; } #header > div.header-title {display: block; position: absolute; z-index: 9999; top: 0; min-height: 100px; width: 33%; margin-top: 15px; margin-left: 20px;} /*#header > div.header-title:before {content: ""; display: block;position: absolute;z-index: 9999;top: 0; right: 0; height: 100%;width: 270px;/*background: url("../images/sliderR.png") no-repeat; margin-left: 10px; *//* margin-top: 10px;} */ #header > div.header-title-after {display: block;position: absolute; z-index: 9999; width: 200px; height: 100%;left: 50%; top: 0;} /*#header > div.header-title-after > div.hta1 {display: block; width: 33%; height: 100%; background: url("../images/background/bg-white-60pr.png"); float:left;} #header > div.header-title-after > div.hta2 {display: block; width: 33%; height: 100%; background: url("../images/background/bg-white-40pr.png"); float:left;} #header > div.header-title-after > div.hta3 {display: block; width: 33%; height: 100%; background: url("../images/background/bg-white-20pr.png"); float:left;}*/ #header .title {padding: 15px;} #header .title .logo {float: left; padding-right: 10px; padding-top: 10px;} #header .title .logo img {width: 60px;} #header .title .title-text h3 {margin-top: 10px;} #header .title .title-text h1 {line-height: 1em;} #header .title .title-text a {color: #fff !important; text-decoration: none; font-size: 0.8em; line-height: 1em;} #header #social {display: block; clear: both;} #header #social p, #header #social a, #header #social span {padding: 0; margin: 0;} /****************************************************************************** /* Search /******************************************************************************/ #searchModul {position: absolute; right: 3px; margin-top: -30px;} #searchModul > a.search-btn {display: block; width: 20px; padding: 5px 7px; background: #888;} #searchModul > a.search-btn:hover {display: block; width: 20px; padding: 5px 7px; background: #b66;} #searchModul > a.search-btn > img {width: 100%; margin: 0; padding: 0;} #searchModul > #searchBlock {position: absolute; top: 0; right: 35px; width: 150px; background: #666; padding: 5px;} #searchModul > #searchBlock > .search > form > label[for="mod-search-searchword"] {display: none} #searchModul > #searchBlock > .search > form > input[name="searchword"] {width: 80%;} #searchModul > #searchBlock > .search > form > button {width: 14.5%; margin: 0; padding: 0; height: 22px; font-size: 0; line-height: 0; display: block; float: right;} /****************************************************************************** /* Before-Menu, Before-Slider /******************************************************************************/ #before-menu > div {display: block; float: left; margin: 0; padding: 0;} #before-menu > div > div.content-block > div {display: block; padding: 5px 10px; margin: 5px; margin-right: 0px; background: #eee;} #before-menu > div:last-child > div.content-block > div {margin-right: 5px;} #before-slider > div {display: block; float: left; margin: 0; padding: 0;} #before-slider > div > div.content-block > div {display: block; padding: 5px 10px; margin: 5px; margin-right: 0px; background: #eee;} #before-slider > div:last-child > div.content-block > div {margin-right: 5px;} /****************************************************************************** /* Slider, Slider-Left-Column, Slider-Right-Column /******************************************************************************/ #slider-table > div.left-column, #slider-table > div.right-column {width: 24.999%; margin: 0; padding: 0} #slider-table > div.left-column {float: left;} #slider-table > div.right-column {float: right;} #slider-table > div.left-column > div, #slider-table > div.right-column > div {padding: 5px 15px;} body.mobile #slider-table > div.left-column, body.mobile #slider-table > div.right-column {width: 100%;} #slider-table > #slider {display: block; position: relative; padding: 0; margin: 0; float: left;} body.not-mobile #slider-table > #slider.OneColumn {width: 74.999%;} body.not-mobile #slider-table > #slider.TwoColumn {width: 49.999%;} #slider-table > #slider > div {padding: 5px;} /****************************************************************************** /* Main Content /******************************************************************************/ .content-table {display: table; width: 100%;} .content-table .content-table-row {display: table-row;} .content-table .content-table-row .content-col {display: table-cell; vertical-align: top;} .content-table .content-table-row .content-col-left, .content-table .content-table-row .content-col-right {background: #eee;} .content-table .content-table-row .content-col > div {padding: 5px 5px;padding-top: 0;margin: 5px;margin-top: 0;} .content-table .content-table-row #right-col > div {padding: 0; margin: 0;} .content-table .content-table-row .bottom-content {vertical-align: bottom;} body.mobile div#left-col, body.mobile div#left-bottom-col, body.mobile div#right-col, body.mobile div#right-bottom-col, body.mobile div#middle-col, body.mobile div#middle-bottom-col {display: block;} body.mobile div#left-col, body.mobile div#left-bottom-col {width: auto !important;} .content-table .content-table-row .content-col .main-content {padding: 5px 10px;/* overflow: hidden; */} .main-content img {margin: 10px;margin-top: 0;} div#right-col > div > div img {margin: 0;} .article-index {margin-bottom: 20px;} .item-page > div.item-image > img, .blog > [class*=items-] .item-image img {width: 25%; float: left; border: 3px solid #eee; margin: 5px 10px; margin-left: 0; -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.3); box-shadow: 0px 3px 5px rgba(0,0,0,0.3);} .item-page > div.item-image > img {max-width: 25%; width: 25%;} .blog > [class*=items-] {clear: both;} /****************************************************************************** /* ol, ul /******************************************************************************/ ol {margin-top:0px; margin-bottom: 5px} /****************************************************************************** /* #left-col /******************************************************************************/ #left-col ul li a {text-decoration: none; color: #000;} #left-col ul li::before {content: url("../images/ulnav.png"); display: block; position: absolute; left: 3px;} #left-col ul li { list-style: none; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #E1E1E1;} #left-col ul.category-module { padding-left:10px; margin-top: 0px;} #left-col ul {padding-left:10px;margin-top: 0px; margin-bottom: 2px;} #left-col img {margin: 0 !important;} /****************************************************************************** /* #right-col /******************************************************************************/ #right-col ul li a {text-decoration: none; color: #000;} #right-col ul li:before {content: url("../images/ulnav.png"); float:left; left:-5px; position: relative; display:block; height:26px;} #right-col ul li { list-style: none; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #E1E1E1;} #right-col ul.category-module { padding-left:10px; margin-top: 0px;} #right-col ul {padding-left:10px;margin-top: 0px; margin-bottom: 2px;} #right-col > .moduletable {position: relative; margin-bottom: 0; padding-bottom: 0;} #right-col > .moduletable:hover:after {content: ""; display: block; position: absolute; top: 5px; left: -15px; height: 0; width: 0; border: 8px solid #fff; border-bottom-color: transparent; border-left-color: transparent; border-top-color: transparent;} #right-col > .moduletable > div {border: 1px solid #e5e5e5; border-right: none; overflow: hidden;} #right-col > .moduletable > div, #right-col > .moduletable > ul {position: absolute;display: block;width: 600px;left: -632px;top: 0;background: #eee;margin: 0; padding: 5px 15px;border: 2px solid #ccc;border-right: none;-moz-box-shadow: -5px 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow: -5px 5px 10px rgba(0,0,0,0.2);box-shadow: -5px 5px 10px rgba(0,0,0,0.2);} #right-col > .moduletable > ul {width: 180px; left: -180px; padding: 0;} /****************************************************************************** /* Footer /******************************************************************************/ div.footer {display: block;padding: 5px;background: #2C79B3;color: #fff;border-top: 3px solid #ccc;border-bottom: 3px solid #ccc;} div.footer > div {float: left;} div.footer > div > div.content-block, div.footer > div.main-footer > div {display: block; padding: 5px 15px;} div.footer > div.main-footer {display: block; /*float: none;*/ padding: 0;} table.fb td div { border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: none; margin: 5px 5px; color: #fff; margin-bottom: 0px; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.3s ease; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px; height: 50px; border: 1px solid rgba(234, 229, 229, 0.3); -moz-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); text-align: left; } table.fb td { padding:0px; border:none; vertical-align: middle; } table.fb td a{ text-decoration:none; } .modified { color: #999; font-size: 0.8em; text-align: right; } /****************************************************************************** /* Form /******************************************************************************/ .controls{margin: 10px 0;} .controls label{margin: 0 5px;} fieldset {border: none; margin-bottom: 10px; background: #f5f5f5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} fieldset legend {background: #fff; border: 1px solid #eee; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} fieldset.phrases {margin-top: 15px;} select {marign: 5px;} label {background: #f5f5f5; padding: 2px 4px; margin: 0; max-width: 200px; border: 0px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height: 1.5;} label.radio input {margin-right: 5px;} button {min-height: 16px; margin: 4px;} /****************************************************************************** /* Buttons /******************************************************************************/ p.readmore a.btn, .button, .btn {border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #008000; background: rgba(0,128,0,0.6); color: #fff !important; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 0px rgba(0,0,0,0.1); border: 1px solid #6b6; margin: 0 2px; text-decoration: none; padding: 3px 6px; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} p.readmore a.btn:hover, .button:hover {background: #006000; background: rgba(0,128,0,0.8);} .tooltip {background: rgba(0,0,0,0.6); display: block; width: 250px; padding: 10px; z-index: 99999; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .btn-group {float: left; margin-right: 2px;} .btn-toolbar {padding: 2px; background: #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .btn-toolbar a {padding: 2px 5px; text-decoration: none; background: #fff; margin-right: 3px;} .btn-toolbar:after {content: ""; display: block; clear: both;} /****************************************************************************** /* Table /******************************************************************************/ table {width: 100%; margin-bottom: 20px; table-layout: fixed;} table p {margin-top: 0; padding:0;} table td {font-size: 0.9em; border: 1px solid #eee; padding: 7px; vertical-align: top;} table th {font-size: 0.9em; padding: 5px 10px; text-align: left; background: #6b6; border: 1px solid #CBDDD1; -webkit-box-shadow: inset 0 14px 15px rgba(255, 255, 255, 0.2), inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px 0px rgba(0, 0, 0, 0.1), inset 0 14px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 14px 15px rgba(255, 255, 255, 0.2), inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px 0px rgba(0, 0, 0, 0.1), inset 0 14px rgba(255, 255, 255, 0.1); box-shadow: inset 0 14px 15px rgba(255, 255, 255, 0.2), inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px 0px rgba(0, 0, 0, 0.1), inset 0 14px rgba(255, 255, 255, 0.1);} table th, table th a {text-decoration: none; color: #fff;} table.middle td {vertical-align:middle;} table.noborder td {border:none;} table.narrow td{padding:2px;} table.category td {background: none; padding: 0; margin: 0; border: none; position: relative;} table.category td a, table.category th a {text-decoration: none;} table.category td a {display: block; background: none; padding: 3px 10px; margin: 1px; margin-top: 2px; padding-left: 15px; background: #eee; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} table.category tr td a:before {content: ""; display: block; width: 0; height: 0; position: absolute; top: 50%; margin-top: -4px; border: 4px solid #88d; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: 7px;} table.category tr:nth-child(odd) td a {background: #ddd; border: 1px solid #ddd;} table.category td a:hover, table.category tr:nth-child(odd) td a:hover {background: #ccd; border: 1px solid #ccd;} table.category tr td a:hover:before, table.category tr:nth-child(odd) td a:hover:before {border: 4px solid #fff; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent;} table.hidden-borders, table.hidden-borders > tr, table.hidden-borders > tr > td, table.hidden-borders > tr > th {border: none;} table.list-title td {background: #fff; margin: 0px 1px; padding: 5px; padding-left: 10px; padding-right: 10px; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #eee;} table.list-title td a {text-decoration: none; color: #000;} table.list-title td:hover {background: #559dc6;} table.list-title td:hover a {color: #fff;} table.list-title td a::before { content: url("../images/ulnav.png");display: block;position: absolute;left: 10px;} table td.topic { text-align: center; color:#fff; border-bottom: 2px solid #4E97C3; background: #317EB5; background: linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -webkit-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -moz-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -o-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -ms-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; -svg-background: linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; display: table-cell; vertical-align: middle; margin-bottom: 20px; */} table.bottomborder td { border:none; border-bottom:1px solid #eee; } .zebra_tabl tr:nth-child(odd){ background-color: #f4f4f4; } /****************************************************************************** /* Right material /******************************************************************************/ table.faku {margin-bottom: 10px;} table.faku td {padding:0px;position:relative;} table.faku td a {text-decoration: none;} div.fak-title { border-bottom: 2px solid #4E97C3; background: #317EB5; background: linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -webkit-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -moz-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -o-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: -ms-linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; background: linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; -svg-background: linear-gradient(top, #4E97C3 0, #317EB5 100%) no-repeat; color: #fff; height: 24px; margin-right: 4px; line-height: 1em; padding: 5px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); } a div.fak-title:hover {background: #6b6;} div.fak-logo { height: 70px; background: #fff; margin-right: 4px; margin-bottom: 4px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); } div.fak-logo:hover { background: #fefcfc; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7); } div.fak-title-all { height: 0px; display: block; position: absolute; bottom: 0; background: rgba(255,255,255,0.8); margin-right: 4px; margin-bottom: 4px; text-align: center; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 96%; line-height: 1.1em; font-size: 0.91em; } div.fak-title-all p { display: table-cell; vertical-align: middle; margin: 0px; padding-top:0px;padding-bottom: 0px; cursor: pointer;} div.fak-logo:hover div.fak-title-all { display: table; height: 71px;width: 98%; } /****************************************************************************** /* IE6,7,8 /******************************************************************************/ .old-browser {display: block; padding: 3px 10px; color: #f99; background: #333;} /****************************************************************************** /* Other /******************************************************************************/ /* BackToTop */ a#backtotop {display: block; position: fixed; z-index: 999999; padding: 3px 7px; right: 0; bottom: 5px; background: #333; background: rgba(0,0,0,0.3); color: #fff; text-decoration: none;} /* Counter */ .counter {text-align: center; color: #aaa;} /* Search Form */ dl.search-results dt{color: #338; text-decoration: none; padding: 5px; padding-top: 10px; border-bottom: 1px dotted #ddd; margin-bottom: 5px; font-size: 1.2em; font-width: bold; font-family: 'Verdana', Arial, Helvetica, sans-serif} dl.search-results a {text-decoration: none; color: #338;} dl.search-results dd.result-category{padding: 5px 0; color: #008000;} /* Readmore */ p.readmore { clear: both; margin-top: 10px; padding-top: 10px; padding-right: 5px; margin-bottom: 10px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; text-align: right;} /* Dropdown-Menu */ ul.dropdown-menu {margin: 0; padding: 0;} ul.dropdown-menu li {float: right; display: block;} ul.dropdown-menu li a {background: #eee; padding: 2px 5px; margin: 0 2px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 0.8em; color: #0F7227;} /* Pagination */ div.pagination {display: block; background: #eee; padding: 2px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1);} div.pagination > ul {display: block; margin: 0 auto; margin-bottom: 10px; padding: 0; list-style: none; text-align: center;} div.pagination > ul li {display: inline-block; padding: 0; margin: 0;} div.pagination > ul li a, div.pagination > ul li span {display: block; margin: 0; padding: 5px 7px; text-decoration : none; background: #fff; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px rgba(0,0,0,0.2);} div.pagination > ul li span {color: #fff; background: #6b6;} div.pagination > ul li a {color: #fff; background: #669; } div.pagination > ul li.pagination-prev a, div.pagination > ul li.pagination-next a, div.pagination > ul li.pagination-start a, div.pagination > ul li.pagination-end a {background: #fff; color: #339; } div.pagination > ul li.pagination-prev span, div.pagination > ul li.pagination-next span, div.pagination > ul li.pagination-start span, div.pagination > ul li.pagination-end span {color: #999; background: #fff;} div.pagination > ul li.pagination-start span, div.pagination > ul li.pagination-start a {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} div.pagination > ul li.pagination-end span, div.pagination > ul li.pagination-end a {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: none; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;} div.pagination > ul li:hover a {background: #696; color: #fff;} div.pagination > ul li.pagination-prev:hover a, div.pagination > ul li.pagination-next:hover a, div.pagination > ul li.pagination-start:hover a, div.pagination > ul li.pagination-end:hover a {background: #a77; color: #fff;} div.pagination ul:after {content: ""; display: block; clear: both;} /* Pagenav */ ul.pagenav {padding: 0; padding-top: 10px; margin: 0;} ul.pagenav li.previous {float: left;} ul.pagenav li.next {float: right;} ul.pager li {display: inline-block;} ul.pager li a {text-decoration: none; font-size: 0.9em; color: #bbb; } div.pager ul {list-style: none; margin: 0; padding: 0; margin-bottom: 10px; clear: both;} div.pager ul > li {color: #fff; display: inline-block; padding: 5px 7px; margin: 2px; background: #444; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 5px; -moz-box-shadow: inset 0px 13px rgba(255,255,255,0.1); -webkit-box-shadow: inset 0px 13px rgba(255,255,255,0.1); box-shadow: inset 0px 13px rgba(255,255,255,0.1);} div.pager ul > li a {text-decoration: none; color: #fff;} /* Breadcrumb */ ul.breadcrumb {list-style: none; margin: 0px; margin-left: -40px; margin-top: -0px; margin-bottom: 18px;} ul.breadcrumb li {display: inline-block; color: #999; font-size: 0.9em; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} ul.breadcrumb li a {text-decoration: none;} /* Social */ .social {position: absolute; bottom: 0px; display: block; width: 100%; z-index: 9999; text-align: right;} .social p, .social a {margin: 0px; padding: 0;} .social > *:first-child {margin-right: 0px;} .social img {width: 30px;margin: 0;padding: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .social a { /*! border: 1px solid #E4E4E4; */ /*2C79B3*/border-bottom: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: inline-block;margin-right: 1px;-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3), 0px 3px 10px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,0.3);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3), 0px 3px 10px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,0.3);box-shadow: 1px 1px 2px rgba(0,0,0,0.3), 0px 3px 10px rgba(0,0,0,0.1), inset 0px 1px 2px rgba(255,255,255,0.3);background: rgba(255,255,255,0.8);border-top-left-radius: 5px;border-top-right-radius: 5px;} .social a:hover {background:rgba(255,255,255,1); -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} .social a:hover img {margin-bottom: 10px;} .social > div {overflow: hidden;} /*газета "политехник" ** newspaper "politehnik" */ .article-info-term {display: none;} .create {color:#999; font-size:0.8em; text-align:right;} table.lil_font td a{font-size:12px !important;text-align:center;} table.lil_font td { padding-bottom: 0px !important;} table.lil_font td div{background: #4A92C5; padding-bottom: 5px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.4); transition:all 0.2s; } table.lil_font img {margin-bottom:5px !important; height:204px;} /*научные журналоы / science magazine */ table.magazine_table img {border:none !important; margin:0; margin-bottom:20px; background: #fff;} table.magazine_table a{text-decoration:none; color:white; font-weight:bold; font-size: 1.5em;} table.magazine_table td {position:relative; padding:0; padding-bottom: 20px; background-image: url(http://shir.uni.local/templates/jtrololo/images/dop.png); /*! background-color:#4a92c5; */ background-position:0 0; background-repeat:repeat-y; border:none;} table.magazine_table td div:hover{ background-position: 0 30px; box-shadow: 0 2px 10px rgba(0,0,0,0.8);} table.magazine_table td div{box-shadow: 0 2px 10px rgba(0,0,0,0.2);} table.magazine_table { border-collapse:separate; border-spacing: 5px;} /* appears on small srceens */ div#small_logo { display:none ;} /* FOR SMALL SCREENS */ @media screen and (max-width: 1200px){ .header-title h1 { font-size: 1.5em; line-height: 0.9em; } .formResponsive .formHorizontal .formControlLabel{ width:40%; } } @media screen and (max-width: 900px){ .header-title h1 { font-size: 1.2em; line-height: 0.9em; } .formResponsive .formHorizontal .formControlLabel{ width:55%; } } @media screen and (max-width: 600px){ .accessibil{ display: none !important;} .A,.B,.C { width: 100% !important;} .bottomborder td a.button{ margin-left:-16px; padding: 2px} #large_logo {font-size: 0.7em !important;} #large_logo img {height:42%;} } /*** for youtube iframes ***/ .youtube { display:block; margin:0 auto; } /*eye for "accessibility" site version*/ img#eye { padding:5px;background: rgba(255,255,255,0.8);-webkit-box-shadow: 0 4px 30px 1px rgba(50,50,100,0.3);box-shadow: 0 4px 30px 1px rgba(50,50,100,0.3);border-radius:5px;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;} img#eye:hover {background:rgba(255,255,255,1);} /* dissertation layout */ /* *dissertation main list */ .dissovet-frame { border:solid 1px #ccc; border-radius:5px; padding:10px; padding-bottom:0; margin-bottom:10px;background-color: #f0f0f0;} /* *composition */ .dist-list li{list-style:none;padding:5px} .dist-list{border: solid 1px #eee;} .dist-list,.dist-list ul {padding:0;} .dist-list ul li{background-color:#eee;} div.allnew {margin-left: 0; width: 97.7%; margin-bottom: 5px; font-size: 1em; height: 25px;} div.allnew a {color:#fff;} /* Заголовки правого меню */ .right-hed { margin-left: 0; width: 99%; height: 20px; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #008000; background: rgba(0,128,0,0.6); color: #fff !important; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1); box-shadow: 2px 2px 0px rgba(0,0,0,0.1); border: 1px solid #6b6; text-decoration: none; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; display: table; vertical-align: middle; padding-top: 7px; font-weight:bold; margin-bottom: 2px; } /* Кнопки быстрого доступа */ .hot { display: block; position: absolute; width: 55px; background: #fff; height: 250px; overflow: hidden; left: -50px; background: none !important;} .hot div.custom {position:absolute;} .kor:hover {background: #4e97c3; left: 0px; width: 55px; } .kor {background:rgba(0,0,0,0.1); left: 5px;position:relative;width: 45px;height: 46px; margin-top: 2px;-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.3), inset 1px 1px 4px rgba(255,255,255,0.4);-moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.3), inset 1px 1px 4px rgba(255,255,255,0.4);box-shadow: 0px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.3), inset 1px 1px 4px rgba(255,255,255,0.4);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; } .kor img {margin:7px;} .hot div.ico img { margin-top: 8px; margin-bottom: 8px; height: 32px; margin-left: 8px;} /* social tabs */ .tabs-block div{display:none;} .stabs li{display:inline-block;} ul.stabs{margin:0;position: relative;top: 2px;} .stabs li {border:solid 2px #ccc;border-bottom:none;border-radius: 5px 5px 0 0;} .stabs li.active{background-color:#fff;border-color:#ccc;opacity:1;} .tabs-block div.active {display:block; border: solid #ccc 2px;border-radius: 5px;padding:10px; padding-bottom:0;} .tabs-block img {margin:5px;} /* search */ form#finder-search fieldset {margin:0;} button#filter_date1_img {display:none;} button#filter_date2_img {display:none;} .word .btn {border:none;background:#66b366;color: white;padding:3px;text-decoration:none;} .filter-date-operator {height:26px} div#advancedSearch { display:none;} .inputbox.filter-date-operator{position: absolute;} fieldset.fieldset-dates {height:60px;} label.hasTooltip {background-color: initial;} /* links */ a {color:#3480b7;} .formControls a{color:#000; text-decoration:none; border:1px solid #eee; padding:5px; } .formControls a:hover {background:#6b6; color:#fff;} /* dinamic banners */ .dinamic{ width: 100%; } .dinamic div { width:150px; height:150px; background:#fff; margin-bottom:6px; } .dinamic div div{ display:table-cell; vertical-align:middle; border:1px solid #ccc; overflow: hidden; -webkit-box-shadow: 0 1px 2px 1px rgba(50, 50, 100, 0.3); -moz-box-shadow: 0 1px 2px 1px rgba(50, 50, 100, 0.3); box-shadow: 0 1px 2px 1px rgba(50, 50, 100, 0.3);} .dinamic div img{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .dinamic img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .ui { display: flex; flex-wrap: wrap; } .ui > div { width: 48%; float:left; display: flex; flex-direction: column; width: 48%; margin: 6px; overflow: hidden; box-shadow: 0 0 1px 0 #a5a5a5; text-decoration: none; color: #333; } @media (max-width: 700px) { .ui > div { width: 100%; } } .ui > div > div > ul { text-align: left; line-height: 1.5; padding-left: 10px; } .ui > div > div { padding: 10px; } @media (max-width: 700px) { .ui > div > div { display: flex; flex-direction: column; align-items: center; } } .ui > div > div > div { width: 90px; min-height: 80px; background-repeat: no-repeat; background-position: center 0px; } .ui > div > h3 { display: flex; align-items: center; justify-content:center; background-color: steelblue; background: linear-gradient( #6A86A5 , #4B698A) no-repeat; color: white; flex-grow: 0; padding: 5px; margin-bottom: 10px; min-height: 45px; font-size: 0.9em; text-align: center; } .moduletable { position: relative; } /* правые слайдеры */ .right-slider .custom { position:absolute; z-index: 4; width: 0; background-color: #eee; right: 100%; top: 0; display:none; padding: 5px; max-height: 473px; border: 1px solid #ccc; } .right-slider .custom:after{ content: ""; position:absolute; top: -1px; right:-2px; border: solid 13px transparent; border-right: solid 12px #fff; } .closeButton { position:absolute; height: 100.5%; width: 20px; left:-20px; top:0; background-color: #ccc; } .closeButton:before { content:">"; font-size:20px; color: #333; position:absolute; top:50%; left:50%; -ms-transform: translate(-50%, -50%) scaleY(3); -webkit-transform: translate(-50%, -50%) scaleY(3); transform: translate(-50%, -50%) scaleY(3); } .slider-mobile { position: relative !important; width: 100% !important; right: initial !important; height: auto; overflow: hidden; } /*для заголовка новостей опоки */ .opoki-news > h2 {border-bottom: dotted 1px #ccc;color:#317eb5;font-size: 1.5em;} .relative { position:relative; } .lng-versions{ position: absolute; top: -42px; right: 5px; background: #317EB5; padding: 10px; border-radius: 5px; border: 1px solid rgba(1, 1, 1, 0.1); -moz-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); background-image: url("../images/dop.png"); background-repeat: no-repeat; background-position: -30px 0px; } a .lng-versions { color: white; text-decoration: none; } .ya-metrica { display:none !important; } #ya-site-form0 .ya-site-form__search-input-layout-l { width: 80% !important; } /* доска почета */ .desk.row { display: flex; flex-wrap: wrap; flex-direction: row; } .desk.row .item { width: 31%; box-sizing: border-box; padding: 10px; box-shadow: 0 0 10px 0px #ccc; margin: 5px; border-radius: 5px; text-decoration: none; } .desk.row .item p { padding-top: 0px; padding-bottom: 10px; font-size: 12px; color: #808080; } .desk.row .item p, .desk.row .item h4{ text-align: center; } .desk.row .item img { margin: 0; width: 100%; } @media (max-width: 420px) { .desk.row .item { width: 100%; } } .tehpred { display: flex; flex-wrap:wrap; justify-content: center; } .tehpred > a { position: relative; width:46%; margin:10px; box-shadow:0 0 10px 0 #ccc; text-decoration:none; transition: all 0.2s linear; } .tehpred > a:hover { box-shadow:0 0 10px 0 #777; } .tehpred > a > img { width: 100%; } .tehpred > a > p { text-align: center; } .tehpred-first { display:flex; box-shadow:0 0 10px 0 #ccc; margin:10px; align-items:center; text-decoration:none; transition: all 0.2s linear; } .tehpred-first:hover { box-shadow:0 0 10px 0 #777; } table#odno-okno td { border: none; } table#odno-okno button{ width: 100%; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: none; margin: 5px 5px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-decoration: none; padding: 5px 10px 5px 10px; font-weight: bold; font-size: 1em; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.5s ease; position: relative; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 5px; height: 60px; border: 1px solid rgba(1, 1, 1, 0.1); -moz-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3); background-color: #317EB5; text-align: right; background-image: url(../images/dop.png); background-repeat: no-repeat; background-position: -30px 0px; } button:disabled { background-color: #ccc !important; border: solid 1px #b5b5b5; cursor: no-drop; } button:disabled:hover { background-color: #999; } .invalid { border: 1px solid #d4d0d0; padding: 10px; margin-bottom: 20px; } /** * * Кнопка "ПОДПИСАТЬСЯ" в мобильной версии * */ .subscribe-mobile { position: absolute; background: rgba(255,255,255,0.8); padding: 4px 10px 0 0; top: 5px; left: 5px; z-index: 20; font-size: 14px; color: #3986c3; border-radius: 5px; display: table; } .subscribe-mobile a { text-decoration: none; display: table-cell; font-weight: bold; } .subscribe-mobile a img { width: 30px; margin: -8px -2px -3px 0px; vertical-align: middle; } .table-responsive { width: initial; table-layout: initial; } /* первая новость во всю ширину красный заголовок .metro-news-list.top .metro-news-list-title { background: linear-gradient(180deg, #c34e4e, #b53131); border-bottom: 2px solid #c34e4e; } */ #dnk_vk_groups { width: 100% !important; } #dnk_vk_groups iframe { width: 100%; }