/* base style for page */ * {margin: 0; padding: 0;} html {background-image:url('fon.jpg'); background-repeat:repeat;} html {overflow-x: hidden;} /*какой-то рекл блок дает горизонт, надо убрать*/ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} .wrapper {min-width: 600px; max-width: 1500px; margin: 0 auto;} /*import fonts*/ @font-face {font-family: FontAwesome; /* Гарнитура шрифта */ src: url('fontawesome-webfont.ttf'); /* Путь к файлу со шрифтом */} @font-face {font-family: Kurale-Regular; /* Гарнитура шрифта */ src: url('Kurale-Regular.ttf'); /* Путь к файлу со шрифтом */} @font-face {font-family: zagolovokUCS; src: url('OglUcs8.ttf');} @font-face {font-family: older; src: url('older.ttf');} @font-face {font-family: Times New Roman; src: url('times-new-roman.ttf');} @font-face {font-family: ucsfont; src: url('TriUcs.ttf'); } /* Header -----------------------------------------------------------------------------*/ header {text-align:center} /*Блок меню горизонтальное без скриптовое*/ #topBar {position: fixed; left:0px; top:0px; height:40px; width:100%;text-align:center;background:linear-gradient(to top, rgba(204,180,138,1), rgba(237,225,209,1), rgba(204,180,138,1)); z-index:100} .menu ul {list-style: none; margin: 0; padding: 0;} .topmenu > li {display: inline-block; position: relative; } .topmenu > li:last-child {margin-right: 0;} .menu a {display: block; padding:4px 7px; text-decoration: none; outline: none; font-family:Kurale-Regular; transition: 0.5s linear; font-size: 20px; color:#630!important; font-weight:bold;font-style:normal;} .menu > ul > li > a { height:32px;} .menu a:hover {background-color: rgb(204,180,138); color:#821!important} .submenu {position: absolute;top: 100%;left: 0;width: 100%; z-index: 10; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .menu .submenu { -webkit-transform: scaleY(0);-ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0;-ms-transform-origin: 0 0; transform-origin: 0 0; background: rgb(204,180,138);} .submenu a:hover {background:#ede1d1; } .menu ul li:hover .submenu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .submenu li a {border-bottom: 1px solid #ede1d1; color: #630; line-height:18px; font-size:17px;padding:7px 4px;} .submenu-link:after {content: "\f107"; font-family: "FontAwesome"; color: inherit; margin-left: 4px; font-style:normal !important; font-size:16px} /* topik */ #topik {top:40px; position:relative; z-index:0; margin-bottom:40px; background-image:url('background-topik.png'); background-size:cover;} #topik table {width:100%; border:none; border-collapse:collapse;} #topik table td {border:none;} #topik .left img{width:150px;} #topik .right img{width:150px;} td.left, td.right{width:150px;} #topik .center img{width:600px;} #topik p {font-size:46px!important; font-family:older; font-weight:bold; line-height:46px; color:#663300; text-shadow:2px 3px 6px #996633;} #topik a {color:#763300; text-decoration:none} /* last topik */ #last-topik {padding:7px 0; box-shadow:1px 2px 8px 1px #842; margin-bottom:10px; border-radius:0 0 7px 7px; display:flex; justify-content:space-between;} #last-topik div.left {width:300px; text-align:left; padding-left:13px;line-height:30px; font-size:20px} #last-topik div.right {width:300px;text-align:right; padding-right:15px;font-size:18px!important;} #last-topik div.center {width:;} #last-topik p {color:#963; font-size:34px!important;; font-family:older; font-weight:bold; line-height:34px; text-shadow:2px 2px 4px #630;} #last-topik div.left img {width:30px; vertical-align:middle; padding-left:7px; text-decoration:none} #last-topik div.left a {text-decoration:none; vertical-align:middle; font-size:18px!important; font-family:older; color:#842} #last-topik div.left a:hover {opacity:0.7;} #last-topik div.right img {width:30px; vertical-align:middle; padding-right:7px; text-decoration:none; padding-top:5px} #last-topik div.right a:hover {opacity:0.7;} #last-topik a {color:#963; text-decoration:none;} #topik #help a{display:block;height:30px;font-size:19px;} #topik #help span{background-color:#aa0000;box-shadow:0px 0px 5px #661010; color:#ffffff; padding:3px;} #topik #help span:hover{background-color: transparent;box-shadow:0px 0px 5px red;color:#aa0000;} /* подъемник наверх страницы */ #Go_Top {cursor:pointer; width:90px; height:33px; bottom:36px; right:136px; position:fixed; z-index:90; border-radius:7px; box-shadow:2px 2px 7px #630; text-align:center; font-family:older; font-size:20px!important; font-weight:bold; text-decoration:none; color:#630; line-height:30px;background:#ede1d1; transition: background 0.5s linear;} #Go_Top:hover {color:#730; background:#ffffff; transition: background 0.5s linear;} /* Middle -----------------------------------------------------------------------------*/ .middle {width: 100%; position: relative;} .middle:after {display: table; clear: both; content: '';} .container {width: 100%; float: left; overflow: hidden;} .content { padding: 0 270px 0 20px;} /*стилевой каскад зума*/ #zoom {position: fixed; z-index:1000; bottom:36px; right:10px; transition: 0.5s linear; overflow:hidden; width:116px; float:right; box-shadow:2px 2px 7px #630; background-image:url('fon.jpg'); border-radius:7px; height:33px; overflow:hidden;} #zoom:hover {height:70px; transition: 0.5s linear;} #zoom p {font-family:older;font-size:20px!important; color:#630; font-weight:bold;text-indent:0px;text-align:center;padding-top:5px;padding-bottom:5px;} #zoom a img {width:22px} #zoom a{display: inline-block; margin:0 4px 4px 4px; box-shadow:1px 1px 3px #630; padding:4px; line-height:14px; border-radius:15px;transition: 0.5s linear; text-decoration:none;} #zoom a:hover{ background:#ffffff; transition: 0.5s linear;} /* Right Sidebar -----------------------------------------------------------------------------*/ aside {float: left;width: 250px; margin-left: -250px; position: relative;} #top_right_r {width:204px; height:300px; overflow:hidden;margin:0 auto;} div#mobil_social {display:none;overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:7px 5px; border-radius:8px; text-align:center} #mobil_social p {color:#963; font-size:20px; font-family:Kurale-Regular; font-weight:bold; line-height:20px; text-align:center; margin-bottom:8px} div#mobil_help {display:none;overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:7px 5px; border-radius:8px; text-align:center;} #mobil_help img {width:90px; vertical-align:middle; padding-left:7px; text-decoration:none} #mobil_help a {text-decoration:none; vertical-align:middle; font-family:older; color:#842} div#mobil_help:hover {background-color:rgba(204,180,138,0.5);} div#vk_group {overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:7px 5px; border-radius:8px; text-align:center;} #vk_groups {margin:0 auto} div#youtube_group {overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:7px 5px; border-radius:8px; text-align:center;} #youtube_groups {margin:0 auto} div#dzen_group {overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:7px 5px; border-radius:8px; text-align:center;} #dzen_groups {margin:0 auto} div#print {overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:4px 2px; border-radius:8px; text-align:center; transition: 0.5s linear;} #print img {width:25px; margin:0 5px; float:left} #print a {line-height:25px; font-family:older; font-size:20px; text-decoration:none; color:#630; display:block} #print:hover {background:rgba(255,255,255,0.4); transition: 0.5s linear;} #my_cal {overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:4px 2px; border-radius:8px; text-align:center; transition: 0.5s linear;} #my_cal a {line-height:25px; font-family:older; font-size:20px; text-decoration:none; color:#630; display:block;} #my_cal a span {font-size:16px; color:#700000;} #my_cal:hover {background:rgba(255,255,255,0.4); transition: 0.5s linear;} #link_day {border-top:1px dotted #701010;padding-top:10px; font-family:older;color:#630;} #link_day a {font-size:18px!important;line-height:25px!important; color:#e30; padding-top:7px} #link_day a:hover {color:#630; text-decoration:underline} /*поиск по сайту*/ #search {overflow:hidden; width:230px; margin:10px auto 5px auto;box-shadow:1px 1px 5px #630; background-color:rgba(204,180,138,0.1); padding:5px; border-radius:8px; text-align:center; transition: 0.5s linear;} #top_search {display:none;} /* Footer -----------------------------------------------------------------------------*/ footer {height:; box-shadow:-1px -1px 4px #630; padding:4px 8px; margin-top:10px} p#footer_topik {color:#630; text-align:center; font-family:Kurale-Regular; font-size:16px; font-weight:bold} #footer_topik a {color:#630; text-decoration:none;} footer p {color:#731; text-align:center; font-family:Kurale-Regular; font-size:15px;} .footer_block { display:inline} footer p a {color:#731; text-align:center; font-family:Kurale-Regular; font-size:15px;} /* New Menu Items on page -----------------------------------------------------------------------------*/ /*новое основное меню полного отображения разделов с коррекцией под все мониторы и телефоны*/ #item a { text-decoration:none; display:block; border:3px #730 double; border-radius:55px 30px 30px 55px; margin:7px auto;transition: all 0.4s ease-out;} #item a:hover {background:rgba(255,255,255,0.5);transition: all 0.4s ease-out;} #item a img{ width:100px; border-radius:50px; vertical-align:middle; margin:5px} #item p {text-align:center; display:inline; margin-left:6%; font-family:older; font-size:28px; font-weight:bold} /*сжимаем под узкие пк с возвратом при уходе бокового блока*/ @media only screen and (max-width: 840px) and (min-width: 780px){ #item a {border-radius:29px 20px 20px 29px;} #item a img{ width:50px; border-radius:25px; margin:4px} #item p {text-align:center; display:inline; margin-left:15px; font-family:older; font-size:23px; font-weight:bold} } /*сжимаем под безбоковой вариант с узким отображением*/ @media only screen and (max-width: 590px) and (min-width: 470px){ #item a {border-radius:29px 20px 20px 29px;} #item a img{ width:50px; border-radius:25px; margin:4px} #item p {text-align:center; display:inline; margin-left:15px; font-family:older; font-size:23px; font-weight:bold} } /*под мелкие экраны, без картинки*/ @media only screen and (max-width: 470px){ #item a {text-align:center; border-radius:15px;} #item a img{ display:none;} #item p {display:inline; font-size:20px;} } /* style content -----------------------------------------------------------------------------*/ /* базовая стилистика тегов */ .content {font-family:"Times New Roman", Times, serif; font-size:20px; line-height:24px;} .content p{text-indent:30px; padding-bottom:7px; text-align:justify} h1 {font-family:older; text-align:center; color:#763300; font-weight:bold; font-size:23pt; line-height:24pt; padding-bottom:8px; padding-top:8px; text-shadow:1px 1px 1px #963;} h2 {font-family: "Times New Roman", Times, serif; text-align:center; color:#553200; font-weight:bold; font-size:20pt; line-height:21pt; padding-bottom:8px; padding-top:8px} h3 {font-family:"Times New Roman", Times, serif; text-align:center; color:#663300; font-weight:bold; font-size:17pt; line-height:18pt; padding-bottom:6px; padding-top:6px; width:80%; margin:0 auto; font-style:italic; font-weight:bold} h4 {font-family: "Times New Roman", Times, serif; text-align:center; color:#794613; font-weight:bold; font-size:15pt; line-height:17pt; padding-bottom:6px; padding-top:6px; width:80%; margin:0 auto} h5 {font-family: "Courier New", Courier, monospace; text-align:left; color:#663300; font-weight:bold; font-size:15px; line-height:16px; padding-bottom:8px; padding-top:8px; width:85%; clear:both; margin-left:30px; border-top:1px #630 dotted; margin-bottom:8px} h5:before {content:url('logonav.png'); padding:4px 20px 2px 0; float:left} h6 {font-family: Kurale-Regular; text-align:right; color:#662300; font-weight:bold; font-size:16px; line-height:17px; width:60%; margin:8px 16px 10px auto; border-top:1px #763300 dotted; padding-top:4px; font-weight:normal;} .redtext {color:red} /*комментарии в богослужебных текстах, заголовки малых разделов*/ .oldtext {font-family:older!important;} .number_stih {font-family: "Courier New", Courier, monospace!important; color:#711111; font-size:15px; font-weight:bold;letter-spacing:-1px;} /* переопределение стилей текста */ /* цитаты в тексте */ tt { font-family:"Times New Roman", Times, serif; display:block; color:#730; border:1px #730 dotted; margin:8px 17px; padding:7px 30px 10px 32px; text-indent:0px; background:rgba(255,255,255,0.2)} tt:before {content:'«'; font-size:45px; float:left; margin-left:-28px; margin-top:-7px} /* важное в тексте */ em {color:#f00} strong em {color:#733300!important} em strong {color:#733300!important} strong {font-weight:bold; color:#733300} /* красная первая буква в текстах молитв */ p.bukva:first-letter {color:red; font-weight:bold} /* выделение текста молитв в обычном тексте*/ .text_molitv {width:90%; margin:10px auto; padding:10px; box-shadow:1px 1px 8px 2px #742;color:#520;} .text_molitv:before {content:url(logotext.png);padding:4px 20px 2px 0; float:left} .text_molitv p:first-letter {color:red; font-weight:bold; } .text_molitv p:first-child {text-indent:0px!important} /* эпиграф */ p.righttext {text-align:right; width:50%; margin:0 15px 0 auto; color:#730;} /* ссылки в текстовых блоках */ /* единичная ссылка */ .content a {color:#631} .content a:hover {text-decoration:none; color:#700} /* блок ссылок */ p.links {text-align:center;} /*выравнивает текст по центру через шарепоинт*/ .links {text-align:center;} .links a {display:block; margin:1px 15%; padding:5px} .links a:hover {background:linear-gradient(to left, rgba(237,225,209,1), rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(237,225,209,1));} /* блок ссылок с указателем (основной) */ .alfavit_links { border-left:1px #630 dotted; margin:0px 15% 10px 40px; padding-top:5px} .alfavit_links a {display:block; padding:5px 10px; color:#693300; text-decoration:none;} .alfavit_links a:hover {color:#730; background:linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.6), rgba(255,255,255,0));} .alfavit_links a:first-letter {color:#831; font-weight:bold} .alfavit {font-size:40px; margin:10px 15% 0px 40px; font-family:older; font-weight:bold; color:#663300; text-shadow:2px 2px 3px #999; border-bottom:1px #630 dotted; line-height:25px} .title_links {font-family:older; font-weight:bold; color:#663300; border-bottom:1px #630 dotted; margin:10px 15% 0px 40px; font-size:22px; text-shadow:1px 1px 2px #999; line-height:20px; text-align:left} .title_links span {color:#800; font-size:16px; line-height:16px} /*крон ссылки на индекс страницах на большом экране*/ .kron_links {display:none} /* картинки в тексте */ .img_left{float:left; margin:6px 8px 4px 0; text-indent:0px;} .img_right {float:right; margin-left:10px; margin-bottom:5px; margin-right:7px;} .img_center_width { text-align:center;margin-bottom:6px; margin-top:6px;text-indent:0px;} /*картинки икон святых в тексте с цитатами, круглые*/ .img_ikoni_v_texteL {float:left; width:120px; height:120px; border-radius:70px; overflow:hidden; box-shadow:0px 0px 15px #630; margin-right:10px;} .img_ikoni_v_texteL img {width:120px;} .img_ikoni_v_texteR {float:right; width:120px; border-radius:70px; overflow:hidden; box-shadow:0px 0px 15px #630; margin-left:10px} .img_ikoni_v_texteR img {width:120px} /* церковнославянский шрифт, например евангелие */ .ucsfont {font-family:ucsfont; line-height:30px} .ucsfont .sup_number {color:#c11; vertical-align:super; font-size:14px; font-weight:bold; line-height:16px; font-family:"Times New Roman", Times, serif !important} /*номера стихов*/ .ucsfont .sup_number_cs {color:#c11; vertical-align:super; font-size:14px; font-weight:bold; line-height:16px;} /*номера стихов на славянском*/ .ucsfont em { font-style:normal!important;} /* маркированные списки и таблицы */ .listing li {list-style-image:url('li_img.png'); list-style-position:inside} .listing li ul li { list-style:outside none; margin-left:45px} .tableMARKER ul {list-style-type:none;} table.tableMARKER {border:1px #630 solid} .tableMARKER th { color:#630; font-weight:bold; text-align:center; border:1px #741 solid; background: rgba(255,255,255,0.4); padding:3px} .tableMARKER td {font-size:18px;border:1px #963 dotted; padding:3px 5px; text-align:center;} .tableMARKER {background: rgba(255,255,255,0.4)} .tableMARKER a {transition: all 0.6s ease-out; display:block} .tableMARKER a:hover {background:rgba(255,255,255,0.8);transition: all 0.6s ease-out;} hr {color:#630; border:1px #630 solid; width:60%; margin:10px auto 7px} /* Главная страница КНИГИ */ .index_book { text-align:center} .index_book a {margin:5px; vertical-align:middle; text-align:center; /*float:left;*/ width:200px; height:220px; border:3px #742 double; border-radius:15px; padding:5px 10px; text-decoration:none; display:inline-block; transition: all 0.4s ease-out; } .index_book a:hover { background:rgba(255,255,255,0.5);transition: all 0.4s ease-out; } .index_book a {transition: all 0.4s ease-out; } .index_book h4 {font-size:0.85em} /* Каноны по месяцам блоки месяцев */ .knigi_index {margin:0 auto;display:block; width:95%; min-height:160px; border:3px #742 double; border-radius:15px; padding:5px 10px} .knigi_index a {text-decoration:none; display:block;transition: all 0.4s ease-out; } div.knigi_index:hover { background:rgba(255,255,255,0.5);transition: all 0.4s ease-out; } div.knigi_index {transition: all 0.4s ease-out; } /* Календарь + жития */ .days {font-size:17px;} h4>a {color:red!important; font-size:small;} h4>a:before {content:'►'} /* Раскрывающиеся списки на details+summary */ details.skr_text {margin-left:35px;} .skr_text summary {color:#631; cursor:pointer; margin-bottom:10px} .skr_text summary:hover {text-decoration:underline; color:red} /*/////////////////////////////////////////////////////////////////////////////////// //////////////// под новую рекламу //////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////*/ /*верхний блок из плитки по 240(250) на четыре ячейки с уменьшением*/ #top_reklama {width:968px; height:400px; margin:0 auto; overflow:hidden;} #rt1,#rt2,#rt3,#rt4 {width:240px;height:400px;float:left;} @media only screen and (max-width: 1250px) and (min-width: 1010px){ #rt4 {display:none} #top_reklama {width:726px} } @media only screen and (max-width: 1009px) and (min-width: 780px){ #rt3,#rt4 {display:none} #top_reklama {width:484px} } @media only screen and (max-width: 779px) and (min-width: 730px){ #rt4 {display:none} #top_reklama {width:726px} } @media only screen and (max-width: 729px) and (min-width: 500px){ #rt3,#rt4 {display:none} #top_reklama {width:484px} } @media only screen and (max-width: 499px) and (min-width: 200px){ #rt2,#rt3,#rt4 {display:none} #top_reklama {width:244px} } /*@media only screen and (max-width: 399px) and (min-width: 200px){ rt2,#rt3,#rt4 {display:none} #top_reklama {width:240px} } */ /*//////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////*/ /* стили в разделах -----------------------------------------------------------------------------*/ /*--------------------------------------------------- +++++++++++++++++++++++++++++++++++++++++++++++++++++ -----------------------------------------------------*/ /* Заупокойный раздел */ .sup_number {color:#900; vertical-align:super; font-size:small; line-height:10px} /*номера стихов в псалитри и везде*/ /*кнопки перехода в кафизмах*/ .knopki {width:300px; margin:0 auto; text-align:center; overflow:hidden; border-radius: 20px 0; background: rgba(10,10,10,0.05); box-shadow:2px 2px 7px #630; margin-bottom:5px; font-size:17px!important; line-height:20px!important;} .knopki a {padding:6px; border-left:1px #630 dotted; text-decoration:none} .knopki a:first-child {border:none} .knopki a:hover {background:rgba(255,255,255,0.6)} /* Канонник */ .text_kanona p:first-letter{color:red; font-weight:bold} .text_kanona u {text-decoration:none; color:red; /*font-weight:bold*/} /*///////////////////АКАФИСТНИК////////////////////////*/ .comm {text-align:center; font-style:italic; font-weight:bold; color:#630} /*///////////////////END АКАФИСТНИК////////////////////////*/ /* ///////////////Псалтирь селекторы/////////////////// */ .rus_psalmi a {display:block;text-decoration:none;font-weight:bold; text-align:center; transition: all 0.4s ease-out;} .rus_psalmi a:hover { background:rgba(255,255,255,0.8); transition: all 0.4s ease-out;} /* on-line block */ .kafiz em{ color:red; font-size:10pt; vertical-align:super;} .kafiz sup{ color:red; font-size:10pt; vertical-align:super;} .kafiz strong{ color:red; font-size:13pt;} /*страница скачать файл*/ .dwnload a {font-family:older; display:inline-block; padding:5px 8px 5px 9px; margin:5px 0 15px 0; text-decoration:none; background:linear-gradient(to top, rgba(204,180,138,1), rgba(204,180,138,0), rgba(204,180,138,1)); color:#630!important; font-size:23px; font-weight:bolder;transition: all 0.4s ease-out;} .dwnload a:hover {background-color: rgb(204,180,138); transition: all 0.4s ease-out;} table.psalom {width:100%; border:none; border-collapse:collapse} table.psalom td:first-child {border:none; border-right:1px #630 solid;} table.psalom td:last-child {border:none;} td.lm {width:40%; font-size:11pt!important; line-height:12pt!important; vertical-align:middle; padding:2px 2px 3px 8px!important; font-family:"Times New Roman", Times, serif!important} td.lm p {text-indent:0px!important} .n {font-size:9pt; color:red; font-weight:bold; vertical-align:super} table.psalom td {font-family:older; font-size:16pt; line-height:17pt; vertical-align:middle; padding: 2px 8px 3px 2px} table.psalom h3:first-letter {color:red;} /* ///////////////Конец Псалтирь селекторы/////////////////// */ /* Большие квадраты букв алфавита в тропарионе */ .bukva_links { text-align:center; display:block;} .bukva_links a {font-size:100px; font-family:older; line-height:100px; margin:5px; text-align:center; width:100px; height:110px; border:3px #742 double; border-radius:15px; padding:5px 10px; text-decoration:none; transition: all 0.4s ease-out; display: inline-block;} .bukva_links a:hover { background:rgba(255,255,255,0.5);transition: all 0.4s ease-out; } .bukva_links a {transition: all 0.4s ease-out; } .chti { margin:10px 40px; border-left:1px dotted #630; padding-left:10px; font-size:13pt} .chti p:first-letter{color:red; font-weight:bold;} .chti:before {content:'Чти:'; color:red; font-weight:bold; font-family:older} .textMARKER { width:90%; margin:10px auto; padding:10px; box-shadow:2px 2px 7px 2px #520; color:#630} .center {text-align:center} .new:after {content:'new';color:red; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:13px; vertical-align: super;text-decoration: underline; margin-left:5px} /*//////////////////////////////////////////////////////////// /////////////////селекторы в разделах///////////////////////// ////////////////////////////////////////////////////////////*/ p.text_right {text-align:right; padding-right:15px; text-indent:0!important; font-size:12pt} .img_left_rad img {border-radius:75px; overflow:hidden; margin-right:15px; width:150px} .img_right_rad img {border-radius:75px; overflow:hidden; margin-left:15px; width:150px} .scroll {overflow-x:scroll} .mnogo_ssilok {width:70%; text-align:center; border:none; margin:0 auto} .mnogo_ssilok td {vertical-align: text-top; border:none} table.mnogo_ssilok a {transition: all 0.6s ease-out;} table.mnogo_ssilok a:hover {background:rgba(255,255,255,0.6);transition: all 0.6s ease-out;} .text_style_2, .coment_00 {color:#963; font-size:18px; font-weight:bold; font-style:italic} .text_style_4 {color:#630; font-weight:bold;} .coment {font-family:"Courier New", Courier, monospace; font-size:13pt; border-left:3px double #630; margin:5px 15px 3px 0px; padding-left:10px;} .bann_desk {display:block;} .bann_mobil {display:none;} /*//////////////////////////////////////////////////////////// ///////////// ПЕЧАТЬ ПЕЧАТЬ ////////////////////// */ @media print { .knopki {display:none!important;} #topBar {display:none!important;} #topik {top:0px; margin-bottom:0px;background-image:none;} #topik table {width:100%; border:none; border-collapse:collapse;} #topik table td {border:none;} #topik .left img{display:none;} #topik .right img{display:none;} td.left, td.right{display:none;} #topik .center img{width:300px;} #topik p {font-size:26px!important; line-height:26px; text-shadow:1px 1px 2px #996633;} /* last topik */ #last-topik {box-shadow:0px 0px 0px 0px #842; margin-bottom:10px; border-radius:0;} #last-topik table {width:100%; border:none; border-collapse:collapse;} #last-topik table td {border:none;} #last-topik td.left {display:none;} #last-topik td.right {display:none;} #last-topik td.center {width:;} #last-topik p {color:#963; font-size:20px!important;; line-height:20px; text-shadow:0px 0px 0px #630;} #Go_Top {display:none!important; width:1px; height:1px} .content { padding: 0 10px 0 20px;} #zoom {display:none} aside {display:none} footer {display:none} html {background-image:none; background:white!important} /*рекламные блоки не печатать*/ .reklama_all {display:none!important;} } /*//////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////*/ /* убавляем меню, чтоб влезло до 920 пикселей */ @media only screen and (max-width: 1150px) and (min-width: 920px){ /*Блок меню горизонтальное без скриптовое*/ #topBar {height:32px;} .menu a {padding:3px 5px; font-size: 16px;} .menu > ul > li > a { height:26px;} .submenu li a {line-height:17px; font-size:15px;padding:5px 3px;} .submenu-link:after {margin-left: 3px; font-size:14px} /* topik */ #topik {top:32px;margin-bottom:32px;} } /* убавляем меню и шапку, чтоб влезло до 780 пикселей */ @media only screen and (max-width: 920px) and (min-width: 780px){ /*Блок меню горизонтальное без скриптовое*/ #topBar {height:26px;} .menu a {padding:2px 4px; font-size: 13px;} .menu > ul > li > a { height:24px;} .submenu li a {line-height:16px; font-size:14px;padding:4px 2px;} .submenu-link:after {margin-left: 3px; font-size:13px} /* topik */ #topik {top:28px;margin-bottom:28px;} #topik table {width:100%; border:none; border-collapse:collapse;} #topik table td {border:none;} #topik .left img{width:120px;} #topik .right img{width:120px;} td.left, td.right{width:120px;} #topik .center img{width:400px;} #topik p {font-size:36px!important;;line-height:36px;} /* last topik */ #last-topik {padding:5px 0; margin-bottom:7px;} #last-topik td.left {width:250px;} #last-topik td.right {width:250px; padding-right:10px} #last-topik p {font-size:28px!important;; line-height:28px;text-shadow:1px 1px 1px #630;} } /* под самые маленькие */ @media only screen and (max-width: 440px){ #topik p {font-size:22px!important;;line-height:22px; margin-top:8px} #last-topik {padding:5px 0 0 0; margin-bottom:7px;} } /* под мобильные устройства, рекламный блок партнера */ @media only screen and (max-width: 540px){ .bann_desk {display:none;} .bann_mobil {display:block;} } /* под мобильные устройства, чтоб влезло до 380 пикселей */ @media only screen and (max-width: 780px){ /* убираем боковой блок */ .middle {width: 100%; position: relative;} .middle:after {display: table; clear: both; content: '';} .container {width: 100%; overflow: hidden;} .content { padding: 0 10px 0 10px;} aside { clear:both; width: 100%!important; margin:0} /* сжимаем шапку */ /* topik */ #topik {top:0px;margin-bottom:0px;} #topik table {width:100%; border:none; border-collapse:collapse;} #topik table td {border:none;} #topik .left img{width:0px;} #topik .right img{width:0px;} td.left, td.right{width:0px;display:none} #topik .center img{width:70%;} #topik p {font-size:28px!important;;line-height:28px; margin-top:7px} /* last topik */ #last-topik {width:100%; padding:5px 0; margin-bottom:7px; box-shadow:none; display:block} #last-topik div.left {text-align:center;width:100%; color:#630; font-weight:bold;font-style:normal;background:linear-gradient(to top, rgba(204,180,138,1), rgba(237,225,209,1), rgba(204,180,138,1));border:1px #974 dotted;} #last-topik div.left img{ display:none} #last-topik p {font-size:24px!important; line-height:30px;text-shadow:0px 0px 1px #630;} #last-topik div.right {text-align:center;width:100%; margin-top:5px;} #last-topik div.right img {width:22px; opacity:0.7;} #last-topik div.right img:hover {opacity:1;} .wrapper {min-width: 300px; max-width: 750px; margin: 0 auto;} /* мобильное меню без внутренних ссылок разделов */ #topBar {position:relative; left:0px; top:0px; height:100%; width:100%;text-align:center; z-index:100; background:transparent; margin-bottom:7px} .menu ul {list-style: none; margin: 0; padding: 0;} .topmenu > li {display: block;} .topmenu > li:last-child {margin-right: 0;} .menu a {display: block; padding:4px 6px; margin:0 13px; text-decoration: none; font-family:Kurale-Regular; transition: 0.5s linear; font-size: 18px; color:#630; font-weight:bold;font-style:normal;background:linear-gradient(to top, rgba(204,180,138,1), rgba(237,225,209,1), rgba(204,180,138,1));border:1px #974 dotted;} .menu > ul > li > a { height:28px;} .menu a:hover {background: rgb(237,225,209); color:#821;border:1px #974 solid;} .submenu {display:none;} .submenu-link:after {display:none;} /* показываем альтернативные кнопки поделиться и помочь */ div#mobil_social {display:block;} div#mobil_help {display:block;} /*блок ссылок в маленьком экране без отступов*/ .links a {margin:1px !important;} /* блок ссылок с указателем (основной) под мелкий экран */ .alfavit_links { margin:0px 4px 10px 8px;} .alfavit {margin:10px 0px 0px 8px; text-align:left} .title_links {margin:10px 0px 0px 8px; text-align:left} /*крон ссылки на индекс страницах на большом экране*/ .kron_links {display:block;width:95%;box-shadow:1px 1px 8px 2px #742; padding:; margin:5px auto 8px auto; border-radius:15px 0; text-align:center; overflow:hidden} .kron_links a {display:block; padding:4px; border-bottom:1px dotted #730; color:#733300; font-weight:bold; font-family:Kurale-Regular; font-size:16px; text-decoration: none;} .kron_links a:last-child {border:none} .kron_links a:hover {background:linear-gradient(to left, rgba(237,225,209,1), rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(237,225,209,1));} /* уменьшаем шрифт таблиц */ .tableMARKER th {font-size:15px; padding:2px} .tableMARKER td {font-size:15px; padding:2px} /*перестроение поиска*/ #search { display:none} #top_search {display: block; margin:10px 15px} } /*//////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////*/