@charset "UTF-8"; /** * Site diffs (Russia1/Russia2) * * @author Viacheslav Glushko aka iXax * @version 1.0.201204.26.1 * @since 1.0.201204.26.1 * @link http://ixax.ru/portfolio/company/vgtrk/ ----------------------------------------------------------------------------- */ /** * Конфигурация ------------------------------------------------------------------------------ */ /** * Устанавливаем кодировку ------------------------------------------------------------------------------ */ /** * Подключаем внешние mixins ------------------------------------------------------------------------------ */ /** * Main mixins * * 1.0.201202.11.1 * .size -> .box-size * * @author Viacheslav Glushko aka iXax * @version 1.0.201202.11.1 * @since 1.0.201202.01.1 * @link http://ixax.ru/projects/less-stuff/ ----------------------------------------------------------------------------- */ /** * Устанавливаем размер блока ----------------------------------------------------------------------------- */ /** * font-size/line-height ----------------------------------------------------------------------------- */ /** * Абсолютное позиционирование ----------------------------------------------------------------------------- */ /** * Multi-browser horizontal menu ----------------------------------------------------------------------------- */ /** * Vertical centered (необходимо задавать высоту элемента) ----------------------------------------------------------------------------- */ /** * DISPLAY: , , ----------------------------------------------------------------------------- */ /** * POSITION ----------------------------------------------------------------------------- */ /** * CSS3 mixins * * History: * 1.0.201202.01.1 * Старт проекта * 1.0.201202.09.1 * Добавлена частичная поддержка CSS3Pie (http://css3pie.com): .gradient добавляем -pie- свойство; * * @author Viacheslav Glushko aka iXax * @version 1.0.201204.11.1 * @since 1.0.201202.01.1 * @link http://ixax.ru/projects/less-stuff/ ----------------------------------------------------------------------------- */ /* PRIVATE background-clip */ /** * GRADIENTS ----------------------------------------------------------------------------- */ /** * border-radius ----------------------------------------------------------------------------- */ /** * box-shadow ----------------------------------------------------------------------------- */ /* .transition-duration(@duration: 0.2s) { -moz-transition-duration: @duration; -webkit-transition-duration: @duration; transition-duration: @duration; } .scale(@ratio:1.5){ -webkit-transform:scale(@ratio); -moz-transform:scale(@ratio); transform:scale(@ratio); } .transition(@duration:0.2s, @ease:ease-out) { -webkit-transition: all @duration @ease; -moz-transition: all @duration @ease; transition: all @duration @ease; } .columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { -moz-column-width: @colwidth; -moz-column-count: @colcount; -moz-column-gap: @colgap; -moz-column-rule-color: @columnRuleColor; -moz-column-rule-style: @columnRuleStyle; -moz-column-rule-width: @columnRuleWidth; -webkit-column-width: @colwidth; -webkit-column-count: @colcount; -webkit-column-gap: @colgap; -webkit-column-rule-color: @columnRuleColor; -webkit-column-rule-style: @columnRuleStyle; -webkit-column-rule-width: @columnRuleWidth; column-width: @colwidth; column-count: @colcount; column-gap: @colgap; column-rule-color: @columnRuleColor; column-rule-style: @columnRuleStyle; column-rule-width: @columnRuleWidth; } .translate(@x:0, @y:0) { -moz-transform: translate(@x, @y); -webkit-transform: translate(@x, @y); -o-transform: translate(@x, @y); -ms-transform: translate(@x, @y); transform: translate(@x, @y); } */ /** * Подключаем mixins/variables проекта ------------------------------------------------------------------------------ */ /** * Переменные проекта * * @author Viacheslav Glushko aka iXax * @version 1.0.201205.12.1 * @since 1.0.201202.01.1 * @link http://ixax.ru/portfolio/company/vgtrk/ ----------------------------------------------------------------------------- */ /** * Box sizes ----------------------------------------------------------------------------- */ /** * Цвета текста ----------------------------------------------------------------------------- */ /* Цвет фона у активных элементов */ /** * Цвета в градиентных блоках и кнопках ----------------------------------------------------------------------------- */ /* #ddd */ /** * Цвета фона и рамок у блоков ----------------------------------------------------------------------------- */ /** * Иконки ------------------------------------------------------------------------------ */ /** * BODY Theming ----------------------------------------------------------------------------- */ /** * Presets mixins * * * @author Viacheslav Glushko aka iXax * @version 1.0.201205.12.1 * @since 1.0.201202.01.1 * @link http://ixax.ru/portfolio/company/vgtrk/ ----------------------------------------------------------------------------- */ /** * Font ----------------------------------------------------------------------------- */ .font-roboto { font-family: "Roboto"; } /** * Градиенты ----------------------------------------------------------------------------- */ /** * Background с точечками ------------------------------------------------------------------------------ */ /** * Background с диагональным полосками ------------------------------------------------------------------------------ */ /** * Подложка под блоками ------------------------------------------------------------------------------ */ /** * Вогнутая кнопка с тенюшками ------------------------------------------------------------------------------ */ /** * Иконка поверх превьюшки видео ----------------------------------------------------------------------------- */ /** * PICTURE LINK ------------------------------------------------------------------------------ */ /** * Фотка в персонах и галереях ------------------------------------------------------------------------------ */ /** * Малые иконки просмотров / фотографий / комментариев / подробнее ------------------------------------------------------------------------------ */ /** * “Правильный” text-shadow ------------------------------------------------------------------------------ */ /** * Стиль текста в статьях ------------------------------------------------------------------------------ */ /** * Close button ------------------------------------------------------------------------------ */ /** * /index/ box-shadow on main blocks ----------------------------------------------------------------------------- */ body.site_russia1 div.b-box-shadow { -webkit-box-shadow: 0 5px 12px #666; -moz-box-shadow: 0 5px 12px #666; box-shadow: 0 5px 12px #666; } body.site_russia2 div.b-box-shadow { -webkit-box-shadow: 0 5px 12px #000; -moz-box-shadow: 0 5px 12px #000; box-shadow: 0 5px 12px #000; } /** * #promo ----------------------------------------------------------------------------- */ body.site_russia2 #promo.low { background: rgba(0, 0, 0, 0.5); } body.site_russia2 #promo.thin { background: rgba(0, 0, 0, 0.5); } body.site_russia2 #promo.thin div.wrap { background: none; } body.site_russia2 #promo h1, body.site_russia2 #promo h1 a { color: #fff; text-shadow: 0 0 5px rgba(57, 108, 255, 0.4); } /** * #MAIN border-top ----------------------------------------------------------------------------- */ body.site_russia2 #main { border-top: 0; } /** * BODY ----------------------------------------------------------------------------- */ body.site_russia2 { background-color: #1c1c1c; background-image: url("/National_Library/oe_/https://tvkultura.ru/i/main_bg-russia2.jpg"); } body.site_russiak { /* background: url("@{root}/culture-bg-repeat.jpg") center top repeat-y;*/ background-color: #f3f3f3; } #page_article_show, #page_news_index { background: url("/National_Library/oe_/https://tvkultura.ru/i/news-russiak.jpg") center top no-repeat; background-size: 100%; background-color: #e7e7e7; width: 100%; } #page_article_show div.culture-bg-upper, #page_news_index div.culture-bg-upper { background: none; } #promo.thin div.wrap { background: none; } /** * Вкладки на /video/ ----------------------------------------------------------------------------- */ body.site_russia2 #promo a.logo { background-image: url("/National_Library/oe_/https://tvkultura.ru/i/logo/standart-russia2.png"); } body.site_russia2 #promo div.b-video-genres ul.items li a { color: #fff; text-shadow: 0 1px 0 #000; } body.site_russia2 #promo div.b-video-genres ul.items li a.active { color: #333; text-shadow: 0 1px 0 #eee; } body.site_russia2 #promo div.b-video-genres ul.items li a:hover { color: #333; text-shadow: 0 1px 0 #eee; } body.site_russiak #promo a.logo { background-image: url("/National_Library/oe_/https://tvkultura.ru/i/logo/standart-russiak.png?v=1"); } body.site_russiak #promo div.wrap { background: none rgba(255, 255, 255, 0.3); } body.site_russiak div.b-box-shadow { -webkit-box-shadow: inset 0 5px 12px #666; -moz-box-shadow: inset 0 5px 12px #666; box-shadow: inset 0 5px 12px #666; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } body.site_russiak div.culture-bg-upper { position: absolute; top: 10px; width: 100%; height: 586px; background: url("/National_Library/oe_/https://tvkultura.ru/i/culture-bg-upper.png") center top no-repeat; z-index: -2; } /* * значок "смотреть трейлер" чуть повыше для России-2 с ее длинным названиями */ body.site_russia2 div.b-soon div.b-soon__air div.items_wrap ul.items li.item div.name a.videotrailer { margin-top: 2px; }