430 lines
14 KiB
CSS
430 lines
14 KiB
CSS
body.dark {
|
|
background: #1a1a1a;
|
|
background-image: -moz-linear-gradient(top, #303030 0%, #1a1a1a 116px);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(116px, #1a1a1a));
|
|
background-image: -webkit-linear-gradient(top, #303030 0%, #1a1a1a 116px);
|
|
background-image: -ms-linear-gradient(top, #303030 0%, #1a1a1a 116px);
|
|
background-image: linear-gradient(to bottom, #303030 0%, #1a1a1a 116px);
|
|
color: #8c8c8c;
|
|
}
|
|
body.dark a,
|
|
body.dark a:visited,
|
|
body.dark #powerTip > .actions a,
|
|
body.dark .button {
|
|
color: #8a8a8a;
|
|
}
|
|
body.dark input,
|
|
body.dark textarea,
|
|
body.dark div.analysis_menu > a.active,
|
|
body.dark div.chat_menu > a {
|
|
background: #1a1a1a;
|
|
color: #8a8a8a;
|
|
}
|
|
body.dark div.analysis_menu > a.active {
|
|
border-top-color: #1a1a1a;
|
|
}
|
|
body.dark div.chat_menu > a.active {
|
|
border-bottom-color: #262626;
|
|
}
|
|
body.dark .crosstable td {
|
|
border-color: #1a1a1a;
|
|
}
|
|
body.dark #reconnecting,
|
|
body.dark .mini_board,
|
|
body.dark #nb_connected_players,
|
|
body.dark #chat div.top,
|
|
body.dark #chat .messages,
|
|
body.dark div.undertable_top,
|
|
body.dark div.undertable_inner,
|
|
body.dark div.undertable td,
|
|
body.dark #tv_history td,
|
|
body.dark #chat form input,
|
|
body.dark #translation_call,
|
|
body.dark #footer_wrap,
|
|
body.dark div.game_config .optional_config,
|
|
body.dark div.game_config .ratings,
|
|
body.dark .ui-state-default,
|
|
body.dark .ui-widget-content,
|
|
body.dark div.side_box,
|
|
body.dark div.side_box .top,
|
|
body.dark div.table,
|
|
body.dark div.separator,
|
|
body.dark div.table_wrap > div.clock > div.time,
|
|
body.dark #tournament_side,
|
|
body.dark #tournament div.standing_wrap,
|
|
body.dark div.shortcuts .title,
|
|
body.dark div.content_box,
|
|
body.dark div.content_box_inter,
|
|
body.dark div.content_box_inter a.active,
|
|
body.dark div.content_box_inter a:hover,
|
|
body.dark input.copyable,
|
|
body.dark #site_header div.side_menu a.active,
|
|
body.dark div.game_row,
|
|
body.dark div.side form.search input,
|
|
body.dark #lichess_forum div.post,
|
|
body.dark #lichess_forum textarea,
|
|
body.dark #lichess_forum form.wide input,
|
|
body.dark #lichess_message tr,
|
|
body.dark #lichess_message div.thread_message,
|
|
body.dark #lichess_message textarea,
|
|
body.dark #lichess_message input,
|
|
body.dark .content_box form input,
|
|
body.dark div.progressbar,
|
|
body.dark form.translation_form div.messages,
|
|
body.dark form.translation_form input,
|
|
body.dark #adv_chart,
|
|
body.dark div.search_status,
|
|
body.dark #qa input,
|
|
body.dark #qa textarea,
|
|
body.dark #qa .answers-header,
|
|
body.dark #qa .question .comments,
|
|
body.dark #qa .comments .comment,
|
|
body.dark #qa .answer-wrap,
|
|
body.dark #qa .tm-tag,
|
|
body.dark table.slist,
|
|
body.dark table.slist thead th,
|
|
body.dark #notifications > div,
|
|
body.dark form.wide input[type="text"],
|
|
body.dark form.wide textarea,
|
|
body.dark #team .team-left,
|
|
body.dark #team .team-right,
|
|
body.dark #team h2,
|
|
body.dark #team.team_show div.content_box_top,
|
|
body.dark .leaderboard_title,
|
|
body.dark #friend_box,
|
|
body.dark #friend_box .title,
|
|
body.dark div.user_show div.user-infos,
|
|
body.dark div.game_config input[type="text"],
|
|
body.dark #powerTip,
|
|
body.dark #powerTip > .title,
|
|
body.dark #hooks_wrap .table_wrap table th,
|
|
body.dark #hooks_wrap .table_wrap table td,
|
|
body.dark #hooks_wrap,
|
|
body.dark #hooks_wrap > div.tabs > a,
|
|
body.dark #hooks_chart > div.grid,
|
|
body.dark div.vstext,
|
|
body.dark div.user_show div.content_box_inter.tabs,
|
|
body.dark #enterable_tournaments table.scheduled,
|
|
body.dark div.user_show .mod_zone .listings,
|
|
body.dark div.user_show .mod_zone .slist,
|
|
body.dark div.user_show .note_zone,
|
|
body.dark div.user_show .note_zone div,
|
|
body.dark div.analysis_menu,
|
|
body.dark div.analysis_menu > a,
|
|
body.dark .lichess_ground .replay,
|
|
body.dark .lichess_ground .comment,
|
|
body.dark .lichess_ground .variation,
|
|
body.dark .lichess_ground .analyse > .variation.border,
|
|
body.dark div.content_box.prefs form li,
|
|
body.dark div.content_box.prefs fieldset,
|
|
body.dark #claim_draw_zone,
|
|
body.dark .is2d #themepicker div.color_demo,
|
|
body.dark .crosstable th,
|
|
body.dark #lichess_blog .list h1,
|
|
body.dark #lichess_blog .body h2,
|
|
body.dark #lichess_blog .body img,
|
|
body.dark #top div.auth .sep,
|
|
body.dark div.doc_box h2,
|
|
body.dark div.training div.box,
|
|
body.dark div.force_resign_zone,
|
|
body.dark div.negotiation,
|
|
body.dark div.side_box div.game_infos,
|
|
body.dark #challenge_notifications div.notification,
|
|
body.dark #message_notifications div.notification,
|
|
body.dark div.chat_menu > a {
|
|
border-color: #3d3d3d;
|
|
}
|
|
body.dark .crosstable td.last {
|
|
border-right-color: #3d3d3d;
|
|
}
|
|
body.dark .ui-slider,
|
|
body.dark div.progressbar,
|
|
body.dark #translation_call div.progressbar,
|
|
body.dark #themepicker div.theme:hover {
|
|
background-color: #505050;
|
|
}
|
|
body.dark #hooks_wrap > div.tabs > a,
|
|
body.dark #top div.auth .links a:hover,
|
|
body.dark #top ul.language_links a:hover,
|
|
body.dark #top ul.language_links a.current,
|
|
body.dark #challenge_notifications > div.notification:hover,
|
|
body.dark #message_notifications div.notification:hover {
|
|
background-color: #3e3e3e;
|
|
color: #b0b0b0;
|
|
}
|
|
body.dark #top a.signin,
|
|
body.dark #top a.toggle:hover,
|
|
body.dark #top a.goto_nav.current,
|
|
body.dark #top a.goto_nav:hover,
|
|
body.dark #sound_state:hover {
|
|
color: #c0c0c0;
|
|
}
|
|
body.dark #timeline a,
|
|
body.dark #chat span,
|
|
body.dark #chat a.user_link,
|
|
body.dark div.undertable a.user_link,
|
|
body.dark #tv_history a.user_link,
|
|
body.dark #timeline a.user_link,
|
|
body.dark #team .forum a.user_link,
|
|
body.dark.coords_2 .cg-square[data-coord-x]::after,
|
|
body.dark.coords_2 .cg-square[data-coord-y]::before,
|
|
body.dark div.user_show div.content_box_top > span,
|
|
body.dark span.progress > .zero,
|
|
body.dark div.undertable_top span.title {
|
|
color: #777;
|
|
}
|
|
body.dark .crosstable td a,
|
|
body.dark #hook_filter td > label.hover:hover,
|
|
body.dark #promotion_choice {
|
|
background: rgba(0, 0, 0, 0.7);
|
|
}
|
|
body.dark #chat .messages,
|
|
body.dark div.side_box,
|
|
body.dark div.table,
|
|
body.dark div.table_wrap > div.clock > div.time,
|
|
body.dark #friend_box .content a:hover,
|
|
body.dark #footer_wrap,
|
|
body.dark div.undertable_inner,
|
|
body.dark #tv_history div.content,
|
|
body.dark div.table .loader:before,
|
|
body.dark div.table .loader:after,
|
|
body.dark div.chat_menu > a.active,
|
|
body.dark div.chat_panels > .notes {
|
|
background-color: #262626;
|
|
}
|
|
body.dark #hooks_wrap .table_wrap table td,
|
|
body.dark #now_playing > a {
|
|
background: rgba(40, 40, 40, 0.6);
|
|
border-color: #242424;
|
|
}
|
|
body.dark #hooks_wrap .table_wrap table tr.cancel td {
|
|
background: rgba(0, 80, 0, 0.7);
|
|
}
|
|
body.dark #hooks_wrap .table_wrap table tr:hover td,
|
|
body.dark #now_playing > a:hover {
|
|
background: rgba(27, 51, 68, 0.7);
|
|
}
|
|
body.dark #hook_filter {
|
|
background: rgba(0, 0, 0, 0.8);
|
|
}
|
|
body.dark #hook_filter td > label {
|
|
color: #c0c0c0;
|
|
}
|
|
body.dark #hooks_wrap,
|
|
body.dark #hooks_wrap a.filter:hover,
|
|
body.dark #hooks_wrap a.filter.active,
|
|
body.dark #hooks_wrap > div.tabs > a:hover,
|
|
body.dark #hooks_wrap > div.tabs > a.active {
|
|
background-color: #303030;
|
|
}
|
|
body.dark #hooks_wrap > div.tabs > a:hover {
|
|
border-top-color: #808080;
|
|
}
|
|
body.dark #hooks_wrap > div.tabs > a.active {
|
|
border-bottom-color: #303030;
|
|
border-top-color: #d85000;
|
|
}
|
|
body.dark div.table_not_started {
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
body.dark .lichess_ground .replay .turn .index,
|
|
body.dark .lichess_ground .comment,
|
|
body.dark .lichess_ground .variation,
|
|
body.dark .lichess_ground .replay a.move:hover,
|
|
body.dark .lichess_ground .replay td.move:hover,
|
|
body.dark #top .dropdown,
|
|
body.dark #top .shown a.toggle,
|
|
body.dark div.analysis_menu > a,
|
|
body.dark div.lichess_overboard,
|
|
body.dark #tv_history tr:hover td,
|
|
body.dark div.content_box,
|
|
body.dark div.content_box_inter a.active,
|
|
body.dark #site_header div.side_menu a.active,
|
|
body.dark #tournament_side,
|
|
body.dark table.translations tbody tr,
|
|
body.dark form.translation_form div.message,
|
|
body.dark #lichess_forum table.forum_table thead tr:nth-child(odd),
|
|
body.dark div.lichess_overboard .loader:before,
|
|
body.dark div.lichess_overboard .loader:after,
|
|
body.dark div.content_box .loader:before,
|
|
body.dark div.content_box .loader:after {
|
|
background-color: #2b2b2b;
|
|
}
|
|
body.dark #timeline,
|
|
body.dark #timeline > .entry {
|
|
border-color: #2b2b2b;
|
|
}
|
|
body.dark #site_header div.side_menu a.active,
|
|
body.dark #hooks_wrap .table_wrap table,
|
|
body.dark div.content_box h1 {
|
|
text-shadow: 0px 1px 0px #000;
|
|
}
|
|
body.dark div.game_row:nth-child(odd),
|
|
body.dark #lichess_forum table.forum_table tr:nth-child(odd),
|
|
body.dark #lichess_message tr:nth-child(even),
|
|
body.dark div.content_box_inter,
|
|
body.dark table.slist tbody tr:nth-child(even),
|
|
body.dark #team .forum li:nth-child(odd),
|
|
body.dark table.translations tbody tr:nth-child(odd),
|
|
body.dark form.translation_form div.message:nth-child(even),
|
|
body.dark div.content_box table.datatable tr:nth-child(odd),
|
|
body.dark div.game_config .optional_config,
|
|
body.dark div.game_config .ratings,
|
|
body.dark div.search_status,
|
|
body.dark #friend_box,
|
|
body.dark #powerTip {
|
|
background: #343434;
|
|
}
|
|
body.dark #top ul.language_links a.accepted,
|
|
body.dark #lichess_forum div.post .message,
|
|
body.dark #lichess_blog,
|
|
body.dark #lichess_message div.thread_message div.thread_message_body,
|
|
body.dark form.translation_form div.message label,
|
|
body.dark div.user_show div.content_box_top > span strong {
|
|
color: #b0b0b0;
|
|
}
|
|
body.dark #hooks_wrap {
|
|
background-image: url(../images/bN-bg.svg);
|
|
background-size: 100% 100%;
|
|
}
|
|
body.dark div.table_wrap > div.clock.running > div.time {
|
|
background: #505a60;
|
|
color: #fff;
|
|
}
|
|
body.dark div.table_wrap > div.clock.running.emerg > div.time,
|
|
body.dark div.table_wrap > div.clock.outoftime > div.time {
|
|
background-color: #a00000;
|
|
color: #d0d0d0;
|
|
}
|
|
body.dark div.content_box_top {
|
|
background-color: #343434;
|
|
background-image: linear-gradient(to bottom, #3a3a3a 0%, #343434 100%);
|
|
text-shadow: 0px 1px 0px #000;
|
|
}
|
|
/* soft inactive gradient */
|
|
|
|
body.dark .crosstable th,
|
|
body.dark #chat div.top,
|
|
body.dark div.side_box div.top,
|
|
body.dark #friend_box .title,
|
|
body.dark div.undertable_top,
|
|
body.dark .button,
|
|
body.dark .button:visited,
|
|
body.dark .ui-state-default,
|
|
body.dark #translation_call,
|
|
body.dark #notifications > div,
|
|
body.dark div.vstext,
|
|
body.dark div.user_show div.content_box_inter.tabs,
|
|
body.dark #qa .answers-header,
|
|
body.dark table.slist thead {
|
|
background: rgb(40, 40, 40);
|
|
background: -moz-linear-gradient(top, rgba(40, 40, 40, 1) 0%, rgba(34, 34, 34, 1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40, 40, 40, 1)), color-stop(100%, rgba(34, 34, 34, 1)));
|
|
background: -webkit-linear-gradient(top, rgba(40, 40, 40, 1) 0%, rgba(34, 34, 34, 1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(40, 40, 40, 1) 0%, rgba(34, 34, 34, 1) 100%);
|
|
background: linear-gradient(to bottom, rgba(40, 40, 40, 1) 0%, rgba(34, 34, 34, 1) 100%);
|
|
text-shadow: 0px 1px 0px #000;
|
|
}
|
|
body.dark .button,
|
|
body.dark a.button,
|
|
body.dark .ui-button,
|
|
body.dark .ui-slider-handle,
|
|
body.dark .ui-widget-content,
|
|
body.dark .lichess_ground .replay .moves {
|
|
border-color: #323232;
|
|
}
|
|
body.dark .button:hover,
|
|
body.dark a.button:hover,
|
|
body.dark .ui-state-hover {
|
|
border-color: #383838;
|
|
background: rgb(44, 44, 44);
|
|
background: -moz-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(40, 40, 40, 1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(44, 44, 44, 1)), color-stop(100%, rgba(40, 40, 40, 1)));
|
|
background: -webkit-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(40, 40, 40, 1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(44, 44, 44, 1) 0%, rgba(40, 40, 40, 1) 100%);
|
|
background: linear-gradient(to bottom, rgba(44, 44, 44, 1) 0%, rgba(40, 40, 40, 1) 100%);
|
|
}
|
|
body.dark #hooks_chart .plot {
|
|
box-shadow: 0 0 5px #000;
|
|
}
|
|
body.dark #hooks_chart > span.label {
|
|
text-shadow: 0 0 3px #000;
|
|
}
|
|
body.dark .loader {
|
|
box-shadow: inset 0 0 0 1em #444;
|
|
}
|
|
body.dark .loader:before,
|
|
body.dark .loader:after {
|
|
background: #1a1a1a;
|
|
}
|
|
body.dark #puzzle > .side div.fail,
|
|
body.dark #puzzle > .side div.loss {
|
|
color: #e97472;
|
|
background: #582b33;
|
|
}
|
|
body.dark #puzzle > .side div.retry {
|
|
color: #8482c9;
|
|
background: #101034;
|
|
}
|
|
body.dark #puzzle > .side div.great,
|
|
body.dark #puzzle > .side div.win,
|
|
body.dark #puzzle > .right .please_vote {
|
|
background: #103410;
|
|
color: #74a962;
|
|
}
|
|
body.dark div.game_tournament table.standing tr.me td {
|
|
background: #333;
|
|
}
|
|
body.dark #top .shown .dropdown {
|
|
border: 1px solid #3d3d3d;
|
|
border-top: 0;
|
|
right: -1px;
|
|
}
|
|
body.pirouetti.dark div.cemetery div.cg-piece.black {
|
|
-webkit-filter: brightness(2) contrast(150%) drop-shadow(0 0 0.5px #fff);
|
|
}
|
|
body.alpha.dark div.cemetery div.cg-piece.black {
|
|
-webkit-filter: brightness(6) contrast(150%) drop-shadow(0 0 0.5px #fff);
|
|
}
|
|
body.dark .scroll-shadow-soft,
|
|
body.dark .scroll-shadow-hard {
|
|
background: linear-gradient(#262626 30%, rgba(36, 36, 36, 0)), linear-gradient(rgba(36, 36, 36, 0), #262626 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)) 0 100%;
|
|
}
|
|
body.dark .scroll-shadow-soft,
|
|
body.dark .scroll-shadow-hard {
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px;
|
|
background-attachment: local, local, scroll, scroll;
|
|
}
|
|
body.dark div.user_show div.user-infos.scroll-shadow-hard {
|
|
background: linear-gradient(#2b2b2b 30%, rgba(43, 43, 43, 0)), linear-gradient(rgba(43, 43, 43, 0), #2b2b2b 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)) 0 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px;
|
|
background-attachment: local, local, scroll, scroll;
|
|
}
|
|
body.dark div.side_box div.game_infos .bookmark {
|
|
background: radial-gradient(ellipse at center, rgba(38, 38, 38, 1) 0%, rgba(38, 38, 38, 1) 25%, rgba(38, 38, 38, 0) 100%);
|
|
}
|
|
body.dark div.game_row:hover {
|
|
background: rgba(27, 51, 68, 0.5);
|
|
}
|
|
body.dark .is.color-icon.white::before {
|
|
content: "J";
|
|
}
|
|
body.dark .is.color-icon.black::before {
|
|
content: "K";
|
|
}
|
|
body.dark::-webkit-input-placeholder {
|
|
color: #666;
|
|
}
|
|
body.dark:-moz-placeholder {
|
|
color: #666;
|
|
}
|
|
body.dark::-moz-placeholder {
|
|
color: #666;
|
|
}
|
|
body.dark:-ms-input-placeholder {
|
|
color: #666;
|
|
}
|