/* кол-во тем: 3 -- число, скрипт определяет количество дополнительных тем (тема "по умолчанию" не учитывается) */ /* РАЗЛИЧНЫЕ ТЕМЫ-ФОНЫ (идут отдельно) :root{ background_theme_0: url("/files/template1/img/field.jpg"); background_theme_1: url("/files/template1/img/forest.jpg"); background_theme_2: url("/files/template1/img/minsk1.jpg"); background_theme_3: url("/files/template1/img/minsk2.jpg"); background_theme_4: url("/files/template1/img/winter.jpg"); } #palette .background_theme_0 {background-image: url("/files/template1/img/field.jpg"); } #palette .background_theme_1 {background-image: url("/files/template1/img/forest.jpg"); } #palette .background_theme_2 {background-image: url("/files/template1/img/minsk1.jpg"); } #palette .background_theme_3 {background-image: url("/files/template1/img/minsk2.jpg"); } #palette .background_theme_4 {background-image: url("/files/template1/img/winter.jpg"); } */ /* ТЕМА ПО УМОЛЧАНИЮ (.color_theme_0). индекс новых тем должен начинаться с 1 и следовать по порядку */ :root{ --color0: #f0f0f0; /* цвет фона */ --color1: #005c4c; /* основной цвет #1 */ --color2: #9acab7; /* основной цвет #2 */ --color3: #222; /* основной цвет текста */ --color4: green; /* дополнительный цвет #1 */ --color5: #006d5a; /* дополнительный цвет #2 */ --color6: #9acab7; /* дополнительный цвет #3 */ --color7: #fff; /* цвет текста для объектов основного цвета */ --color8: #185996; /* цвет ссылки по умолчанию */ --color9: #943019; /* дополнительный цвет #4 */ --color10: #006142; /* дополнительный цвет #5 */ --color11: #00794e; /* цвет ссылок (обычные) */ --color12: #5a5a5a; /* цвет ссылок (посещённые) */ --color13: #f5f5f5; /* дополнительный цвет #6 */ --color14: #eee; /* дополнительный цвет #7 */ --color15: rgba(0, 92, 76, 0.65); /* в фотогалерее при наведении */ } #palette .color_theme_0 > .color_0 {background-color: #f0f0f0; } #palette .color_theme_0 > .color_1 {background-color: #005c4c; } #palette .color_theme_0 > .color_2 {background-color: #9acab7; } #palette .color_theme_0 > .color_3 {background-color: #222; } #palette .color_theme_0 > .color_4 {background-color: green; } #palette .color_theme_0 > .color_5 {background-color: #006d5a; } #palette .color_theme_0 > .color_6 {background-color: #9acab7; } #palette .color_theme_0 > .color_7 {background-color: #ccc; } #palette .color_theme_0 > .color_8 {background-color: #30cc4c; } #palette .color_theme_0 > .color_9 {background-color: #943019; } #palette .color_theme_0 > .color_10 {background-color: #006142; } #palette .color_theme_0 > .color_11 {background-color: #00794e; } #palette .color_theme_0 > .color_12 {background-color: #5a5a5a; } #palette .color_theme_0 > .color_13 {background-color: #f5f5f5; } #palette .color_theme_0 > .color_14 {background-color: #eee; } #palette .color_theme_0 > .color_15 {background-color: rgba(0, 92, 76, 0.65); } /* ТЕМА 1 */ #palette .color_theme_1 > .color_0 {background-color: #f0f0f0; } #palette .color_theme_1 > .color_1 {background-color: #0056a7; } #palette .color_theme_1 > .color_2 {background-color: #82b6e4; } #palette .color_theme_1 > .color_3 {background-color: #222; } #palette .color_theme_1 > .color_4 {background-color: #006fd6; } #palette .color_theme_1 > .color_5 {background-color: #00417d; } #palette .color_theme_1 > .color_6 {background-color: #a6c4e0; } #palette .color_theme_1 > .color_7 {background-color: #fff; } #palette .color_theme_1 > .color_8 {background-color: #45a3fb; } #palette .color_theme_1 > .color_9 {background-color: #00488a; } #palette .color_theme_1 > .color_10 {background-color: #004484; } #palette .color_theme_1 > .color_11 {background-color: #0056a7; } #palette .color_theme_1 > .color_12 {background-color: #5a5a5a; } #palette .color_theme_1 > .color_13 {background-color: #f5f5f5; } #palette .color_theme_1 > .color_14 {background-color: #eee; } #palette .color_theme_1 > .color_15 {background-color: rgba(0, 86, 167, 0.65); } /* ТЕМА 2 */ #palette .color_theme_2 > .color_0 {background-color: #f0f0f0; } #palette .color_theme_2 > .color_1 {background-color: #5e509e; } #palette .color_theme_2 > .color_2 {background-color: #abb0ff; } #palette .color_theme_2 > .color_3 {background-color: #222; } #palette .color_theme_2 > .color_4 {background-color: #7b62ea; } #palette .color_theme_2 > .color_5 {background-color: #493994; } #palette .color_theme_2 > .color_6 {background-color: #a6ade0; } #palette .color_theme_2 > .color_7 {background-color: #fff; } #palette .color_theme_2 > .color_8 {background-color: #abb0ff; } #palette .color_theme_2 > .color_9 {background-color: #6653ca; } #palette .color_theme_2 > .color_10 {background-color: #313131; } #palette .color_theme_2 > .color_11 {background-color: #493994; } #palette .color_theme_2 > .color_12 {background-color: #5a5a5a; } #palette .color_theme_2 > .color_13 {background-color: #f5f5f5; } #palette .color_theme_2 > .color_14 {background-color: #eee; } #palette .color_theme_2 > .color_15 {background-color: rgba(73, 57, 148, 0.65); } /* ТЕМА 3 */ #palette .color_theme_3 > .color_0 {background-color: #f0f0f0; } #palette .color_theme_3 > .color_1 {background-color: #8a0a0a; } #palette .color_theme_3 > .color_2 {background-color: #ce6262; } #palette .color_theme_3 > .color_3 {background-color: #222; } #palette .color_theme_3 > .color_4 {background-color: #8a0a0a; } #palette .color_theme_3 > .color_5 {background-color: #6f0000; } #palette .color_theme_3 > .color_6 {background-color: #d29292; } #palette .color_theme_3 > .color_7 {background-color: #fff; } #palette .color_theme_3 > .color_8 {background-color: #ff5050; } #palette .color_theme_3 > .color_9 {background-color: #a50606; } #palette .color_theme_3 > .color_10 {background-color: #4e4e4e; } #palette .color_theme_3 > .color_11 {background-color: #800000; } #palette .color_theme_3 > .color_12 {background-color: #632323; } #palette .color_theme_3 > .color_13 {background-color: #f5f5f5; } #palette .color_theme_3 > .color_14 {background-color: #eee; } #palette .color_theme_3 > .color_15 {background-color: rgba(138, 10, 10, 0.65); } html {opacity: 0;} /* *********************************************** */ body {background: var(--color0);} /* .header_bg {background-image: var(--background_theme);} */ #main_menu, #footer, #main_menu .level_2 {background: var(--color1);} .owl-carousel .owl-dots button.active {outline-color: var(--color1);} .owl-carousel .owl-nav, .section_about .item_body {color: var(--color1);} .panel-heading, .archive_header > a:hover, input[type="submit"], button, .button, .archive_header .MapTabs .tabSelect, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background-color: var(--color2) ; } .main, .main_slider, .archive_header .MapTabs, .nav-tabs, .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-color: var(--color2);} .search_form .button /*, #main_menu a:first-letter */ {color: var(--color2); } body {color: var(--color3);} #main_menu a:focus, .owl-carousel .owl-dots button.active {background-color: var(--color4);} .ww_form input:focus, .ww_form select:focus, .ww_form textarea:focus, {border-color: var(--color4); } .ww_form li::marker {color: var(--color4);} a:hover, a:focus {color: var(--color5);} #nav_body .level_0 ul, #main_menu .level_0 > .parent_active, #main_menu .level_0 > .active {background-color: var(--color5);} #main_menu .level_2 {border-color: var(--color5); } .vivid, .section_about .item_body, .hot_tiles .item a:hover {background-color: var(--color6);} .accent {background: var(--color7);} input[type="submit"]:hover, button:hover, .button:hover {background-color: var(--color8); } #main_menu a:hover, #main_menu .clicked:hover, .navbar-toggle:hover, .navbar-toggle:focus {background-color: var(--color9); } .header_bg:after {background-color: var(--color10);} a {color: var(--color11);} a:visited {color: var(--color12);} #header_caption, #main_menu a {color: var(--color13);} .archive_header > span, .archive_header .MapTabsBody > span > a:hover, .panel-body {background-color: var(--color13);} .bonus_menu a:link, .bonus_menu a:visited, .search_form .button:hover, #main_menu, #footer {color: var(--color14);} .misc_news .item:hover {background: var(--color14);} .article .gallery > .item > span {background: var(--color15);} #scroll_up_button {background: var(--color7); color: var(--color3);} #scroll_up_button:hover {color: var(--color7); background: var(--color4);}