/* ============================================================ enhance.css — лоск + мобильная адаптивность + запасная тема. Подключается ПОВЕРХ родного style.css, ничего не переписывая. Палитра взята из оригинала: фон #091e61 (+ images/back1.gif) контейнер #fff акцент #1E84C2 / #0033cc плашки #E4F0F8 / рамки #8fc2e1 шрифт Tahoma, Helvetica, sans-serif ============================================================ */ /* ---------- база ---------- */ html { -webkit-text-size-adjust: 100%; } * { box-sizing: border-box; } img, embed, object, video, iframe, svg { max-width: 100%; height: auto; } body { line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } #content p, #content li, .entry-content p, .post p { line-height: 1.65; } a { transition: color .15s ease; } #content a, .entry-content a { color: #1E84C2; } #content a:hover, .entry-content a:hover { color: #0b5a8a; } img { border-radius: 2px; } /* ---------- адаптив: фикс. 960px делаем «резиновым» ---------- */ @media (max-width: 1000px) { #pageWrapper, #pageHeader, #content, #leftCol, #rightCol, #wrapper, #page, #main, #container { width: auto !important; max-width: 960px !important; float: none !important; } #pageWrapper { margin: 0 auto; } #pageHeader { background-size: cover !important; background-position: top center !important; height: auto !important; min-height: 0 !important; aspect-ratio: 960 / 99; } /* меню в одну гибкую строку */ #mainMenu { display: flex; flex-wrap: wrap; } #mainMenu a { flex: 1 1 auto; text-align: center; } } @media (max-width: 600px) { body { font-size: 15px; } #pageWrapper { border-left: none; border-right: none; } blockquote, blockquote div#bqMain { float: none !important; width: auto !important; height: auto !important; } } /* широкие таблицы не ломают мобилку */ table { max-width: 100%; } @media (max-width: 700px) { #content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } } /* ============================================================ ЗАПАСНАЯ ТЕМА — только для страниц без родного шаблона (например блог FishingReports, чью тему архив не сохранил). Включается классом . Сделана максимально похожей на основной сайт. ============================================================ */ body.wr-fallback { background: url(images/back1.gif) #091e61 repeat-x; font-family: Tahoma, Helvetica, sans-serif; color: #222; margin: 0; } .wr-fallback #wrapper, .wr-fallback #page, .wr-fallback #main, .wr-fallback #content, .wr-fallback #container, .wr-fallback .hfeed { max-width: 960px; margin: 0 auto; background: #fff; padding: 1.25em 1.5em; border: solid 1px #0033cc; border-top: none; border-bottom: none; } .wr-fallback h1, .wr-fallback h2, .wr-fallback h3, .wr-fallback .entry-title, .wr-fallback .post-title { border-top: solid 1px #8fc2e1; border-bottom: solid 1px #8fc2e1; background-color: #E4F0F8; color: #1E84C2; margin: 1em 0 .5em; padding: .15em .35em; font-size: 1.25em; } .wr-fallback .entry-title, .wr-fallback .post-title { font-size: 1.4em; } .wr-fallback p, .wr-fallback li, .wr-fallback td { line-height: 1.7; } .wr-fallback a { color: #1E84C2; } .wr-fallback a:hover { color: #0b5a8a; } .wr-fallback .post, .wr-fallback .hentry, .wr-fallback article { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed #cbd9ea; } .wr-fallback .postmetadata, .wr-fallback .entry-meta, .wr-fallback .meta, .wr-fallback small { color: #6b7a90; font-size: .85em; } .wr-fallback #sidebar, .wr-fallback .sidebar, .wr-fallback #secondary { background: #f4f8fc; border: 1px solid #d6e3f0; padding: .75em 1em; border-radius: 4px; } @media (max-width: 1000px) { .wr-fallback #wrapper, .wr-fallback #page, .wr-fallback #main, .wr-fallback #content { width: auto !important; max-width: 960px !important; } .wr-fallback #sidebar, .wr-fallback .sidebar, .wr-fallback #secondary { float: none !important; width: auto !important; } }