/* pidruchnik.com — усі стилі шаблону study_adaptive в одному файлі. Порядок секцій важливий (каскад): 1) legacy 2) колонки 3) adaptive 4) pidr 5) header + темна тема. */ /* ---------------------------------------------------------------------- КОЛЬОРИ САЙТУ — змінюйте тут, і вони зміняться всюди. ---------------------------------------------------------------------- */ :root{ --brand:#2f5d50; /* основний зелений: кнопки, активні пункти, футер */ --brand-hover:#244a40; /* зелений при наведенні */ --accent:#f46604; /* помаранчевий: посилання, лічильники, логотип */ --accent-hover:#e05a00; /* помаранчевий при наведенні */ } /* ###################################################################### 1. LEGACY — використовувані правила старого шаблону ###################################################################### */ /* legacy.css — потрібні правила зі style.css, styles.css, engine.css, default.css (DLE 15), 01.10.2026 */ /* style.css */ * { margin: 0px; padding: 0px; } body { color: rgb(66, 64, 63); width: 100%; font: 12px / 17px Arial, Tahoma, Helvetica, sans-serif; background: url("../images/bgx.jpg") center top repeat scroll rgb(216, 174, 126); border: 0px; margin: 0px; padding: 0px; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0px 0px 18px; } img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } input { vertical-align: middle; } #wrapper { width: 1000px; margin: 0px auto; padding-top: 10px; } ol, ul { list-style: outside none none; } .bnavi { margin: 0px 3px; } .bnavi li:first-child a { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .bnavi li a { background: url("../images/gwdot.png") 5px 50% no-repeat scroll transparent; border-top: 1px dotted rgb(241, 240, 240); color: rgb(146, 140, 140); display: block; font-size: 12px; padding: 10px 0px 5px 15px; font-weight: bold; } .bnavi li:first-child a { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .bnavi li a:hover { background: url("../images/gdot.png") 5px 50% no-repeat scroll transparent; color: rgb(112, 193, 63); text-decoration: none; } #cssmenu > ul > li.active a { box-shadow: rgb(0, 0, 0) 0px 0px 3px inset; background: linear-gradient(rgb(38, 38, 44) 0%, rgb(7, 7, 7) 100%); } input, select, button { font-family: Cuprum, sans-serif; vertical-align: middle; } .panelx1 { background: url("../images/bg.jpg") center top no-repeat scroll transparent; } #content { background: none 0px 0px repeat scroll rgb(255, 255, 255); padding: 0px 7px; } #primary { width: 678px; } #sidebar { background: none 0px 0px repeat scroll rgb(248, 248, 248); border-radius: 12px 12px 0px 0px; padding: 10px; width: 260px; } .sidebar-narrow { width: 140px; } .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } a { text-decoration: none; } a:hover { text-decoration: underline; } a img { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .entry-meta { margin-bottom: 10px; } .widget { margin-bottom: 30px; } .hentry, .navigation-links, .hfeed, .nav, #featured, .pinglist { margin-bottom: 40px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-size: 22px; line-height: 30px; } h2 { font-size: 20px; line-height: 22px; } h3 { font-size: 16px; line-height: 20px; } .entry-title, .entry-title a { font-size: 22px; line-height: 30px; } #category-blocks { margin-bottom: 20px; } .category-block { width: 300px; } .category-block .post-container { background: url("../images/bg-dots.gif") left bottom repeat-x; padding: 0px 0px 10px; margin: 0px 0px 10px; } .category-block .post-thumb { margin: 0px; padding: 0px; } .category-block .post-thumb img { padding: 4px; background: rgb(248, 248, 248); border: 1px solid rgb(238, 238, 238); float: left; margin: 0px 10px 0px 0px; } .category-block .post-thumb img:hover { background: rgb(51, 51, 51); border-color: rgb(34, 34, 34); } .category-block .entry-title, .category-block .entry-title a { font-size: 13px; line-height: 20px; color: rgb(51, 51, 51); font-weight: bold; } .category-block .entry-title a:hover { text-decoration: none; } .category-block .entry-header { margin: 0px 0px 3px; padding: 0px; } .category-block .entry-header, .category-block .entry-header a { font-size: 10px; text-transform: uppercase; color: rgb(153, 153, 153); } input, textarea, button { background: rgb(255, 255, 255); border: 1px solid rgb(239, 239, 239); } button, input[type="submit"], #mc_signup_submit { padding: 2px 10px; cursor: pointer; } .entry-meta { font-size: 10px; color: rgb(153, 153, 153); text-transform: uppercase; } small { font-size: 11px; } ins { text-decoration: underline; } th, td { vertical-align: middle; } .xoxo, .widget ul { margin: 0px; padding: 0px; list-style-type: none; } .xoxo a, .widget ul li a { color: rgb(51, 51, 51); } .xoxo a:hover, .widget ul li a:hover { text-decoration: none; } .tz_tab_widget #tab-items li a:hover, .tz_tab_widget #tab-items li.ui-tabs-selected a, .tz_tab_widget #tab-items li.ui-state-active a { background: rgb(255, 255, 255); text-decoration: none; border-left: 1px solid rgb(232, 232, 232); border-top: 1px solid rgb(232, 232, 232); border-right: 1px solid rgb(232, 232, 232); } .tz_tab_widget .ui-tabs-hide { display: none; } .tab-comments .avatar { padding: 4px; background: rgb(248, 248, 248); border: 1px solid rgb(238, 238, 238); float: left; margin: 0px 10px 0px 0px; } .tab-comments .avatar:hover { background: rgb(51, 51, 51); border-color: rgb(34, 34, 34); } .tab-comments h3, .tab-comments h3 a { font-size: 12px; line-height: 20px; font-weight: normal; font-style: italic; color: rgb(102, 102, 102); } .tab-comments h3 a:hover { text-decoration: none; color: rgb(51, 51, 51); } .clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } body.ie #commentform div.input-container, body.ie #commentform div.textarea-container, body.ie #contactForm div.input-container, body.ie #contactForm div.textarea-container { overflow: visible; display: inline; padding: 3px; } body.ie #commentform div.input-container { width: 302px; } body.ie #commentform div.textarea-container { width: 452px; } body.ie #commentform div.input-container input { margin: 0px !important; } body.gecko #commentform div.input-container, body.gecko #commentform div.textarea-container, body.gecko #contactForm div.input-container, body.gecko #contactForm div.textarea-container, body.opera #commentform div.input-container, body.opera #commentform div.textarea-container, body.opera #contactForm div.input-container, body.opera #contactForm div.textarea-container { padding: 3px; } #wrapper { width: 1020px; z-index: 1; position: relative; } /* styles.css */ .post-tags { background: url("../images/tag.png") left top no-repeat scroll transparent; clear: both; font: 700 12px / 12px "Open Sans", sans-serif; margin: 10px 0px; padding-left: 22px; } .post-details2 { margin: 20px 0px; } .post-tags a { background: none 0px 0px repeat scroll rgb(170, 170, 170); color: rgb(255, 255, 255); display: inline-block; margin: 0px 2px 8px; padding: 5px; } .post-tags a:visited { color: rgb(255, 255, 255); } .post-tags a:hover { background: none 0px 0px repeat scroll rgb(119, 119, 119); color: rgb(255, 255, 255); text-decoration: none; } #related-posts ul, #related-posts ul li { display: block; } #related-posts ul li { margin: 5px 0px; width: 100%; height: auto; } .related-small { display: block; } #related-posts ul, #related-posts ul li { display: block; } #related-posts ul li { margin: 5px 0px; width: 100%; height: auto; } .related-small { display: block; } #related-posts { float: left; margin: 10px 0px 0px; width: 680px; height: 208px; overflow: hidden; } #related-posts img { transition: 0.3s; } #related-posts img:hover { opacity: 0.85; } #related-posts ul { display: inline; float: left; width: 100%; } #related-posts ul li { display: inline; float: left; margin-left: 12px; width: 160px; height: 164px; } #related-posts ul li:first-child { margin-left: 0px; } #related-posts h3 { border-bottom: 1px dotted rgb(204, 204, 204); font: 700 14px / 14px "Open Sans Condensed", sans-serif; margin-bottom: 10px; margin-top: 20px; padding-bottom: 15px; text-transform: uppercase; } .related-image { float: left; position: relative; width: 160px; height: 144px; overflow: hidden; } .related-text { background: url("../images/featured-bg.png"); float: left; padding: 5px; position: absolute; bottom: 0px; width: 155px; } .related-text a { color: rgb(255, 255, 255); font: 700 12px / 16px "Open Sans Condensed", sans-serif; padding: 0px; text-transform: capitalize; margin: 0px !important; } .related-text a:visited { color: rgb(255, 255, 255); } .related-small { display: none; } .main-headline { color: rgb(255, 255, 255); float: left; font-size: 16px; margin-bottom: 5px; width: 100%; font-weight: bold; } header nav { position: absolute; bottom: 0px; right: 0px; width: 740px; min-height: 50px; } article { margin: 0px 1px; } .comments { background: rgb(255, 255, 255); margin: -2px 1px 0px; } .berrors { background: url("../images/icon-box-error.png") 10px 9px no-repeat scroll rgb(249, 229, 230); border-color: rgb(247, 199, 201); border-style: solid; border-width: 1px 1px 1px 4px; color: rgb(179, 105, 108); display: block; margin-bottom: 30px; padding: 10px 20px 10px 44px; margin-top: 30px; } .berrors b { font-weight: 700; font-size: 13px; } .berrors a { color: rgb(0, 0, 0); } .addcomments { background: rgb(255, 255, 255); margin: 0px 1px; } .addcomments .gbtitle { border-top: 1px solid rgb(230, 230, 230); } .baseform { background: rgb(255, 255, 255); margin: 1px 1px 0px; } .baseform, .mass_comments_action { padding: 1px; } .fieldtr select, .textin, .f_textarea, .xfields textarea, .xprofile textarea, .xfields input, .xprofile input, .xfields select, .xprofile select { padding: 2px; font-family: Cuprum, sans-serif; border: 1px solid rgb(188, 192, 194); } .f_textarea, .editor_button select { padding: 0px; } .textin { padding: 2px; } .navigation2 { padding: 12px 7px 5px 5px; margin: 5px 7px; background-color: rgb(255, 255, 255); background-image: -webkit-linear-gradient(top, rgb(250, 248, 248), rgb(255, 255, 255)); background-repeat: repeat-x; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px inset; border-radius: 7px 7px 0px 0px; } .navigation2 .pages a, .navigation2 .pages span { padding: 1px 5px; color: rgb(155, 155, 127); margin: 0px 2px; border-radius: 8px; } .navigation2 .pages span { background: rgb(237, 238, 236); } .navigation2 .pages a:hover { background: rgb(117, 203, 64); color: rgb(255, 255, 255); text-decoration: none; } .navigation2 .nparrow .prev span { background: url("../images/wbarrow.png") 7px 55% no-repeat scroll rgb(55, 120, 163); border-radius: 8px; color: rgb(255, 255, 255); padding: 3px 10px 2px 20px; text-shadow: rgb(37, 79, 107) 1px 1px 0px; } .navigation2 .nparrow .next a { color: rgb(255, 255, 255); background: url("../images/warrow.png") 93% 55% no-repeat rgb(117, 203, 64); padding: 3px 18px 2px 10px; text-shadow: rgb(97, 169, 53) 1px 1px 0px; text-decoration: none; } .next a { border-radius: 8px; } .archlnk #dle_news_archive_link { text-align: center; padding: 5px 0px 10px; } .archlnk #dle_news_archive_link a { color: rgb(195, 179, 169); font-size: 12px; } .bvote { margin: 8px 8px 0px; padding-bottom: 10px; } .bvote .allvote { background: url("../images/allvote.png") no-repeat; border: 0px; width: 19px; padding-top: 19px; position: absolute; top: 12px; right: 10px; } .bvote .allvote:hover { cursor: pointer; background-position: 100% 0px; } .bvote .vtitle { background: rgb(117, 203, 64); color: rgb(255, 255, 255); text-shadow: rgb(91, 158, 50) 1px 1px 0px; padding: 7px 10px; } .bvote .vlist { margin: 10px 0px 0px; } .bvote .vbtn { margin-top: 5px; border-radius: 6px 6px 0px 0px; } .bvote .vbtn .fbutton { margin: 8px 8px 0px; border-radius: 5px; } .bvote .vbtn .fbutton:hover { color: rgb(234, 53, 121); } #poll_submit { clear: both !important; display: block !important; } .clr::before, .clr::after { clear: both; content: ""; display: block; line-height: 0; } .lcol, .rcol, form { display: inline; } .lcol { float: left; } .rcol { float: right; } input, textarea, input:active, textarea:active, :focus { outline: none medium; } .red { color: rgb(244, 102, 4); } .searchbar, .lastcomm li, .archlnk .archives, .bvote .vtitle, .topnews .gbtitle .rcol, article .ahead h2, .related li a, .online, .offline, .bcomm .bcinfo li, .navigation .pages a, .navigation .pages span, .navigation .nparrow span, .navigation .nparrow a { border-radius: 3px; } .grbtitle h2 { border-bottom: 1px dotted rgb(204, 204, 204); font: 700 14px / 14px "Open Sans Condensed", sans-serif; margin-bottom: 15px; padding-bottom: 15px; text-transform: uppercase; } /* engine.css */ .mass_comments_action { display: none; } #loading-layer { display: none; font-size: 11px; background: rgb(46, 131, 215); padding: 10px; text-align: center; color: rgb(255, 255, 255); } .scriptcode, .title_quote, .quote, .title_spoiler, .text_spoiler { padding: 5px; background: rgb(249, 250, 250); border: 1px solid rgb(220, 231, 231); } .title_quote, .title_spoiler { background: rgb(249, 250, 250); } .scriptcode { color: rgb(0, 78, 141); text-align: left; font-family: "Courier New"; } .title_spoiler { font-weight: bold; } .text_spoiler { border-top: 0px; text-align: justify; } .rating { color: rgb(117, 117, 117); font-size: 11px; font-family: tahoma; width: 85px; height: 16px; } .unit-rating { list-style: none; margin: 0px; padding: 0px; width: 85px; height: 16px; position: relative; background-image: url("../dleimages/rating.png"); background-position: left top; background-repeat: repeat-x; } .unit-rating li { text-indent: -90000px; padding: 0px; margin: 0px; float: left; } .unit-rating li a { display: block; width: 17px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0px; } .unit-rating li a:hover { background-image: url("../dleimages/rating.png"); background-position: left center; z-index: 2; left: 0px; } .unit-rating a.r1-unit { left: 0px; } .unit-rating a.r1-unit:hover { width: 17px; } .unit-rating a.r2-unit { left: 17px; } .unit-rating a.r2-unit:hover { width: 34px; } .unit-rating a.r3-unit { left: 34px; } .unit-rating a.r3-unit:hover { width: 51px; } .unit-rating a.r4-unit { left: 51px; } .unit-rating a.r4-unit:hover { width: 68px; } .unit-rating a.r5-unit { left: 68px; } .unit-rating a.r5-unit:hover { width: 85px; } .unit-rating li.current-rating { background-image: url("../dleimages/rating.png"); background-position: left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1; } .bbcodes, .bbcodes_poll { border-width: 1px; padding: 4px 10px 3px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; background-color: rgb(73, 175, 205); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 8px; } .bbcodes:active, .bbcodes_poll.active { } .bbcodes:hover, .bbcodes_poll:hover { color: rgb(224, 234, 241); cursor: pointer; background-color: rgb(47, 150, 180); } .bbcodes_poll { width: 100px; } .xfields textarea, .xprofile textarea { height: 186px; margin: 0px 1px 0px 0px; padding: 0px; } .xfields input, .xprofile input { width: 250px; height: 14px; padding: 2px; } .xfields_table td { vertical-align: top; } .highslide-wrapper, .highslide-outline { background: rgb(255, 255, 255); } .highslide-image { border: 2px solid rgb(255, 255, 255); } .highslide-active-anchor { visibility: hidden; } .highslide-active-anchor img { visibility: hidden; } .highslide-dimming { background-color: black; } .highslide-html { background-color: white; } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black; } a.highslide-full-expand { background: url("../dleimages/fullexpand.gif") no-repeat; display: block; margin: 0px 10px 10px 0px; width: 34px; height: 34px; } .highslide-display-block { display: block; } .highslide-display-none { display: none; } .highslide-caption { display: none; padding: 5px; background: white; } .highslide-controls { width: 195px; height: 40px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") 0px -90px no-repeat; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0px; padding: 0px; background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif") 100% -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0px; } .highslide-controls a { background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif"); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a span { display: none; } .highslide-controls .highslide-previous a { background-position: 0px 0px; } .highslide-controls .highslide-previous a:hover { background-position: 0px -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0px -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0px; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0px; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0px; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0px; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0px; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0px; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } .ui-widget-overlay { background: rgb(0, 0, 0); opacity: 0.4; left: 0px; position: absolute; top: 0px; } .ui-helper-clearfix::after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-widget-header { color: rgb(42, 42, 42); } .ui-widget-header a { color: rgb(42, 42, 42); } .ui-widget-header .ui-icon { background-image: url("../images/ui-icons.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-color: rgb(219, 20, 61); } .ui-icon-close, .ui-icon-closethick { width: 23px; height: 24px; } .ui-icon-close, .ui-icon-closethick:hover { background-position: 100% 0px; } .ui-dialog { background: rgb(255, 255, 255); border: 1px solid rgb(223, 222, 219); overflow: hidden; padding: 0px; position: absolute; width: 300px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px; } .ui-widget input, .ui-widget textarea { font-family: Verdana; word-spacing: 0.1em; letter-spacing: 0px; line-height: 1.5em; font-size: 11px; color: rgb(0, 0, 0); background: url("../images/fields.png") repeat-x rgb(255, 255, 255); border: 1px solid rgb(188, 192, 194); } .ui-dialog .ui-dialog-titlebar { padding: 10px 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 13px 0.3em 0px; font-weight: bold; } .ui-dialog .ui-dialog-titlebar-close { height: 24px; margin: -10px 0px 0px; padding: 1px; position: absolute; right: 0.3em; top: 15px; width: 23px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; width: 23px; height: 24px; background: url("../images/delete2.png") 0px 0px no-repeat !important; } .ui-dialog .ui-dialog-titlebar-close span:hover { background-position: 100% 0px; } .ui-dialog .ui-dialog-content { background: none; border: 0px; overflow: hidden; padding: 13px 13px 0px; position: relative; zoom: 1; margin-bottom: 13px; } .ui-dialog .ui-dialog-buttonpane { padding: 0px 6px 10px; text-align: left; } .ui-dialog .ui-dialog-buttonpane button { cursor: pointer; float: right; line-height: 1.4em; margin: 0px 1px 0px 10px; overflow: visible; width: auto; } .ui-button { border: 0px; background: none; cursor: pointer; } .ui-button { background-color: rgb(255, 255, 255); background-repeat: repeat-x; border: 0px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.17) 0px 1px 3px; color: rgb(137, 137, 137); font-size: 12px; padding: 4px 10px 3px; } .ui-button:hover { background-position: 0px 5px; } button.ui-button span { cursor: pointer; display: block; } .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-state-error { border: 1px solid rgb(205, 10, 10); color: rgb(205, 10, 10); background: 50% 50% repeat-x rgb(254, 241, 236) !important; } .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width: 1px; } .ui-menu { list-style: none; padding: 2px; margin: 0px; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0px; padding: 0px; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 0.2em 0.4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc { color: rgb(147, 161, 161); font-style: italic; } .voteprogress { overflow: hidden; height: 15px; margin-bottom: 5px; background-color: rgb(247, 247, 247); background-image: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(249, 249, 249)); background-repeat: repeat-x; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; border-radius: 4px; } .voteprogress span { color: rgb(255, 255, 255); text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden; text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; background: -webkit-linear-gradient(top, rgb(20, 155, 223), rgb(4, 128, 190)) repeat-x rgb(14, 144, 210); } .voteprogress .vote2 { background-color: rgb(221, 81, 76); background-image: -webkit-linear-gradient(top, rgb(238, 95, 91), rgb(196, 60, 53)); background-repeat: repeat-x; } .voteprogress .vote3 { background-color: rgb(94, 185, 94); background-image: -webkit-linear-gradient(top, rgb(98, 196, 98), rgb(87, 169, 87)); background-repeat: repeat-x; } .voteprogress .vote4 { background-color: rgb(75, 177, 207); background-image: -webkit-linear-gradient(top, rgb(91, 192, 222), rgb(51, 155, 185)); background-repeat: repeat-x; } .voteprogress .vote5 { background-color: rgb(250, 167, 50); background-image: -webkit-linear-gradient(top, rgb(251, 180, 80), rgb(248, 148, 6)); background-repeat: repeat-x; } .pollprogress { overflow: hidden; height: 18px; margin-bottom: 5px; background-color: rgb(247, 247, 247); background-image: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(249, 249, 249)); background-repeat: repeat-x; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; border-radius: 4px; } .pollprogress span { color: rgb(255, 255, 255); height: 18px; display: block; overflow: hidden; font-size: 12px; text-align: center; text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; background: -webkit-linear-gradient(top, rgb(20, 155, 223), rgb(4, 128, 190)) repeat-x rgb(14, 144, 210); } .pollprogress .poll2 { background-color: rgb(221, 81, 76); background-image: -webkit-linear-gradient(top, rgb(238, 95, 91), rgb(196, 60, 53)); background-repeat: repeat-x; } .pollprogress .poll3 { background-color: rgb(94, 185, 94); background-image: -webkit-linear-gradient(top, rgb(98, 196, 98), rgb(87, 169, 87)); background-repeat: repeat-x; } .pollprogress .poll4 { background-color: rgb(75, 177, 207); background-image: -webkit-linear-gradient(top, rgb(91, 192, 222), rgb(51, 155, 185)); background-repeat: repeat-x; } .pollprogress .poll5 { background-color: rgb(250, 167, 50); background-image: -webkit-linear-gradient(top, rgb(251, 180, 80), rgb(248, 148, 6)); background-repeat: repeat-x; } #b_spoiler { background-image: url("../bbcodes/spoiler.gif"); } .bb-editor textarea { box-sizing: border-box; padding: 2px; border: 1px solid rgb(188, 192, 194); width: 100%; background: url("../images/fields.png") repeat-x rgb(255, 255, 255); } .editorcomm .bb-editor { width: 465px; } .editorcomm .bb-editor textarea { height: 156px; } #marker-bar.show, #txtselect_marker.show { visibility: visible; transition: opacity 0.4s, visibility; opacity: 1; } #share-popup { background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; position: absolute; width: 414px; display: none; z-index: 100; padding: 10px 0px; opacity: 0; transition: opacity 0.4s, visibility 0.1s linear 0.4s; } #share-popup.show { display: block; transition: opacity 0.4s, visibility; opacity: 1; } #share-popup .social { padding: 0px 0px 10px 17px; height: 40px; } #share-popup .social p { padding-bottom: 10px; margin: 0px; font-weight: bold; } #share-popup .social ul { list-style: none; margin: 0px; padding: 0px; } #share-popup .social ul li { float: left; margin-right: 20px; padding-top: 2px; position: relative; } #share-popup .social ul a { text-decoration: none; font-size: 11px; display: inline-block; color: rgb(170, 170, 170); padding-left: 25px; } #share-popup .social ul a:hover { text-decoration: underline; color: rgb(234, 62, 38); } #share-popup .social a span { cursor: pointer; width: 20px; height: 20px; background: url("../dleimages/social-icons.png") 20px 20px no-repeat; position: absolute; left: 0px; top: 0px; } #share-popup .social .tw span { background-position: 0px -20px; } #share-popup .social .tw:hover span { background-position: 0px 0px; } #share-popup .social .fb span { background-position: -20px -20px; } #share-popup .social .fb:hover span { background-position: -20px 0px; } #share-popup .social .vk span { background-position: -40px -20px; } #share-popup .social .vk:hover span { background-position: -40px 0px; } #share-popup .social .gp span { background-position: -60px -20px; } #share-popup .social .gp:hover span { background-position: -60px 0px; } #share-popup .link { clear: both; border-top: 1px solid rgb(217, 217, 217); padding: 10px 5px 0px 10px; line-height: 1.2; overflow: hidden; margin: 0px 7px; } #share-popup .link p { font-weight: bold; padding: 0px 0px 3px; margin: 0px; } #share-popup .link span { color: rgb(153, 153, 153); font-size: 10px; display: block; padding-top: 3px; } #share-popup .link a { display: block; } /* default.css */ .post-entry { background: url("../images/dbl-dott.png") 0px bottom repeat-x scroll transparent; margin: 0px 0px 3px; overflow: hidden; padding: 0px 0px 9px; } .post-entry h2 a { color: rgb(62, 59, 59); } .post-entry h2 { margin: 0px 0px 16px; } .post-info .post-comments { background: url("../images/comments.png") 0px 0px no-repeat scroll transparent; height: 35px; margin: -5px auto 10px; padding: 22px 0px 0px 47px; width: 35px; } .post-info { border-bottom: 1px solid rgb(242, 242, 242); border-top: 1px solid rgb(242, 242, 242); float: left; margin-bottom: 26px; padding: 14px 0px 2px; width: 140px; } .post-body { float: right; width: 500px; } .post-image { border: 1px solid rgb(240, 240, 240); height: 208px; margin: 0px 0px -1px; overflow: hidden; position: relative; } .post-image a { border: 4px solid rgb(255, 255, 255); display: block; height: 200px; overflow: hidden; width: 500px; } .post-details { border-bottom: 1px solid rgb(240, 240, 240); border-top: 1px solid rgb(240, 240, 240); margin: 0px 0px 2px; padding: 13px 0px 11px; } .post-details .post-tags { background: url("../images/tags.png") 0px center no-repeat scroll transparent; padding: 3px 20px 3px 22px; } .post { padding: 1px 0px 8px; } .alignleft, .img-frame.left { float: left; } .goto-post .comments { float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 7px; } table { border-collapse: collapse; border-spacing: 0px; } a, #top-bar a:hover, #logo a:hover, #recent-news-block .entry-title a:hover, #featured-posts-block .entry-title a:hover, .category-block .entry-title a:hover, .category-block-summary .entry-title a:hover, .tz_tweet_widget a:hover, .xoxo a:hover, .tz_tab_widget #tab-items li a:hover, .tz_tab_widget #tab-items li.ui-tabs-selected a, .tz_tab_widget #tab-items li.ui-state-active a, .tz_tab_widget .entry-title a:hover, .widget ul li a:hover, #related-posts .entry-title a:hover, p.breadcrumb, li.bypostauthor cite, li.bypostauthor cite a, li.comment cite a:hover, #archive-posts .post-container .entry-title a:hover, #single-column-right ul.share li a:hover, #single-column-right ul.rss li a:hover, #secondary-nav ul li.current_page_item a, #secondary-nav ul li.current_page_item li a:hover, #secondary-nav ul li.current_menu_item a, #secondary-nav ul li.current_menu_item a:hover { color: rgb(244, 102, 4); } .widget_search #searchsubmit, .tab-tags a:hover, #commentform input#submit, #contactForm button, .coda-nav ul li a.current { color: rgb(249, 156, 28); } /* ###################################################################### 2. КОЛОНКИ (раніше вбудований