/* =========== © 2016 Centroarts.com =========== */ @import url(../fonts/font.css); /* Сброс */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; } html, html a { -webkit-font-smoothing: antialiased; } .wseditor table, .bb-editor table { margin: 0px; } /* Настройка основной типографии */ body, select, input, textarea, button { font: normal 14px/1.5 GothaPro, Arial, Helvetica, sans-serif; letter-spacing: 0.012em; color: #1a1a1a; outline: none; } ::selection { background: #a6cc1f; /* Safari */ } ::-moz-selection { background: #a6cc1f; /* Firefox */ } a { outline: none; color: #4e8cda; text-decoration: none; } a:hover { text-decoration: none; } a img { border: 0 none; } a > img { vertical-align: bottom; } /* Заголовки H1-6 */ h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 { margin: 2em 0 .8em 0; letter-spacing: -0.01em; line-height: 1.35em; font-weight: bold; text-rendering: optimizeLegibility; } h1, .h1 { font-size: 1.6em; } h2, .h2 { font-size: 1.5em; } h3, .h3 { font-size: 1.3em; } h4, .h4 { font-size: 1.1em; } h5, .h5 { font-size: 1.1em; } /* Частые стили */ .strike { text-decoration: line-through; } .nobr { white-space: nowrap; } .hide { display: none; } .title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; } .uline { text-decoration: underline; } .strike { text-decoration: line-through; } .justify { text-align: justify; } .center { text-align: center; } .left { float: left; } .right { float: right; } fieldset { border: 1px solid rgba(0,0,0,0.1); padding: 15px; margin-bottom: 1.5em; } fieldset legend { font-weight: bold; } .grey { color: #999; } .grey a { color: inherit; } .grey a:hover { color: #1a1a1a; } .green { color: #95c00e; } sup { vertical-align: super; font-size: smaller; } .over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } a .over { cursor: pointer; } .cover { background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; border-radius: 50%; display: block;} /* Настройка других элементов */ ul { padding-left: 25px; list-style: disc outside; } ol { padding-left: 25px; list-style: decimal outside; } p,dl,dd,pre,ul,ol,blockquote,table,fieldset { margin-bottom: 1.5em; } b { font-weight: bold } strong, em, cite, i { font-style: italic } caption { text-align: left } /*th, td { vertical-align: middle }*/ small, .small { font-size: .9em; } hr { height: 0; border: 0; border-top: 2px solid #eeeeef; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; } .clr { clear: both } .clrfix:after { clear: both; content: ""; display: table; } /* --- Деление на колонки --- */ @media only screen and (min-width: 701px) { .grid_1_2, .grid_1_4 { float: left; margin-right: 4%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_1_2 { width: 48%; } .grid_1_4 { width: 22%; } .grid_last { margin-right: 0; } } /* Expand & Collapse */ .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { overflow: hidden; height: 0; width: 0; display: inline-block; } .collapse.in { display: block; width: auto; height: auto; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } /* --- Работа вкладок --- */ .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } /* --- Иконки --- */ .icon { width: 32px; height: 32px; fill: #1a1a1a; vertical-align: middle; } .icon-logo { width: 40px; height: 40px; } .icon-vk { width: 10px; height: 1em; } .icon-tw { width: 14px; height: 1em; } .icon-fb { width: 8px; height: 1em; } .icon-gp { width: 18px; height: 1em; } .icon-ya { width: 7px; height: 1em; } .icon-od { width: 10px; height: 1em; } .icon-mail { width: 16px; height: 1em; } .icon-coms { width: 17px; height: 16px; } .icon-view { width: 17px; height: 15px; } .icon-author { width: 13px; height: 14px; } .icon-reply { width: 17px; height: 15px; } .icon-quote { width: 17px; height: 15px; } .icon-compl { width: 17px; height: 9px; } .icon-del { width: 13px; height: 13px; } .icon-warned { width: 15px; height: 15px; } .icon-loc, .icon-phone { width: 21px; height: 27px; } .icon-login { width: 34px; height: 38px; } .icon-login_m, .icon-sort_m { width: 24px; height: 26px; } .icon-sort { width: 30px; height: 31px; } .icon-arrow_left, .icon-arrow_right { width: 12px; height: 21px; } .icon-left, .icon-right { width: 36px; height: 21px; } .icon-liked, .icon-disliked { width: 20px; height: 20px; } .posts18 {top: 30px; left: 10px; padding: 5px 10px; position: absolute;} .icon18 { display: inline-block; width: 100px; height: 100px; fill: #1a1a1a; vertical-align: middle; } /* --- Базовые слои --- */ body { background: #eee; } .wrp { width: 1100px; padding: 0px; margin: 0 auto; } /* --- Структура --- */ .body { background-color: #fff; border-radius: 8px; overflow: hidden; padding-left: 80px; position: relative; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.11), 0 0 35px 0 rgba(0,0,0,0.06); -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.11), 0 0 35px 0 rgba(0,0,0,0.06); } #body_left { width: 80px; position: absolute; top: 0; left: 0; bottom: 0; } #body_left:before { content: ""; position: absolute; top: 0; right: 0; width: 13px; height: 100%; border-right: 1px solid rgba(0,0,0,0.06); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 100%); } .body_right { width: 100%; } .structure:after { clear: both; content: ""; display: table; } .structure { width: 100%; } .str_right { float: right; width: 36%; } .str_left { float: left; width: 64%; } /* --- Шапка сайта --- */ .body_left_in { position: relative; z-index: 21; } @media only screen and (min-width: 701px) { .headfix #header, .headfix .greenmenu { position: fixed; top: 0; } } /* Логотип */ .logotype > .icon { opacity: 1 !important; } .logotype > .icon, .login > .avatar { width: 50px; height: 50px; margin: 15px 0 0 0; } /* Кнопки в шапке */ .h_btn, .logotype { display: block; width: 80px; height: 80px; text-align: center; border: 0 none; background: none; cursor: pointer; padding: 0; box-shadow: 0 1px 0 0 rgba(255,255,255,0.6), inset 0 -1px 0 0 rgba(0,0,0,0.06); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.6), inset 0 -1px 0 0 rgba(0,0,0,0.06); } .h_btn > .icon, .h_btn > .menu_toggle { opacity: .4; } .h_btn:hover > .icon, .h_btn:hover > .menu_toggle { opacity: 1; } /* Авторизация */ .login, .loginpane { position: relative; } .login > .avatar { position: relative; } .h_btn { position: relative; } .h_btn.open { background-color: #95c00e; z-index: 21; } .h_btn > .icon_close, .h_btn > .avatar, .h_btn.open > .icon { -webkit-transition: all .2s ease; transition: all 0.2s ease; } .h_btn > .icon_close { position: absolute; left: 0; top: 0; margin: 20px 0 0 20px; } .h_btn > .icon_close > i { background-color: #fff; } .h_btn > .icon_close, .h_btn.open > .avatar, .h_btn.open > .icon, .h_btn.open > .icon { opacity: 0; visibility: hidden; -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); } .h_btn.open > .icon_close { opacity: 1; visibility: visible; -webkit-transform: scale(1,1); transform: scale(1,1); } .login > .avatar > .cover { width: 50px; height: 50px; } .pmnum_0 > .num { display: none; } .num { background: #95c00e; color: #fff; font-weight: bold; height: 12px; line-height: 11px; min-width: 8px; padding: 1px 3px; display: inline-block; vertical-align: top; margin-top: -6px; text-align: center; font-size: 9px; border-radius: 7px; } .pmnum_0 > .num-news { display: none; } .num-news { background: #95c00e; color: #fff; font-weight: bold; height: 12px; line-height: 11px; min-width: 8px; padding: 1px 3px; display: inline-block; vertical-align: top; margin-top: -6px; text-align: center; font-size: 9px; border-radius: 7px; } .login > .icon-login { margin-top: 20px; } /* Всплывающее окно */ .head_drop { position: absolute; left: 0; top: 0; width: 290px !important; margin-left: 80px; z-index: 9999; display: none; background-color: #95c00e; color: #fff; box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); } .head_drop a { color: inherit; } .head_drop .hd_pad { padding: 25px; } .loginbtn_open #login_drop { display: block; } /* Форма входа */ .login_form > ul { list-style: none; padding: 0; margin: 5px; } .login_form > ul > li, .login_form .soc_links { margin-bottom: 20px; } .login_form > ul > li > input { border-color: #fff; } .login_form .soc_links > a { background-color: #1a1a1a; } .login_form__foot { text-align: left; margin-top: 20px; } /* Панель пользователя */ .login_pane__info { text-align: center; } .login_pane__info .name { font-size: 1.2em; } .login_pane__info .avatar { display: block; margin: 12px auto; } .login_pane__info .avatar .cover { border: 5px solid #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); } .login_pane__menu { list-style: none; padding: 0; margin: 25px 0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2); } .login_pane__menu li a { color: inherit; text-decoration: none !important; padding: 7px 0; display: block; border-top: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); } .login_pane__menu li a:hover { color: #fff; } .login_pane__foot { text-align: left; } .login_pane__foot .plus_icon { margin: -3px 5px 0 0; } .login_pane__foot .plus_icon > span:before, .login_pane__foot .plus_icon > span:after { background-color: #fff; } /* Сортировка новостей */ #sort { position: relative; } .sortbtn_open #sort_drop { display: block; } .sort { list-style: none; padding: 0; margin: 0; } .sort_label { text-transform: uppercase; margin-bottom: 25px; display: block; } .sort > li a { display: block; padding: 14px 0; border-top: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); } .sort > li a:hover { color: #fff; } .sort > li.asc a:after, .sort > li.desc a:after { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA4CAMAAADU8BjBAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA8AMPk52hmo2p7JHuhPneiAX0CoF3btuv+lnAWwAAANZJREFUOMvd1EkWgyAQBNBSEg1gnDL2/S+aKE3qmZYLWAt49F9SAGaKoYsT9hLlm3GXwkJhl2TNwakGcGur4fFP99C/HdrlHDeUZh6VqCllkR5DmpxISWTGQ9SUssgVOGVL21l0B9QYCs0IzQjNCM0IzQiNYoxici4Kbm1XKrZrqjDWe1J7vQErjay5FIRmhGaEZoVGMUaxRrFGietaedqYu+US1dme6FSghGwDepUfZQvwKiS1Fq6ZX0+AtNilm72DhsSnVyAchqZ+ocFC/i7uhc5vi/0BLrc3Rm37p04AAAAASUVORK5CYII=); float: right; margin: 4px 0 0 .4em; width: 13px; height: 14px; background-position: 0 -14px; -webkit-background-size: 13px auto; background-size: 13px auto; } .sort > li.asc a:after { background-position: 0 0; } /* Кнопка наверх */ #upper { position: absolute; left: 0; width: 80px; height: 80px; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.6), inset 0 1px 0 0 rgba(0,0,0,0.06); -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.6), inset 0 1px 0 0 rgba(0,0,0,0.06); cursor: pointer; } #upper .icon { width: 20px; height: 32px; fill: #a9a9a9; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -10px; } #upper:hover .icon { fill: #1a1a1a; } /* --- Меню --- */ #menubtn { text-transform: lowercase; white-space: nowrap; border: 0 none; background-color: transparent; color: #fff; padding: 20px; text-align: center; } #menubtn > *, #menubtn { cursor: pointer; } .menu_toggle, .icon_close { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: 0; position: relative; } .menu_toggle > i, .icon_close > i { height: 3px; width: 100%; background-color: #1a1a1a; border-radius: 2px; position: absolute; left: 0; top: 0; -webkit-transition: all ease .3s; transition: all ease .3s; } .mt_1 { margin-top: 9px; } .mt_2 { margin-top: 18px; } .mt_3 { margin-top: 27px; } .menu_toggle__title { display: none; } #menubtn.open .mt_1, .icon_close > i.mt_1 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #menubtn.open .mt_2 { opacity: 0; } #menubtn.open .mt_3, .icon_close > i.mt_2 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #menubtn.open .mt_1, #menubtn.open .mt_2, #menubtn.open .mt_3, .icon_close > i { margin-top: 18px; } #menubtn.open { background: #95c00e; } #menubtn.open .menu_toggle { opacity: 1 !important; } #menubtn.open i { background-color: #fff; } /* Всплывающее меню */ #menu, .greenmenu { width: 220px; } #menu { display: none; position: absolute; left: 0; top: 0; z-index: 99; height: 100%; margin-left: 80px; background: #95c00e; box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .menubtn_open #menu { display: block; } .greenmenu { margin-top: 80px; } .menu { padding: 15px 0; } .menu > a { display: block; padding: 5px 20px; text-decoration: none !important; color: #fff; opacity: .7; } .menu > a:hover { opacity: 1; } .menu > a.active { opacity: 1 !important; cursor: default; padding-right: 35px; position: relative; } .menu > a.active:before { content: ""; position: absolute; right: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; margin: .6em 25px 0 0; background-color: #fff; } /* Поиск */ #q_search { position: absolute; /*left: 0;*/ top: 0; width: 100%; margin-top: 40px; } .q_search > input { width: 100%; height: 40px; line-height: 24px; /* padding: 28px 68px 28px 25px;*/ border-radius: 0; /* background: #95C00E !important; color: #fff !important; */ display: block; border: 0 none; box-shadow: 0 1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.06); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.06); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .q_search input::-webkit-input-placeholder { color: #fff; } .q_search > .q_search_btn { width: 40px; height: 40px; padding: 0; position: absolute; right: 0; top: 0; /* margin: 40px 14px 0 0;*/ background: none; border: 0 none; cursor: pointer; opacity: .7; } .q_search_btn > .icon { fill: #b3b3b3; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px; width: 18px; height: 18px; } .q_search_btn:hover { opacity: 1; } /* --- Футер --- */ #footer { border-top: 1px solid #e7e7e7; padding: 50px 0; } /* Меню в футере */ .foot_menu { list-style: none; padding: 0 0 0 50px; margin: 0 0 50px 0; } .foot_menu:after, .foot:after, .footer:after { clear: both; display: table; content: ""; } .foot_menu > li { float: left; width: 25%; padding-right: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .foot_menu > li > b { display: block; margin-bottom: 1em; text-transform: uppercase; } .foot_menu > li > b > i { display: none; } .foot_menu > li nav > a { color: #999; display: block; padding: .2em 0; text-decoration: none !important; } .foot_menu > li nav > a:hover { color: inherit; } @media only screen and (min-width: 991px) { .foot_menu > li > div { display: block !important; height: auto !important; width: auto !important; } } /* Копирайты */ .footer { padding: 0 50px; font-size: .9em; float: left; } .copyright { float: left; } /* CENTROARTS */ .ca { float: right; white-space: nowrap; } a.ca * { cursor: pointer; } .ca > span { width: 40px; height: 40px; float: left; background-color: #e7e7e7; border-radius: 50%; margin-right: 15px; -webkit-transition: background-color ease .7s; transition: background-color ease .7s; } .ca:hover > span { background-color: #1a1a1a; } .ca > span > .icon { fill: #fff; width: 25px; height: 14px; margin: 13px 0 0 9px; } .ca > div { float: left; } .ca > div > b { display: block; text-transform: uppercase; } .ca > .icon { margin: -.2em .8em 0 0; width: 30px; height: 17px; fill: #cbcbcb; } .ca:hover > .icon { fill: #838383; } /* Нижняя часть шаблона */ .foot { padding: 0 50px; font-size: .9em; float: right; } .counters { list-style: none; margin: 0; padding: 0; float: right; } .counters > li { float: left; margin-left: 8px; opacity: .5; height: 31px; } .counters > li:first-child { margin-left: 0; } .counters > li:hover { opacity: 1; } /* Мы в Соц.сетях */ .soc_links { float: left; display: flex; justify-content: space-between; z-index: 99999; } .soc_links > .title { text-transform: uppercase; padding: 7px 0; margin-right: 25px; } .soc_links > a { display: inline-block; width: 31px; height: 31px; line-height: 31px; border-radius: 50%; background-color: #ddd; text-align: center; margin-left: 8px; -webkit-transition: all ease .1s; transition: all ease .1s; } .soc_links > a:hover { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -3px 0 0 0; } .soc_vk:hover { background-color: #5486ca; } .soc_tw:hover { background-color: #60bbf5; } .soc_fb:hover { background-color: #4268ca; } .soc_gp:hover { background-color: #de553a; } .soc_ya:hover { background-color: #ff0000; } .soc_od:hover { background-color: #ff7800; } .soc_mail:hover { background-color: #006cff; } .soc_inst:hover { background-color: #9100eb; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb900', endColorstr='#9100eb'); background: -webkit-gradient(linear, left bottom, left top, from(#ffb900), to(#9100eb)); background: -moz-linear-gradient(bottom, #ffb900, #9100eb); } /* --- Верхние блоки --- */ /* Карусель */ .carousel { position: relative; padding-top: 53.6%; margin-bottom: 0; overflow: hidden; width: 100%; } .carousel-inner { position: absolute; overflow: hidden; width: 100%; left: 0; top: 0; bottom: 0; } .carousel-inner > .item { display: none; position: relative; width: 100%; height: 100%; overflow: hidden; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > .cover { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; vertical-align: top; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel .slide_prev, .carousel .slide_next { position: absolute; top: 0; bottom: 0; width: 100px; z-index: 4; -webkit-transition: all ease .3s; transition: all ease .3s; } .carousel .slide_next { right: 0; } .carousel .slide_prev { margin-left: -60px; opacity: 0; } .carousel .slide_next { margin-right: -60px; opacity: 0; } .carousel:hover .slide_prev { margin-left: 0; opacity: .6; } .carousel:hover .slide_next { margin-right: 0; opacity: .6; } .carousel .slide_prev:hover, .carousel .slide_next:hover { opacity: 1; } .carousel .slide_next .icon, .carousel .slide_prev .icon { position: absolute; fill: #fff; top: 50%; } .carousel .slide_next .icon { right: 0; margin: -10px 50px 0 0; } .carousel .slide_prev .icon { margin: -10px 0 0 50px; } .carousel-caption { position: absolute; left: 50%; top: 50%; display: table; width: 70%; height: 260px; margin: -130px 0 0 -35%; z-index: 3; color: #fff; } .carousel-caption_in { display: table-cell; vertical-align: middle; text-align: center; } .carousel-caption .title { font-weight: bold; letter-spacing: -.03em; font-size: 2.9em; line-height: 1.3em; } .carousel-caption .text { font-size: 1.6em; } /* Новости в Рэндоме */ #topside { position: relative; } #topside_right { position: absolute; right: 0; top: 0; bottom: 0; } .bignews { position: relative; width: 100%; height: 100%; } .bignews a, .bignews .item_bg { display: block; width: 100%; height: 100%; } .bignews a { color: #fff; text-decoration: none; } .bignews .item { position: relative; display: block; height: 50%; background: #1a1a1a; overflow: hidden; } .bignews .item_cont { font-size: 1.1em; z-index: 1; position: absolute; left: 0; bottom: 0; margin: 50px; } .bignews .item_bg { background-image: url(../images/nobignews.png); opacity: .8; -webkit-transition: all ease .6s; transition: all ease .6s; } .bignews a:hover .item_bg { opacity: .6; } .bignews .item .date { display: block; font-size: 1.2em; } .bignews .item .edit_btn { position: absolute; right: 0; top: 0; margin: 10px; } .bignews .edit_btn > a > i, .bignews .edit_btn > a:after, .bignews .edit_btn > a:before { background-color: #fff; } /* Хлебные крошки */ #breadcrumbs { padding: 10px 0px 0px 10px; line-height: 23px; color: #000; } #dle-speedbar { color: rgba(255,255,255,0.6); position: absolute; top: -20px;} #dle-speedbar a { color: #95C00E; } /* --- Правая колонка --- */ #rightside { position: relative; z-index: 1; } #mainside { position: relative; border-top: 1px solid; border-top-color: #e0e0e0; } .rightside_bg { position: absolute; right: 0; top: 0; bottom: 0; width: 36%; background: #fbfbfb; } .rightside_bg:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height: 100%; background: #e7e7e7; z-index: 1; } .rightside_bg:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #fff 100%); background-image: -moz-linear-gradient(top, #fbfbfb 0%, #fff 100%); background-image: -o-linear-gradient(top, #fbfbfb 0%, #fff 100%); background-image: -ms-linear-gradient(top, #fbfbfb 0%, #fff 100%); background-image: linear-gradient(top, #fbfbfb 0%, #fff 100%); } /* Блок */ .block { margin: 30px 0; padding: 0 15px; } .block_sep { margin: 50px 0; height: 1px; width: 100%; background: #e7e7e7; } .block > h4.title { text-transform: uppercase; } /* Вкладки в блоках */ .block_tabs, .block_tabs2, .block_tabs3 { list-style: none; height: 32px; padding: 2px; border-radius: 18px; margin-bottom: 25px; overflow: hidden; box-shadow: 0 1px 0 0 rgba(255,255,255,0.5), inset 0 1px 4px 0 rgba(0,0,0,0.06); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.5), inset 0 1px 4px 0 rgba(0,0,0,0.06); background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -ms-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); } .block_tabs > li { float: left; width: 33.3%; } .block_tabs > li > a { text-align: center; display: block; height: 22px; line-height: 22px; padding: 5px; color: #999; text-decoration: none !important; text-transform: uppercase; border-radius: 16px; font-size: 11px; font-weight: bold; } .block_tabs > li.active > a { color: #a0c92c; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: linear-gradient(top, #fff 0%, #f7f7f7 100%); } .block_tabs2 > li { float: left; width: 50%; } .block_tabs2 > li > a { text-align: center; display: block; height: 22px; line-height: 22px; padding: 5px; color: #999; text-decoration: none !important; text-transform: uppercase; border-radius: 16px; font-size: 11px; font-weight: bold; } .block_tabs2 > li.active > a { color: #a0c92c; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: linear-gradient(top, #fff 0%, #f7f7f7 100%); } .block_tabs3 > li { float: left; width: 100%; } .block_tabs3 > li > a { text-align: center; display: block; height: 22px; line-height: 22px; padding: 5px; color: #999; text-decoration: none !important; text-transform: uppercase; border-radius: 16px; font-size: 11px; font-weight: bold; } .block_tabs3 > li.active > a { color: #a0c92c; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: linear-gradient(top, #fff 0%, #f7f7f7 100%); } /* Похожие, популярные, обсуждаемые */ .story_line { display: block; margin-top: 25px; } .story_line:after { clear: both; display: table; content: ""; } .story_line .edit_btn { float: right; } .story_line .image { float: left; width: 64px; height: 64px; border-radius: 50%; margin-right: 8%; background-color: #fff; position: relative; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); } .story_line .image:after, .story_line .image:before { content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: scale(0.2,0.2); transform: scale(0.2,0.2); } .story_line .image:before { margin: -25px 0 0 -25px; background-color: #95c00e; width: 50px; height: 50px; -webkit-transition: all ease .3s; transition: all ease .3s; } .story_line .image:after { margin: -10px 0 0 -10px; background-color: #fff; width: 20px; height: 20px; -webkit-transition: all ease .5s; transition: all ease .5s; } .story_line a:hover .image::after, .story_line a:hover .image:before { opacity: 1; visibility: visible; -webkit-transform: scale(1,1); transform: scale(1,1); } .story_line > a { color: inherit; text-decoration: none !important; } .story_line > a * { display: block; cursor: pointer; } .story_line > a > div { overflow: hidden; opacity: .8; } .story_line > a:hover > div { opacity: 1; } .story_line .date { font-size: .8em; margin-bottom: .7em; } /* Опросы */ .vote_title { margin-top: 0; } .vote_more { margin: -.6em 0 1em 0; text-transform: lowercase; } .vote_list { margin: 1.5em 0; } .vote_list .vote, .vote_list .pollanswer { margin: .6em 0 .2em 0; } .vote_list .vote > input, .vote_list .pollanswer > input { display:none; } .vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before { display:inline-block; width: 12px; height: 12px; border: 2px solid #c3c3c3; background-color: transparent; margin: -3px 4px 0 0; vertical-align:middle; cursor:pointer; content: ""; border-radius: 2px; } .vote_list .vote > input[type="radio"] + label:before, .vote_list .pollanswer > input[type="radio"] + label:before { border-radius: 50%; } .vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before { border-color: #95c00e; } .vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before { background-color: #ffde27; width: 8px; height: 8px; border: 4px solid #95c00e; } .vote_list .vote > input + label:before, .vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input + label:before, .vote_list .pollanswer > input:checked + label:before { -webkit-transition: border-color ease .2s; transition: border-color ease .2s; } .vote_votes, .pollallvotes { font-size: .9em; } #dlevotespopupcontent { height: auto !important; overflow: visible !important; } /* Кнопка "Результаты опроса" */ .vote_result_btn { border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; height: 40px; width: 40px; border-radius: 50%; outline: none; margin: 0 0 0 10px; padding: 0; box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.14); -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.14); background-color: #f2f2f2; } .vote_result_btn > span { display: block; width: 18px; margin: 2px auto; } .vote_result_btn > span > i { display: block; height: 3px; width: 18px; border-radius: 2px; margin: 1px 0 3px 0; background: #1a1a1a; -webkit-transition: width ease .3s; transition: width ease .3s; } .vote_result_btn > span > i.vr_2 { width: 9px; } .vote_result_btn > span > i.vr_3 { width: 13px; } .vote_result_btn:hover > span > i.vr_1 { width: 6px; } .vote_result_btn:hover > span > i.vr_2 { width: 18px; } .vote_result_btn:hover > span > i.vr_3 { width: 15px; } /* Опросы в новости */ .poll_block { margin: 1.5em 0; padding: 1.5em; background-color: #f2f2f2; overflow: hidden; } .poll_block_in { margin: 0 auto; background-color: #fff; max-width: 100%; padding: 50px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.14); border-radius: 4px; } /* Блок баннера */ .block > .banner { display: block; width: 100%; text-align: center; } .block > .banner img { max-width: 100%; vertical-align: top; } .block > .banner td { vertical-align: top; } /* Популярные теги */ .tag_list > span { margin: 0 3px 3px 0; } .tag_list > span, .tag_list > span > a { display: inline-block; } .tag_list > span > a { color: inherit; text-decoration: none !important; padding: 3px 8px; border-radius: 6px; background-color: #f0f0f0; font-size: smaller; } .tag_list > span > a:hover { background-color: #fff; color: #95c00e; position: relative; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); } .tags_more { margin-top: 1em; } /* Изменить оформление */ .change_skin { height: 40px; position: relative; background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); padding-left: 50px; } .change_skin > .title { padding: 9px 0; line-height: 22px; margin: 0; font-size: .9em; text-transform: uppercase; } .cs_colors { width: 16px; height: 60px; position: absolute; left: 0; top: 50%; margin: -30px 0 0 20px; } .cs_colors > i { display: block; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; margin-top: 6px; } .cs_colors > i:first-child { margin-top: 0; } .cs_1 { background-color: #3394e6; } .cs_2 { background-color: #95c00e; } .cs_3 { background-color: #ff485b; } .change_skin select { opacity: 0; height: 40px; width: 100%; border: 0 none; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; } .change_skin .arrow { position: absolute; right: 0; top: 50%; margin: -1px 15px 0 0; width: 22px; } .change_skin .arrow:after, .change_skin .arrow:before { content: ""; position: absolute; width: 11px; height: 3px; background-color: #dedbdb; border-radius: 2px; -webkit-transition: all ease .3s; transition: all ease .3s; } .change_skin .arrow:after { margin-left: 7px; } .change_skin:hover .arrow:after, .change_skin:hover .arrow:before { background: #1a1a1a; } .change_skin:hover .arrow:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .change_skin:hover .arrow:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* --- Новости --- */ .story { position: relative; } .story .title { margin: -.1em 0 .8em 0; } .story .title > a { color: inherit; text-decoration: none !important; -webkit-transition: color ease .2s; transition: color ease .2s; } .story .title > a:hover { color: #95c00e; } .story_top { margin-bottom: 1.5em; margin-top: -.8em; } .story_top_v { margin-top: -.8em; } .story_top .date { font-weight: bold; font-size: .86em; } .story_top_v .date { font-weight: bold; font-size: .86em; } .story > .text:after { content: ""; display: block; clear: both; } .story > .text > img[style*="left"], .story > .text > .highslide img[style*="left"] { margin: 4px 20px 20px 0; } .story > .text > img[style*="right"], .story > .text > .highslide img[style*="right"] { margin: 4px 0 20px 20px; } .story > .text img { max-width: 100%;/* padding: 10px 0 10px;*/ } .imgstyle img { position:relative;display: block;overflow: hidden;max-height: 500px;margin-top: 10px;border-radius: 10px; } .imgstyleshort img { position:relative;display: block;overflow: hidden;height: 160px;background-color: #fbfbfb;border-radius: 10px; } .fullstory > .text img { border-radius: 10px; } .story > .category, .editdate { margin: 1.5em 0; } .story > .category > .icon { width: 17px; height: 9px; margin: -2px 8px 0 0; fill: #95c00e; } /* Редактировал... */ .editdate { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } /* Иконки новости "В закладки" и "Редактировать" */ .story_icons { float: right; list-style: none; padding: 0; margin: 0 0 0 20px; } .story_icons > li { text-align: center; margin: 0 0 10px 0; } .fav_btn > a, .edit_btn > a { display: inline-block; width: 30px; height: 26px; padding-top: 4px; } .fav_btn .icon { width: 19px; height: 26px; vertical-align: top; } .fav_btn .icon-fav { fill: #919191; } .fav_btn:hover .icon-fav { fill: #1a1a1a; } .fav_btn .icon-fav_del { fill: #ffde27; } /* Кнопка "Редактировать" */ .edit_btn > a { position: relative; overflow: hidden; } .edit_btn > a > i, .edit_btn > a:after, .edit_btn > a:before { padding-top: 3px; width: 19px; height: 0; background-color: #1a1a1a; overflow: hidden; display: block; border-radius: 2px; margin: 3px 0 0 6px; opacity: .4; -webkit-transition: all ease .2s; transition: all ease .2s; } .edit_btn > a:before { margin-top: 2px; } .edit_btn > a:after, .edit_btn > a:before { content: ""; } .edit_btn > a:hover > i, .edit_btn > a:hover:after, .edit_btn > a:hover:before { opacity: 1; } .edit_btn > a:hover > i { margin-left: 0; } /* Вложения */ .attachment > a { color: inherit; display: block; margin: .4em 0; } .attachment > a > .icon { fill: #95c00e; width: 16px; height: 17px; margin: -.2em .6em 0 0; } /* Важная новость */ .fixed_label { font-size: 11px; font-weight: bold; text-transform: uppercase; border-radius: 3px; padding: 4px 7px; background-color: #fcf5d1; color: #976318; margin-right: 1em; } /* Платная фиксация новость */ .pay_fixed_label { font-size: 11px; font-weight: bold; text-transform: uppercase; border-radius: 3px; padding: 4px 7px; background-color: #ff7b7b; color: #fff; margin-right: 1em; } /* Новость на модерации */ .approve_label { font-size: 11px; font-weight: bold; text-transform: uppercase; border-radius: 3px; padding: 4px 7px; background-color: #f00; color: #fff; margin-right: 1em; } /* Нижняя часть новости */ .story_tools { margin-top: 1.5em; position: relative; font-size: .9em; } .story_tools_in { float: left; } .story_tools_in:before { content: ""; position: absolute; left: 0; top: 0; right: 0; border-radius: 20px; height: 38px; border: 1px solid #eaeaea; z-index: 0; } .story_tools:after { content: ""; display: block; clear: both; } .story_tools_in > .btn, .story_tools_in > .rate { position: relative; z-index: 1; float: left; } .story_tools_in > .btn { float: left; } .story_tools_in > .rate { float: left; margin: -3px 0 0 10px; } .story_tools_in .rate_stars { margin-top: 6px; } .rate_like > a, .rate_like-dislike { float: left; height: 23px; line-height: 23px; padding: 6px; text-decoration: none !important; font-weight: bold; color: #999; -webkit-transition: all ease .2s; transition: all ease .2s; } .rate_like .icon { width: 15px; height: 14px; margin: -2px .3em 0 0; } .rate_like > a { color: #95c00e; } .rate_like > a .icon { fill: #95c00e; } .rate_like > a:hover { opacity: .8; } .rate_like-dislike > a { display: inline-block; width: 23px; height: 23px; text-align: center; opacity: .6; } .rate_like-dislike > a:hover { opacity: 1; } .rate_like-dislike .ratingplus { color: #95c00e; } .rate_like-dislike .ratingminus { color: #e75820; } .rate_like-dislike > span { vertical-align: middle; cursor: default; padding: 2px; font-size: 20px; } /* Иконки Плюс и Минус */ .plus_icon, .plus_icon > span { width: 15px; height: 15px; margin-bottom: 5px; } .plus_icon { border: 4px solid transparent; display: inline-block;/* vertical-align: middle;*/ position: relative; } .plus_icon > span, .plus_icon > span:before, .plus_icon > span:after { overflow: hidden; text-indent: -9999px; white-space: nowrap; position: absolute; border-radius: 2px; } .plus_icon > span:before, .plus_icon > span:after { background-color: #1a1a1a; content: ""; } .plus_icon > span { left: 0; top: 0; } .plus_icon > span:after { left: 0; top: 0; width: 100%; height: 3px; margin-top: 6px; } .plus_icon > span:before { left: 0; top: 0; width: 3px; height: 100%; margin-left: 6px; } .plus_icon.minus > span:before { display: none; } /* Иконка подробнее */ .more_icon { height: 5px; width: 21px; margin-top: 8px; display: flex; justify-content: space-between; } .more_icon > i { float: left; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; } /* Поделиться от Yandex */ .share { float: left; margin: 10px 0 0 10px; } .share a .ya-share2__badge { border-radius: 50%; background-color: #1a1a1a; } .share a:hover .ya-share2__badge { background-color: #95c00e; } .share .ya-share2__container_size_s .ya-share2__icon { width: 21px; height: 21px; background-size: 21px 21px; } /* Статистика новости */ .story_tools > .meta { margin: 11px 18px 0 0; float: right; position: relative; z-index: 1; } .meta:after { clear: both; display: table; content: ""; } .meta { list-style: none; padding: 0; margin: 0; } .meta > li { display: inline; margin-left: 25px; } .meta > li:first-child { margin-left: 0; } .meta > li .icon { margin: -3px 8px 0 0; } .signature { font-size: .9em; opacity: .5; margin-top: .9em; } /* --- Постраничная навигация --- */ .navigation:after { clear: both; display: block; content: ""; } .navigation { position: relative; } .pages { text-align: center; padding: 0 55px; } .pages > * { color: inherit; display: inline-block; position: relative; padding: 4px 4px; border: 3px solid transparent; min-width: 22px; height: 22px; line-height: 21px; border-radius: 18px; text-align: center; text-decoration: none !important; font-weight: bold; } .pages span { border-color: #e1e1e1; } .pages span.nav_ext { border-color: transparent !important; } .pages a:hover { border-color: #95c00e; color: #95c00e; } .page_next-prev { position: relative; height: 0; } .page_next-prev > span { position: absolute; top: 0; } .page_prev { left: 0; margin-left: -20px; } .page_next { right: 0; margin-right: -20px; } .page_next-prev > span > span { opacity: 0.5; } .page_next-prev > span > * { display: block; width: 36px; height: 28px; padding: 8px 20px 0 20px; } .page_next-prev > span .icon { fill: #1a1a1a; } .page_next-prev > span > a:hover .icon { fill: #95c00e; } /* Постраничная навигация в новости */ .splitnewsnavigation { margin: 1.5em 0; padding: 15px 0; font-weight: bold; border: 0 dashed #efefef; border-width: 2px 0; text-transform: uppercase; } .splitnewsnavigation > div { display: inline; margin-left: 1em; } .splitnewsnavigation a { color: inherit; } .splitnewsnavigation a, .splitnewsnavigation span { padding: 6px 10px; } .splitnewsnavigation span { color: #95c00e; } /* --- Статические страницы --- */ .static_pages { margin-top: 1.5em; font-weight: bold; } /* --- Информация об ошибках --- */ .alert { background: #fcf6d2; padding: 20px 25px; margin-bottom: 25px; border-radius: 4px; } /* --- Комментарии --- */ /* Формы на UL */ ul.ui-form { list-style: none; padding: 0; margin: 0; } ul.ui-form > li { margin-bottom: 20px; } ul.ui-form > li:last-child { margin-bottom: 0; } .form-group { margin-bottom: 20px; } .form-group > label { display: block; margin-bottom: .4em; } .form-group.imp > label:after { content: "*"; margin: 0 0 0 10px; color: #e85319; } .form_submit { margin-top: 20px; } .form-sep { border-top: 1px solid #efefef; } /* Модификация BB редактора для комментариев */ #comment-editor .bb-editor textarea { height: 140px; } .addpm #comment-editor .bb-editor textarea { height: 340px; } /* Страницы с формами */ .regtext { margin-bottom: 1.5em; } .login_check { position: relative; } .login_check > input { padding-right: 120px; } .login_check > .btn { width: 100px; height: 30px; padding: 4px 10px; position: absolute; right: 0; top: 0; font-weight: bold; font-size: 11px; margin: 5px; background: #fff; color: #95c00e !important; } /* Комментарии: Оформление блока со списком комментариев */ .comments_box { background-color: #95c00e; padding: 13px; position: relative; } /*.com_content img { max-width: 100%; padding-top:15px;}*/ .com_content img { max-width: 100%;} .comments_box_in { border-radius: 8px; background-color: #fff; padding: 37px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); position: relative; } .comments_box_in:after, .comments_box:after { content: ""; position: absolute; top: 0; left: 0; margin-left: 288px; border: solid transparent; border-width: 0 31px 31px 0; } .comments_box:after { margin-top: -31px; border-bottom-color: #95c00e; } .comments_box_in:after { margin-top: -13px; border-bottom-color: #fff; } .comments_box_in .block { padding: 0; margin-top: 37px; margin-bottom: 0; } .comments_box_in > .title { text-transform: uppercase; margin-top: 0; } /* Комментарии: Оформление */ .comment { margin-bottom: 50px; position: relative; } .comments_box_in .comment { margin-top: 37px; margin-bottom: 0; } /* Аватарка */ .avatar { display: inline-block; } .avatar .cover { width: 100px; height: 100px; border-radius: 50%; white-space: nowrap; text-indent: -9999px; display: inline-block; } /* Верхняя часть комментария */ .com_info { border: 1px solid #eaeaea; height: 39px; border-radius: 21px; margin-bottom: 1.5em; background: #fff; position: relative; } .com_info:after { clear: both; display: block; content: ""; } .com_info .avatar { float: left; margin: -15px 15px 0 -6px; } .com_info .avatar .cover { width: 60px; height: 60px; border: 3px solid #95C00E; } .com_user { float: left; margin-top: 9px; } .com_user > .name { margin-right: 20px; } .com_user > .name a { color: inherit; } .com_info > .rate { float: right; margin: 2px 10px 0 0; } .com_info > .rate .rate_stars { margin: 5px 2px 0 0; } .com_info > .rate .rate_like-dislike { margin-top: -5px; } .comment .status { position: absolute; left: 0; margin: 17px 0 0 -5px; overflow: hidden; text-indent: -9999px; background-color: #95c00e; width: 3px; height: 100%; /* position: absolute; left: 0; margin: 17px 0 0 -24px; overflow: hidden; text-indent: -9999px; background-color: #95c00e; width: 7px; height: 7px; border-radius: 50%;*/ } .com_content { margin-left: 10px; } .status.offline { background-color: #e75820; } .comment.online .status.offline, .status.online { display: none; } .comment.online .status.online, .status.offline { display: block; } .com_tools { margin: 1.5em 0 0 0; font-size: .9em; } .com_tools .edit_btn, .com_tools .mass { float: right; margin-top: -3px; } .com_tools .mass input { margin: 4px 0 0 10px; } .com_tools_links { display: inline; font-size: 85%; padding-left: 10px; } .com_tools_links > a { margin: 0 2em 0 0; } .com_tools_links > a > .icon { margin: -3px 8px 0 0; } /* Древовидные комментарии */ .comments-tree-list { padding: 0; margin: 0; list-style: none; position: relative; } .comments-tree-list .comment { position: static; margin: 0; } .comments-tree-list .comment:before { content: ""; position: absolute; left: 0; width: 100%; height: 3px; background: #bababa; margin: 19px 0 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAGBAMAAABDdsEYAAAAD1BMVEX///+6urrZ2dm/v7/9/f2Xp6s6AAAAHUlEQVQI12NwMlZhwACKgkKYgoaCwjgFCWvHahEArAICZfxDRiQAAAAASUVORK5CYII=); background-size: auto 3px; z-index: -2px; } .comments-tree-list .comments-tree-list { padding-left: 10px; position: static; } .comments-tree-list > li { margin-top: 37px; } /* Управление комментариями */ .mass_comments_action { text-align: right; border-top: 2px dashed #efefef; padding: 20px 50px 0 50px; margin-top: 50px; } .block .mass_comments_action { padding-left: 0; padding-right: 0; } .comments_box_in .mass_comments_action { padding-left: 0; padding-right: 0; margin-top: 37px; } .mass_comments_action > select { padding: 5px; width: 200px; margin-left: 1em; } /* --- Контакты --- */ #map { width: 100%; height: 400px; } .map_resp { width: 100%; padding-top: 60%; height: 0; position: relative; } .map_resp > #map { position: absolute; left: 0; top: 0; bottom: 0; height: auto; border-radius: 4px; overflow: hidden; } .contact_head > .title { margin-top: 0; } .contacts { font-size: 1.2em; } .contacts > .grid_1_2 { padding-left: 42px; } .contacts > .grid_1_2 .icon { float: left; margin: 5px 0 0 -42px; } /* --- PM --- */ .pm-box { margin-bottom: 1.5em; background-color: #f2f2f2; border-radius: 4px; } #pm-menu:after { content: ""; clear: both; display: block; } #pm-menu { border-bottom: 1px solid #fff; } #pm-menu > a { color: inherit; padding: 10px 12px; float: left; text-decoration: none !important; border-right: 1px solid #fff; } #pm-menu > a:first-child { border-radius: 4px 0 0 0; } #pm-menu > a:hover { background-color: #1a1a1a; color: #fff; } .pm_status { padding: 30px; } .pm_progress_bar { background-color: #fff; margin-bottom: 10px; border-radius: 10px; overflow: hidden; border: 3px solid #1a1a1a; } .pm_progress_bar span { background: #95c00e; font-size: 0; height: 14px; border-radius: 7px; display: block; overflow: hidden } /* --- Страница пользователя --- */ .userinfo_top { position: relative; border-bottom: 2px dashed #efefef; padding: 50px; margin-bottom: 50px; } .userinfo_top:after { clear: both; display: block; content: ""; } .userinfo_top .avatar { float: right; } .userinfo_status { margin: -1em 0 1.2em 0; font-size: .9em; } .user_tab { list-style: none; padding: 0; margin: 0; display: inline-block; border: 1px solid #e7e7e7; height: 28px; border-radius: 15px; } .user_tab:after { clear: both; display: block; content: ""; } .user_tab > li { float: left; } .user_tab > li:first-child > a { border-left-width: 0; } .user_tab > li > a { border-left: 1px solid #e7e7e7; display: block; text-decoration: none !important; color: inherit; font-size: 11px; font-weight: bold; color: #999; line-height: 20px; padding: 4px 12px; -webkit-transition: color ease .3s; transition: color ease .3s; } .user_tab > li.active > a { color: inherit; } .usinf { list-style: none; padding: 0; margin: 0; } .usinf > li { padding: 12px 0; border-top: 1px solid #e7e7e7; } .usinf > li:first-child { border-top-width: 0; } .ui-c1, .ui-c2 { display: inline-block; vertical-align: top; } .ui-c1 { width: 30%; margin-right: 5%; } .ui-c2 { width: 60%; } /* Окно пользователя */ .dle-popup-userprofile .ui-dialog-content { padding: 0; } .popup_userinfo_top { background-color: #f2f2f2; padding: 10px; text-align: center; } .popup_userinfo_top .avatar { vertical-align: top; border-radius: 50%; border: 3px solid #1a1a1a; } .popup_userinfo_top .avatar .cover { display: block; width: 120px; height: 120px; border: 10px solid #fff; } .popup_userinfo.useronline .avatar { border-color: #95c00e; } .popup_userinfo > ul { list-style: none; padding: 0; margin: 0; } .popup_userinfo .usinf { padding: 0px 20px; font-size: .9em; } /* --- Статистика --- */ .stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.2em; } .stats_head > ul > li { margin-top: 15px; padding-left: 30px; } .stats_head > ul > li:before { content: ""; float: left; margin: 2px 0 0 -30px; width: 16px; height: 16px; border-radius: 50%; background-color: #95c00e; } .stats_head > ul > li > b { display: block; font-size: .8em; opacity: .5; font-weight: normal; } .stats_head > ul > li.stats_d:before { background-color: #ffde27; } .stats_head > ul > li.stats_w:before { background-color: #3e99e7; } .stat_group { margin-bottom: 25px; } .stat_group > h5 { margin-top: 0; margin-bottom: 1em; } .stat_group > ul { list-style: none; padding: 0; margin: 0; } .stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; } /* --- Страница поиска --- */ .searchpage { border-bottom: 2px dashed #efefef; padding-bottom: 50px; margin-bottom: 0; } .search_head_line { border-bottom: 1px solid #eaeaea; padding-bottom: 30px; padding-top: 30px; margin: 0; } .search_result_num { font-size: .9em; margin: 25px 0 0; } .search table { width: 100%; border-spacing: 5px; border-collapse: separate; } #searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; } #searchtable td.search br { display: none; } td.search .bbcodes { margin: 0 !important; } td.search { vertical-align: top; } #share { padding: 80px 20px; } .image-counter { background-color: #95C00E; border-radius: 3px; color: #FFF; font-size: 22px; margin: 30px 0 0 22px; padding: 5px 10px; position: absolute; font-style: italic; font-weight: bold; } /**Showstat**/ .ctrl_enter { text-align: center; line-height: 20px; padding: 15px 10px; background-color: #F3F3F3; color: #404040; margin-bottom: 10px; } .buy_buy { text-align: center; line-height: 20px; padding: 15px 10px; background-color: #484848; color: #FFF; margin-bottom: 40px; } .buy_buy a { color: #FFB500; } .uppod_style_video { width: 100%; max-width: 600px; height: 332px; } .uppod_style_audio { width: 300px; height: 35px; } .utop-block { /* padding-left:16px;*/ position:relative; } .utop_user { display:inline-block; width:75px; font-size:11px; color:#666; padding-bottom:4px; position:relative; overflow:hidden; max-height:113px; font-weight:bold; } .utop_avatar { margin:0px auto; display:block; padding:2px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:0px; position:relative; } .utop_avatar img { height:60px; width:60px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .utop_user_number { position:absolute; top:5px; left:5px; background:rgba(255,102,0,0.7); color:#fff; min-width:10px; text-align:center; font-size:10px; font-weight:bold; padding:0px 3px; line-height:14px; height:15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; display: none; } .top_100 { margin:0px auto; display:block; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:0px; position:relative; } .top_100_post_title { position:absolute; bottom:0px; left:7px; background:rgba(175, 58, 77, 0.8); color:#fff; width:244px; text-align:center; font-size:12px; font-weight:bold; padding:0px 3px; line-height:20px; height:20px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .top_100_pic { float:left; padding-left:7px; padding-top:15px; } #share_button { position: fixed; display: none; text-align: left; padding: 10px; z-index: 1000; background: #fff none repeat scroll 0% 0%; box-shadow: 0px 0px 10px #000; bottom: 10px; width: 688px; border-radius: 5px; } #share_button.show { display: block; } @media screen and (max-width: 1000px) { #share_button {width: 635px;} } @media screen and (max-width: 950px) { #share_button {width: 704px;} } @media screen and (max-width: 760px) { #share_button.show {display: none;} } .tooltip18 { color: #000000; outline: none; text-decoration: none; position: absolute; right: 0; top: 0; z-index:999999; } .tooltip18 span { margin-left: -999em; position: absolute; } .tooltip18:hover span { border-radius: 7px 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: -22em; top: 2.9em; z-index: 99; margin-left: 0; width: 250px; } .tooltip18:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .classic { padding: 0.8em 1em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } * html a:hover { background: transparent; } .classic { background: #FFFFAA; border: 1px solid #FFAD33; filter:alpha(opacity=75); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .critical { background: #FFCCAA; border: 1px solid #FF3334; filter:alpha(opacity=40); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; filter:alpha(opacity=40); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .info { background: #9FDAEE; border: 1px solid #2BB0D7; filter:alpha(opacity=40); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; filter:alpha(opacity=40); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } /* easyTooltip------------------------------*/ #easyTooltip{ padding:5px; font-size: 12px; text-align: center; font-weight: bold; max-width: 300px; z-index:99999; border: 1px solid #FFF; background:#2778B3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; filter:alpha(opacity=40); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -moz-box-shadow: 5px 5px 20px #333; -webkit-box-shadow: 5px 5px 20px #333; box-shadow: 5px 5px 20px #333; } @media screen and (max-width: 760px) { .tooltip18 {display: none;} .image-counter {font-size: 13px;} } @media screen and (max-width: 760px) { .uppod_style_video { height: 300px;} } @media screen and (max-width: 450px) { .uppod_style_video { height: 200px;} } .sociallogin {height:auto; margin-top: 10px; width:100%; text-align:center;} .sociallogin a { float:center; margin:10px;} .sociallogin a:hover { color:#D1D1D1;} .playbuttonvideo { display: inline-block; background: transparent url("../images/play.png") no-repeat scroll 0px 0px; position: absolute; top: 50%; left: 50%; width: 50px !important; height: 50px; border: medium none !important; margin: -25px 0px 0px -25px; } .playbuttonvideo1 { display: inline-block; background: transparent url("../images/play1.png") no-repeat scroll 0px 0px; position: absolute; top: 50%; left: 50%; width: 50px !important; height: 50px; border: medium none !important; margin: -25px 0px 0px -25px; } /**Showstat**/ .base-stat { display: none; } .queries { display: none; text-align: left; max-height: 450px; overflow: auto; margin-top: 10px; } .queries p { padding: 5px; border-top: solid 1px #ddd; } .queries p:hover { background: #ddd; } .showstat { position: fixed; bottom: 10px; left: 10px; margin-left: 10px; background: #ffffff; background: -webkit-linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background: -moz-linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); font: normal 12px/18px Arial, Helvetica, sans-serif; color: #323232; padding: 20px; text-align: left; border: solid 1px #fff; -webkit-border-radius: 10px; border-radius: 10px; text-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); z-index: 1000; } .showstat p { margin: 0; } #queries-stat, #clearbutton, #showstat-but, #log-link { display: inline-block; padding: 5px; width: 20px; height: 20px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuVJREFUeNqMU0tIVFEY/s655955+RihsnRkVHotCknBRWEhGqUggSFEGyOiVu2iyCBoEeWmRaGQ4CJatUgJDaKIitTURk1NE0sdH6Q4jjOSOo87c2//uSYJuejCx+Wc8z++//vOYU+et8EwjCLTNOsN0yiDiX8/BnDG3zLGbnDO+za3TToQlPxYVdXLud5cZKS7YXc4QMX+5jKGaCSC0Eq4zD/t9+m63sQ4v2JCQZKpYM3PWs0jBYWyHIgBzG0YsA0GFpOBoQEwRWMJ7kBl8C647JaXkwW3OxWcM4oxqNgW0JpoI92dhlyvBwlTgc4cqAjeQ5w5IRgldfv6sDc/F1m7d8JptxMZ0xqDWcNzRGNJhH5F8al/DDp3oUomczsMJqgA8ZPB/uk5aKoNms0GO8HldCISjSEaTyAZ9mPXQB0OcBtBIK7YqLpizSZkF4W6CEWBonALkrJhmOC0xymOR35CSWPIPn0GUjxG4k20tqNnPHSbh5aDL0fHxrEQCGB1bc1K3gpGHVnoO+yZHoiMCuiB1wj42pA0kusXHnQ2CFXVYudravBjcgrz84uYmZ6GEBoUoVgs4qaAZ3kMrkOF0OefQo+5EPYH8ap/8dpIQ/mycKWkVPu+DFoi5ud74ZAi/rGTSetUwN83DFdmERJrYcRWBfRIHKcKdjRSRKOQQieTSUxOzcKmaZaINs2+IWI8jqjO4TCjmGxvh0YXzXP0MDIL9mGucxSTw7PvLectNaWApJicW4oqnVFoX0EC4aouLDgqke7NoVgnvrV04PPH8aYTN7su8VAw2LIUXMJqZJ2EMaAKFUIlf4Ww/go5gdgK9hgdSN9/EONt7/Chd+ZWdf3AneGG0glqD++52oslJaXlVx1OZ7HsvPkWTHlHyPvs0BvkGd201lDXPFL5onepZ+jR8WVGjJl8jbVnq5wU7yGkbvMWMXQ/zxflrlDx9a8naTk8+PBYnNFFkgX+9ysiFGx38FuAAQBygywrLfBIegAAAABJRU5ErkJggg==') no-repeat 50% 50%; } #showstat-but { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAp5JREFUeNpkU01IVFEU/t6972fG1JHGrLBso2WRSAshonIjFrZQ27QoEQza6K6gXYS0KKhWuijIjbZw0xhRoEagUhRWUIJSWuL4A44OzDjhjOO89zrnzjwZ68Jh5pzvO+d857x7NfxzSq+Fem3b7XBd1+eSr7FpWkpKrW99oLUzn0schauzr22o0dC04ca6cpyrKUMw4CMGJwPr8RQmpiIYmVzGtuteWOtvGdlVgJP3B6zhW1dqEEvZeDcTxczKH2xuOQj4JY4dLER99V6U+CQeDk5hNb6linABwQV06tzdfgqf5hN4Nr6EudUkuluqsPS4Hjap+L2WRN/EssKZx3xPuc4zd1ysxNivOL6E4yj060hnHAiRnc5nSewxpfrPuGkKMP+JE+qlUKdwHOd6+YEAvi4kiGjAZ+jK7r2ex8k7H+E3dVjk8y/jzGM+52XVQ7PC8TT8hlBdaSxkSPf3u6dV17P3P8OUWhYj33BcMJ/zGBe85XgqA8vSYRoSBhtJHpyMqAJCl9BzccaZx3wt9/1YAQVski1Ud2pAi3OhS7VfmLpQJnM7yTa0WYFXwE07tmNaNB/NlS1AoJdg5jp7vhACmQwpoDzlO6no0MpKDAW0bR+TVUdtRyLPSLdQxRlnHvM5D7mbWlF69cVCU8MJFBVZ2KZP2FQdQHNtcOfKtg/MqmSDiiQSW3jzdhrrzy8foYsU1gkPZxbfd42OyZ5LDcdRTEVG5xJ4NR1Tl4iao9hv0BgCG5Q8OvYDzOc8TwGf4pLzN9vkoTM9dbWHcbSyDEUFJrzHlNhM4+dcBJPfFmEvfeiKjT/qp/DGrsfERciqgq1Pb2v+YDMt0/QA2l/aTUZfRkM3HpA7y8n/vca8U0HGCxB5MYcs6snOf85/BRgAU2QTxLlxCL0AAAAASUVORK5CYII=') no-repeat 50% 50%; } #clearbutton { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnBJREFUeNqEk8tPE1EUxr+5dzqdvoQytqIEXQgLY3TVrRvCwsQ/ABNTJLoClxIQmEqIXUHQsDTBYmAjMXEBEQ0Jid2IIsOjGtBNWUJSGiO06bRl5nrvBBqpBE5yMq/7+74z594jj46OojosYqNpW3OuImzbhlW23jCbtUlEmqYuepcQAkWWIeOMEHCxUGLRwXYwy4JEadvU0GSbW1UkQZNTYesQHupAZvYbMnMryMwsITp4n78vMsbFyamwyeFnD5B9b4AoCihPibpQMosQFVkH1sKJAsxiYhGLxh9i78OaA1KXDEooam7fwO7sV0AiKBRLLeSkfxbwnZEOpD+tcFAB4a4EFN6WaxxegudcAHAr2DNz83I1bJom637cjS/LBmwNUPYBrUBBb11Fljt7/H74/AFM6ePoetnbWRGweIcF3NPbi5XVdahuN5gEbGk2LjQ2YXdmEZ5AAD6e0wuf0T72KPL2yXia/Av39fVjY2MTHl6eytNFKa43N+PXosGdA46zgKPPOwVsCFY+KntA17G5+RNu7nwkeuVyI9bWU6htCuOPFsTc8AyiY10VWAQpl8s/YrEY0uktB1Z4x2V+whoaLmEt9R3B2jqENA2TkxO4VwU7FRRNsz6TzUL1qLAZ43t7AK0myJ0FHEQopOH1RAJP9VjkXU/CsGAf2zWaTCY/UkI6W1tbIU6W1+vF+pFz6LwD67oeGX4xYtTlvLyx7JiAvL2zk7pYXx/hZS8PxHQsG6sIh8IIBmsxkXjlwHzg/nOuCIgm5vJ5w+/zRVRVnaOUhsWHfD4/H4/H+wV82rxIVc83eboO73/zTJ81rX8FGADNWyJwdIxv8QAAAABJRU5ErkJggg==') no-repeat 50% 50%; } #log-link { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNqUU01oU0EQ/va9tekp5JaL9JDepIIFQYoHFQ9Spfhz8uKhxhIFj4KX2kPNRQgKaSMFGy+eLWJatBGRCP5U0lJJIhWbkNJ6kAoGkpDk/ew6u++JpQZp5zG8mdn9Zubb2eXnH6CrSOkbTDmAI/A8HMKI43q+ivcFAd4N6AoN0ClMA8ygzbaLkYnhONq2BUEr3OSIv5iAsRtMQLQsyKkrt6BU2ZYDvLqNo5cfjcOWNbz9MglL/NSdGLvBbQKkRq8h9zWB3FoCqdGoTnJ8EvnZsav4WE7CPED7eQ2M+RR2gpPRS3i/PguzhxYo9mE9jWT0gi6yVH4M3gs8zAJDA9uKHvhO8P2xk1iqzMEg8MyC11nsLLC88UzbKj49T/6kxNBdhoCNLDuX8Dgnrh/BSnVVt5V6Cry+4Y3h9AzDzYtesqk5IBvrwJFNrJW+4dTwsX6cuQeZr/XJ9GfIdAFycJwYtaVs1m2tsiPl4B1oVfFG3ZJKFjIv5ZvFd0SBMrv8B1iAKjwBFmMtbHzforG1dVVuBjAf3dZ2dWuT6HZgmiZcaaEt6uBZGk/T6uSJBlbiEsIGgiJM5YR/j+hjhj+poP4HentQKBb0Hp7Lflq2HRsDhw+hWt7UlYUP7iaMDonzv/ePt9xfUAnCB0PkhrBXKRaLXgIhXSitVCpwHIfakv8F/tPBn2AkEsF+pFQqeQkUuNFo5DKZzAkhxJ7AhmGoonWFZX6sf18H4Il62Ku/BRgAl3Uh7iazc3QAAAAASUVORK5CYII=') no-repeat 50% 50%; } #queries-stat:hover, #clearbutton:hover, #showstat-but:hover, #log-link:hover, #queries-stat.active, #clearbutton.active, #showstat-but.active, #log-link.active { background-color: #FFF; padding: 4px; border: solid 1px #bbb; border-radius: 4px; } #cache-info { display: block; } /**Showstat**/ #instframe { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; margin: 1px; min-height: 500px; max-width: 600px; width: calc(100% - 2px); border-radius: 4px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 10px 0px rgba(0, 0, 0, 0.15); display: block; padding: 0px; } .line_relise {padding: 15px 0; border-bottom: 1px solid #e5e5e5; position: relative;} .date_relise, .img_relise, .three_relise, .four_relise { float: left; margin-right: 10px;} .four_relise { float: left; margin-left: 20px; text-align: justify;} .row_wteam { margin-top: -30px; } .wteam_title { margin-bottom: 5px; } .wteam_descc { width: 800px; margin: 0 auto; margin-bottom: 20px; } .line_relise:hover { background: rgba(153, 153, 153, 0.15); } .date_relise, .inner_relise_one {font: 500 30px/28px 'Roboto Condensed', sans-serif; text-transform: uppercase; text-align: center; margin-top: 20px; width: 80px;} .date_relise span, .four_relise span{ display: block; font-size: 14px; font-weight: 300; margin-left: 3px;} .img_relise img {border-radius:15%; -webkit-transition: border-radius 200ms ease 0ms; transition: border-radius 200ms ease 0ms;} .three_relise { width: 220px; float:left;} .three_relise h4 {font: 400 18px 'Roboto Condensed', sans-serif; text-transform: uppercase;} .inner_relise_one, .inner_relise_two {float: right;} .inner_relise_two span, .inner_relise_two a {position: relative; z-index:2; display: inline-block; opacity: 0.3; margin: 30px 5px; -webkit-transition: opacity 200ms ease 0ms; transition: opacity 200ms ease 0ms; width: 30px; height: 30px; border-radius: 10%; font-size: 22px; text-align: center; line-height: 27px; color: #FFF;} .inner_relise_two span {background: #ccc;} .inner_relise_two a {opacity: 1;} .inner_relise_two {margin-right: 30px;} .inner_relise_two .phone_relise i {position: relative; top: 1px;} .inner_relise_two .tablet_relise i {position: relative; top: 2px;} .phone_relise {background: #EF7583;} .tablet_relise {background: #7CB3EC;} .android_relise {background: #68BE65;} .inner_relise_two a:hover {opacity: 0.6; color: #FFF;} .relise_search {position: absolute; top:0; bottom:0; left:0; right:0; z-index:1;} .line_relise:hover .img_relise img{border-radius:10%;} .relise_held {color: #68BE65;} .relise_held span {color: #000;} .fa-mobile { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAA60lEQVR4nO2WTQqCUBSFvycNG1nQOKE9RMuoZQTtrR20jEyoDVTDRulp4AtMRC9iFOWBh1w93s/3fD/XSeITCj5C/UvwwOiLgBngajwCEuBoyiipqW0kpbIplbQ25MQZZvUFCAtxBpwK8ZTXX3YFRk1JLUMdluIbsCvEE2BY46+UpcdtFnrdXADss3rrva6mBd5nkhV8prnn8r5OwZ2rB/fgHtyD3w4e07zxO+8zqe3plJKfyRHVH9/Z6VTWkrwUWrV83wROKu49RyGreBabyIb6aCEpLtVWd0kHfy1qL2neVc31Fn39cvod8AO8vPATAlW/agAAAABJRU5ErkJggg=='); } .fa-tablet { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAA2UlEQVR4nO2WPQoCMRCFvxV/EAsLWTttxENo4WntbcVKwSPsBQSx0VZFC5+FWyyaEDeLrLB5EFLMZL6ZkMCLJFGGaqVQywTXHfEB0PGoewN2wMOaIcm0xpISFdNe0tRSn8jyuDbAzGPSd+2BIfAJsXR0T7ue2Dp2rDgz+dCUY3tcjXQ/ek6aPdc0JVTvOwVwAAdwAAfw/4Nd1mcEnDzqxkXBSw/oV7Jd9dVxbgt0gfkXjEse8MpRrAX0gLYjLwEOxojFM/UlLSSdPR3mTdJaL7eay2X+XNX7x0/6Gkvg3WY/4QAAAABJRU5ErkJggg=='); } .fa-android { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABoElEQVR4nO2WzStEURjGf742NpRigSyQ7LC0Iks7WU1TSlZsxF/hPxErsvIRFpKFrwVRSrFSgygWPuaxmDs5jrl33pl7LcRTt/NxT8/vnqd73g6SMDy9kuoM6waNflRi0zUwWWRNF9Bp9KPauC4DvABpYAjoA5qAR+ASWAE6gFkr2BSLpBZJ24rWnaQRa9SWRW2SbopAXU0lAa6RdBAYzkuaC4GdSEoF/RdJ/XHB4475qaSdEPC9pAVnvBsXvBYCsqg9yrvYceox/6Xf1Rf10j9ONcAAcA5cATNAVZngI8fvjFwt+JQXwVIQ05OkbkmZGFGnC/iFRj0ctLXkCkVchfr5YDdWa1WLUqiftVYnrn/w3wO/O/3XBPxD/XzwctA+AxsJgPN+T8D6lzde5apW7t7UEozjVq68X7PH+VYk3oBNZ3wHNJS529sCfqE79p9RSbcl7vRV0qKkqihv650Lz3w6mKv35iesfqUcJ5UZeUH9CnC2QN//mCxGlQLed/oHQfsAXDgfcWg1q5DMCTYCY8AxsOrMtwIpYA/Y+glwovoA0rMoouGgwY8AAAAASUVORK5CYII='); } .all_review_platform {font-size: 16px; padding: 15px 20px; cursor: pointer; text-transform: uppercase; text-align: right; width: 192px; margin: -5px -10px;} .all_review_platform span {display: block; color: #7AACDF; font-weight: 600;} .all_review_platform ul {width: 190px; position: absolute; border: 1px solid #ccc; margin: 15px -20px 0px -20px; padding: 15px 20px 15px 20px; background: #FFF; display: none; z-index: 99999;list-style: none;} .all_review_platform li a {display: block; font: 300 18px/2 "Roboto Condensed", sans-serif !important; color: #8a8a8a; text-transform: none;text-decoration: none;} .all_review_platform li a:hover {color: #7AACDF;} .activ_platform {background: #7AACDF;} .google_saleapp .all_review_platform span {color:#59B673;} .google_saleapp .activ_platform {background:#59B673;} .activ_platform span, .google_saleapp .activ_platform span {color:#FFF;} .game_saleapp .all_review_platform {text-align: left;} @media screen and (max-width: 947px) { .all_review_platform, .single_sidebar {display: none;} } .gamejanr{ margin-bottom: 12px;height: 35px; } .img_relise img { margin-left:10px; } @media screen and (max-width: 470px) { .gamejanr .all_review_platform {float: none !important; text-align: left; margin:-5px -20px !important;} } .clearfixx:after {content: " "; clear: both; display: table;} .speedbar{ margin: 0; list-style: none; color: #000; } .speedbar h1 { font-size: 1px; margin: 0; letter-spacing: 0em; line-height: 0em; text-rendering: optimizeLegibility; } .speedbar:after{ content: ""; display: block; clear: both; } .speedbar li{ float: left; color: #c8c8c8; } .speedbar li.speedbar_sep{ color: #c8c8c8; } .gornav { height: 40px; display: inline-block; margin: 12px -18px; } .gornav li { float: left; list-style-type: none; position: relative; margin-left: 5px; } .gornav li a { font-size: 12px; color: white; display: block; /* line-height: 25px;*/ padding: 4px 25px; text-decoration: none; border-left: 1px solid #95C00E; text-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .gornav li a:hover { background-color: #95C00E; border-radius: 10px; font-size: 13px; } #goroptions a{ border-left: 0 none; } #goroptions>a { background-image: url("../images/triangle.png"); background-position: 85% center; background-repeat: no-repeat; padding-right: 42px; } .subgornav { visibility: hidden; position: absolute; margin-top: 5px; width: 135px; height: auto; opacity: 0; transition: all 0.1s; background: #95C00E; z-index: 2; border-radius: 10px; } .subgornav li { float: none; } .subgornav li a { /* border-bottom: 1px solid #FFFFFF80; border-top: 1px solid #FFFFFF80;*/ margin-left: -30px; } #goroptions:hover .subgornav { visibility: visible; top: 100%; opacity: 1; } /* .textes img { display: block; margin-bottom: 4px; }*/ .img-wrapper { display: inline-block; } .img-wrapper { background: #fafafa; border: solid 1px #ccc; padding: 5px; border-radius: 5px; margin-bottom: 10px; } .img-wrapper .img-descr { text-align: center; font-size: smaller; } .topcaruse { position: absolute; width: 328px; background: #000; opacity: 0.5; height: 201px; } .topcarusetext { position: absolute; color: #fff; width: 328px; text-align: center; height: 201px; } .frate {height:40px; line-height:24px; width:150px; position:relative; opacity:0; display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; -ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items: center;} .frate.done {opacity:1;} .rate-data {display:none;} .rate-plus, .rate-minus {cursor:pointer;} .frate .fa {color:#95c00e; display:inline-block; vertical-align:top; font-size: 24px;} .rate-minus .fa {color:#D80027; position: relative;} /*.frate div:hover .fa {animation: bounceRate 0.3s infinite linear; animation-direction: alternate;}*/ .rbar {height:6px; overflow:hidden; background-color:#D80027; border-radius:3px; position:absolute; left:0; bottom:0; width:100%;} .rfill {width:50%; height:100%; position:absolute; left:0; top:0; background-color:#95c00e; transition:width 1s linear;} .rate-perc {font-size: 18px; font-weight: 700;} .rate-perc.high {color:#95c00e;} .rate-perc.low {color:#D80027;} @keyframes bounceRate { from {transform: translate(0,0%);} to {transform: translate(0,-50%);} }