/* ========== Перебивка ========== */ #share-vk > a > span{ font-size: 13px !important; } #vk_groups{ width: 100% !important; } #vkwidget2{ width: 100% !important; } #vk_poll{ max-width: 100% !important; } /* ==========Тотальные настройки ========== */ a{ transition:color .3s } p, span{ text-align: justify; // выравнивание текста по ширине } .height-5{ display: block; height: 5px; } .height-15{ display: block; height: 15px; } .height-25{ display: block; height: 25px; } /* ========== ШРИФТЫ ========== */ @font-face { font-family: 'Dao_Rus'; src: url('/../fonts/Dao_Rus.eot'); src: url('/../fonts/Dao_Rus.eot') format('embedded-opentype'), url('/../fonts/Dao_Rus.woff2') format('woff2'), url('/../fonts/Dao_Rus.woff') format('woff'), url('/../fonts/Dao_Rus.ttf') format('truetype'), url('/../fonts/Dao_Rus.svg#Dao_Rus') format('svg'); } /*font-family: 'Lobster', cursive;*/ .runa{ font-family: Dao_Rus !important; text-transform: uppercase !important; font-size: 1.13em; font-weight: normal !important; line-height: 1.75; word-spacing: 7px; // letter-spacing: 0.5px; } html, body { font-family: 'Open Sans', sans-serif; font-size: 1em; background: url(../img/img-all-bg.png); line-height: 1.7em; } blockquote{ font-size: 1em; } h4{ margin: 30px 0 20px 0; line-height: 26px; } .tab-content > article > h4:ntn-child(1){ font-weight: bold; } article.runa > p, article.runa > h2, article.runa > h3, article.runa > h4{ display: none; // отключение рунной версии секторов } .img-sector img { display: none} /* ==========Локальные настройки ========== */ .small.alert.alert-success{ margin-top: 20px; } /*хедер*/ /*-------------------------------------*/ .inner-header{ padding: 30px 70px 10px 70px; background: #fff; border-bottom: 1px solid rgb(223, 223, 223); } @media screen and (max-width: 990px) { .pull-left{ float: none !important; } } .link-edelveis{ display: block; } /* Меню */ .navbar-toggle{ background: #525252; } .icon-bar{ background: white; } @media (min-width: 990px){ .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } } /*логотип*/ /*-------------------------------------*/ .logo-top h2 a{ font-family: 'Lobster', cursive; line-height: 1.5em; padding: 0 10px; margin: 0 0; text-shadow: 0 1px 3px rgba(0,0,0,.5); color: rgba(0, 0, 0, 0.74); text-decoration: none; font-size: 36px; } .logo-top h2{ margin: 0;} /* ================================================================================== */ /* ================================ Круг секторов =========================== */ /* ================================================================================== */ .circle-menu { position: relative; width: 600px; height: 600px; padding-top: 20px; margin-bottom: 30px; } .circle-menu ul { position: absolute; width: 600px; // размер окружности секторов height: 600px; // размер окружности секторов margin: 0; padding: 0; list-style: none; border-radius: 50%; overflow: hidden; box-shadow: 0 0 10px 1px #4d4d4d; } /* голубь в центре секторов */ /*-------------------------------------*/ .circle-menu .center{ position: absolute; /* top: 315px; left: 295px; */ top: 230px; left: 230px; z-index: 1000; /*border: 5px solid #ffffff; border-radius: 50%; box-shadow: 0 0 3px #ccc;*/ } .circle-menu .center:after{ content: ""; background: url(../img/golub-center-sectorov-img.png) no-repeat 0 100%; width: 150px; height: 150px; display: block; /*opacity: .75;*/ z-index: 100000; } /* конец голубь в центре секторов */ /*-------------------------------------*/ .circle-menu li { position: absolute; top: -100px; // регулировка секторов относительно окружности left: -100px; // регулировка секторов относительно окружности width: 400px; height: 400px; transform-origin: 100% 100%; overflow: hidden; z-index: 10; } .circle-menu li a { display: block; width: 609px; height: 609px; margin: 0; text-decoration: none; /*background: rgba(199, 227, 235, 0.5);*/ color: #121212; transition: background-color 0.5s; } .circle-menu li:nth-child(even) a { } .circle-menu li a:hover { color: #001DFF; } .circle-menu .active a{ color: #fff !important; } .circle-menu li:nth-child(1) { transform: skew(64.28571428571429deg); } .circle-menu li:nth-child(2) { transform: rotate(25.71428571428571deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(3) { transform: rotate(51.42857142857143deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(4) { transform: rotate(77.14285714285713deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(5) { transform: rotate(102.8571428571428deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(6) { transform: rotate(128.5714285714286deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(7) { transform: rotate(154.2857142857143deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(8) { transform: rotate(180deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(9) { transform: rotate(205.7142857142857deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(10) { transform: rotate(231.4285714285714deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(11) { transform: rotate(257.1428571428571deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(12) { transform: rotate(282.8571428571428deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(13) { transform: rotate(308.5714285714285deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(14) { transform: rotate(334.2857142857142deg) skew(64.28571428571429deg); } .circle-menu li:nth-child(1) a, .circle-menu li:nth-child(2) a, .circle-menu li:nth-child(3) a, .circle-menu li:nth-child(4) a, .circle-menu li:nth-child(11) a, .circle-menu li:nth-child(12) a, .circle-menu li:nth-child(13) a, .circle-menu li:nth-child(14) a{ transform: skew(-64.28571428571429deg) rotate(12.5deg); background: linear-gradient(to left, #FEFF88 18%, #FF0000); } .circle-menu li:nth-child(5) a, .circle-menu li:nth-child(6) a, .circle-menu li:nth-child(7) a, .circle-menu li:nth-child(8) a, .circle-menu li:nth-child(9) a, .circle-menu li:nth-child(10) a{ transform: skew(-64.28571428571429deg) rotate(194deg); background: linear-gradient(to right, #FEFF88 18%, #FF0000); } .circle-menu li a:before{ position: absolute; width: 180px; height: auto; } /*Левая сторона-------------------------*/ /*1 строки*/ /*-------------------------------------*/ .circle-menu li:nth-child(2) a:before, .circle-menu li:nth-child(3) a:before, .circle-menu li:nth-child(11) a:before, .circle-menu li:nth-child(14) a:before{ top: 53%; left: 55%; text-align: left; } /*2 строки*/ .circle-menu li:nth-child(1) a:before, .circle-menu li:nth-child(4) a:before, .circle-menu li:nth-child(13) a:before{ top: 51%; left: 55%; text-align: left; } /*3 строки*/ .circle-menu li:nth-child(12) a:before{ top: 49.5%; left: 55%; text-align: left; } /*Правая сторона-------------------------*/ /*-------------------------------------*/ /*1 строки*/ .circle-menu li:nth-child(5) a:before, .circle-menu li:nth-child(7) a:before, .circle-menu li:nth-child(9) a:before, .circle-menu li:nth-child(8) a:before, .circle-menu li:nth-child(10) a:before{ top: 44%; left: 14%; text-align: right; } /*2 строки*/ .circle-menu li:nth-child(6) a:before, .circle-menu li:nth-child(9) a:before { top: 42%; left: 14%; text-align: right; } /*Названия секторов*/ /*-------------------------------------*/ .circle-menu li:nth-child(1) a:before{ content: 'Сектор Святого Духа и Со-Творчества'; } .circle-menu li:nth-child(2) a:before{ content: 'Сектор Знаний'; } .circle-menu li:nth-child(3) a:before{ content: 'Сектор Пути'; } .circle-menu li:nth-child(4) a:before{ content: 'Сектор Со-вершения и Совершенства'; } .circle-menu li:nth-child(5) a:before{ content: 'Сектор Чистоты'; } .circle-menu li:nth-child(6) a:before{ content: 'Сектор начала Времени и Человека'; } .circle-menu li:nth-child(7) a:before{ content: 'Сектор Дао'; } .circle-menu li:nth-child(8) a:before{ content: 'Сектор Зеркала'; } .circle-menu li:nth-child(9) a:before{ content: 'Сектор Иррационального'; } .circle-menu li:nth-child(10) a:before{ content: 'Сектор Земли'; } .circle-menu li:nth-child(11) a:before{ content: 'Сектор Богородицы'; } .circle-menu li:nth-child(12) a:before{ content: 'Сектор прямого действия Божественной Силы'; } .circle-menu li:nth-child(13) a:before{ content: 'Сектор Пробуждения и Преображения'; } .circle-menu li:nth-child(14) a:before{ content: 'Сектор Возрождения'; } /* ================================================================================== */ /* ========================= MAIN тектовый контент =========================== */ /* ================================================================================== */ main{ margin-bottom: 80px; } .img-sector img{ width: 100%; height: auto; margin-bottom: 40px; } blockquote.runa > footer > cite{ font-style: normal !important; // отключение наклона авторов в рунной версии написания } .alert-link{ text-decoration: underline; // подчеркивание ссылки в важном сообщении (зеленая полоса. "подробнее") } .alert-link:hover{ text-decoration: none; } [id^="sector-"] h4{ font-weight: bold; } /*жирность в подзаголовках*/ /* ============================ */ /* издание */ /* ============================ */ .p-element{ padding: 20px 0; } .izdanie-elena-vubor{ width: 40%; min-width: 280px; max-height: 400px; white-space:nowrap; margin-right: 5%; } .izdanie-madal-vubor{ width: 28%; min-width: 199px; max-height: 400px; white-space:nowrap; margin-right: 5%; } #tab-izdaniy img{ width: 100%; margin-top: 10px;} .izdanie-madal-vubor img{ width: 90%; margin: 0 auto; display: block; } #tab-izdaniy > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-bottom-color: #ddd; } #tab-izdaniy.nav-tabs { border-bottom: none; margin-bottom: 40px; } .izdaniy-options{ margin-top: 25px; border-bottom: 1px solid #ccc; font-weight: bold; color: #3E3E3E; } /* ============================ */ /* Подвал */ /* ============================ */ .menu-footer{ list-style: none; } .page-footer{ height: auto; background: #fff; border-top: 1px solid rgb(223, 223, 223); } .copyright{ font-family: 'Roboto', sans-serif; font-size: 0.88em; } .inner-footer-bar{ padding: 25px 10px; } .inner-copyright{ background: #4F4F4F; padding: 15px 0; color: #EDEDED; } @media screen and (max-width: 1000000px) { .nav-mobile{ display: none;} .pull-r{ float: right} } @media screen and (max-width: 992px) { .pull-r{ float: none; margin-top: 10px;} footer [class^="col-"]{ margin-top: 15px; } } @media screen and (max-width: 650px) { .circle-menu{ display: none;} .nav-mobile{ display: inherit; padding: 0px 20px;} .nav-mobile li{ list-style: none; } .nav-mobile li a{ list-style: none !important; text-decoration: none; padding: 10px; display: block; margin: 10px 0; border: 1px solid; } .nav-mobile li.active{ list-style: none; background: #1C5C7B; text-decoration: none; } .nav-mobile li.active a{ color:white; text-decoration: none; } .elka img{ width: 100px; margin-top: 20px;} } [class^="elk"]{ text-align: center; } .elka img{ width: 150px; margin-top: 20px;} .elka-2 img{ width: 250px;} .link-na-sectora-nachal{ background: #FFF; padding: 10px; border: 1px solid #ccc; }