/* 5 тем -- число, скрипт определяет количество дополнительных тем ("по умолчанию" не учитывается) */ /* ТЕМА ПО УМОЛЧАНИЮ */ :root{ --color0: #eee; /* цвет фона */ --color1: #111; /* цвет текста по умолчанию */ --color2: #4d85c5; /* основной цвет */ --color3: #6897ce; /* оттенок основного цвета 1 */ --color4: #4271a8; /* оттенок основного цвета 2 */ --color5: #fff; /* дополнительный цвет */ --color6: orange; /* акцент */ --color7: #fff; /* цвет текста для объектов основного цвета */ --color8: #185996; /* цвет ссылки по умолчанию */ --color9: #D6A037; /* цвет ссылки при наведении */ --color10: #44515d; /* цвет ссылки посещённой */ } /* 0 - это тема по умолчанию. индекс новых тем должен начинаться с 1 и следовать по порядку */ #palette .color_theme_0 > .color_0 {background-color: #eee; } #palette .color_theme_0 > .color_1 {background-color: #111; } #palette .color_theme_0 > .color_2 {background-color: #4d85c5; } #palette .color_theme_0 > .color_3 {background-color: #6897ce; } #palette .color_theme_0 > .color_4 {background-color: #4271a8; } #palette .color_theme_0 > .color_5 {background-color: #fff; } #palette .color_theme_0 > .color_6 {background-color: orange; } #palette .color_theme_0 > .color_7 {background-color: #fff; } #palette .color_theme_0 > .color_8 {background-color: #185996; } #palette .color_theme_0 > .color_9 {background-color: #D6A037; } #palette .color_theme_0 > .color_10 {background-color: #44515d; } /* ТЕМА 1 */ #palette .color_theme_1 > .color_0 {background-color: #e7f0f7; } #palette .color_theme_1 > .color_1 {background-color: #222; } #palette .color_theme_1 > .color_2 {background-color: #fff; } #palette .color_theme_1 > .color_3 {background-color: #d1ecff; } #palette .color_theme_1 > .color_4 {background-color: #b1deff; } #palette .color_theme_1 > .color_5 {background-color: #d1ecff; } #palette .color_theme_1 > .color_6 {background-color: pink; } #palette .color_theme_1 > .color_7 {background-color: #1e3350; } #palette .color_theme_1 > .color_8 {background-color: #185996; } #palette .color_theme_1 > .color_9 {background-color: #D6A037; } #palette .color_theme_1 > .color_10 {background-color: #44515d; } /* ТЕМА 2 */ #palette .color_theme_2 > .color_0 {background-color: #eee; } #palette .color_theme_2 > .color_1 {background-color: #111; } #palette .color_theme_2 > .color_2 {background-color: #b53333; } #palette .color_theme_2 > .color_3 {background-color: #c74a4a; } #palette .color_theme_2 > .color_4 {background-color: #a90303; } #palette .color_theme_2 > .color_5 {background-color: #fff; } #palette .color_theme_2 > .color_6 {background-color: #ff9494; } #palette .color_theme_2 > .color_7 {background-color: #fff; } #palette .color_theme_2 > .color_8 {background-color: #a90303; } #palette .color_theme_2 > .color_9 {background-color: #c74a4a; } #palette .color_theme_2 > .color_10 {background-color: #aaa; } /* ТЕМА 3 */ #palette .color_theme_3 > .color_0 {background-color: #f5f5f5; } #palette .color_theme_3 > .color_1 {background-color: #111; } #palette .color_theme_3 > .color_2 {background-color: #008a3b; } #palette .color_theme_3 > .color_3 {background-color: #2fb957; } #palette .color_theme_3 > .color_4 {background-color: #008226; } #palette .color_theme_3 > .color_5 {background-color: #fff; } #palette .color_theme_3 > .color_6 {background-color: #ffd784; } #palette .color_theme_3 > .color_7 {background-color: #fff; } #palette .color_theme_3 > .color_8 {background-color: #185996; } #palette .color_theme_3 > .color_9 {background-color: #D6A037; } #palette .color_theme_3 > .color_10 {background-color: #44515d; } /* ТЕМА 4 */ #palette .color_theme_4 > .color_0 {background-color: #eee; } #palette .color_theme_4 > .color_1 {background-color: #111; } #palette .color_theme_4 > .color_2 {background-color: #bf5b18; } #palette .color_theme_4 > .color_3 {background-color: #d6681f; } #palette .color_theme_4 > .color_4 {background-color: #b75e24; } #palette .color_theme_4 > .color_5 {background-color: #fff; } #palette .color_theme_4 > .color_6 {background-color: orange; } #palette .color_theme_4 > .color_7 {background-color: #fff; } #palette .color_theme_4 > .color_8 {background-color: #185996; } #palette .color_theme_4 > .color_9 {background-color: #D6A037; } #palette .color_theme_4 > .color_10 {background-color: #44515d; } /* ТЕМА 5 */ #palette .color_theme_5 > .color_0 {background-color: #c4d7e6; } #palette .color_theme_5 > .color_1 {background-color: #111; } #palette .color_theme_5 > .color_2 {background-color: #337db7; } #palette .color_theme_5 > .color_3 {background-color: #4892cc; } #palette .color_theme_5 > .color_4 {background-color: #296492; } #palette .color_theme_5 > .color_5 {background-color: #fff; } #palette .color_theme_5 > .color_6 {background-color: #fff; } #palette .color_theme_5 > .color_7 {background-color: #fff; } #palette .color_theme_5 > .color_8 {background-color: #185996; } #palette .color_theme_5 > .color_9 {background-color: #D6A037; } #palette .color_theme_5 > .color_10 {background-color: #44515d; } html {opacity: 0; } /* ******************************** */ a {color: var(--color8); } a:hover, a:focus {color: var(--color9); } a:visited {color: var(--color10); } body {background-color: var(--color0); color: var(--color1); } #main_menu {background-color: var(--color2); color: var(--color7); } .header_body {background-color: var(--color2); color: var(--color7); } .panel-heading {background-color: var(--color2); color: var(--color7); } button, .button {background-color: var(--color2); color: var(--color7); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: var(--color2); color: var(--color7); } .archive_header .MapTabs, .nav-tabs, .nav-tabs li > a, .tab-content .active {border-color: var(--color2); } .archive_header .MapTabs .tabSelect {background-color: var(--color2); } #footer {background-color: var(--color2); color: var(--color7); } .footer_menu a {color: var(--color7) !important; } #main_menu a {color: var(--color7); } .header_menu a {color: var(--color7); } .hot_menu a {color: var(--color7); } .owl-main .owl-dot {background-color: var(--color3); } button:hover, .button:hover {background-color: var(--color3); } .header_menu {background-color: var(--color3); color: var(--color7);} .owl-main .owl-dot.active {background-color: var(--color3); } #main_menu li {border-color: var(--color3); } .ww_form li::marker {color: var(--color2);} .header_top {background-color: var(--color4); color: var(--color7); } #main_menu li.parent_active, #main_menu li.active {background-color: var(--color4); color: var(--color7); } button:focus, .button:focus {background-color: var(--color4); color: var(--color7); } .footer_body {background-color: var(--color4); color: var(--color7); } .panel-light .panel-heading {background-color: transparent; color: var(--color4); } @media screen and (min-width: 768px) { #main_menu li:hover {background-color: var(--color4); color: var(--color7);} } .panel-body, .section_block {background-color: var(--color5); } .announcements {background-color: var(--color6); } @media screen and (max-width: 768px) { .nav-tabs > li > a {background: var(--color0);} } /* ******************** */