387 lines
11 KiB
CSS
387 lines
11 KiB
CSS
body.dark {
|
|
background: #1a1a1a url(../images/head_bg_dark.png) top left repeat-x;
|
|
background-position: left +25px;
|
|
color: #909090;
|
|
}
|
|
|
|
body.dark a,
|
|
body.dark a:visited {
|
|
color: #909090;
|
|
}
|
|
|
|
body.dark input,
|
|
body.dark textarea {
|
|
background: #1a1a1a;
|
|
color: #909090;
|
|
}
|
|
|
|
/* standard shadow */
|
|
body.dark div.lichess_chat,
|
|
body.dark div.undertable,
|
|
body.dark div.lichess_board_wrap,
|
|
body.dark div.lichess_table .lichess_button,
|
|
body.dark div.lichess_goodies div.box,
|
|
body.dark div.lichess_table,
|
|
body.dark div.undergame_box,
|
|
body.dark div.clock,
|
|
body.dark #GameText,
|
|
body.dark #GameBoard table.boardTable,
|
|
body.dark .button.strong,
|
|
body.dark .button.shadowed,
|
|
body.dark #tournament_side,
|
|
body.dark #friend_box,
|
|
body.dark div.content_box,
|
|
body.dark #powerTip
|
|
{
|
|
box-shadow: 0 0 5px #505050;
|
|
}
|
|
|
|
body.dark #top,
|
|
body.dark #nb_connected_players,
|
|
body.dark #reconnecting,
|
|
body.dark #connecting,
|
|
body.dark div.lichess_chat_top,
|
|
body.dark div.lichess_chat .lichess_messages,
|
|
body.dark div.undertable_top,
|
|
body.dark div.undertable_inner,
|
|
body.dark div.undertable td,
|
|
body.dark div.lichess_table .lichess_button,
|
|
body.dark div.lichess_chat form input,
|
|
body.dark div.lichess_board_wrap,
|
|
body.dark #translation_call,
|
|
body.dark div.hooks,
|
|
body.dark div.hooks table,
|
|
body.dark div.hooks td.action,
|
|
body.dark div.footer_wrap,
|
|
body.dark div.game_config .optional_config,
|
|
body.dark .ui-state-default,
|
|
body.dark .ui-widget-content,
|
|
body.dark div.lichess_goodies div.box,
|
|
body.dark div.lichess_table,
|
|
body.dark div.lichess_separator,
|
|
body.dark div.undergame_box,
|
|
body.dark div.game_more div.more_top,
|
|
body.dark div.clock,
|
|
body.dark .button,
|
|
body.dark #GameText,
|
|
body.dark #tournament_side,
|
|
body.dark #GameBoard table.boardTable,
|
|
body.dark div.content_box,
|
|
body.dark div.content_box_top,
|
|
body.dark div.content_box_top a,
|
|
body.dark div.content_box_inter,
|
|
body.dark div.content_box_inter a.active,
|
|
body.dark div.header div.side_menu a.active,
|
|
body.dark div.game_row,
|
|
body.dark div.user_lists form.search_user_form input,
|
|
body.dark div.user_lists div.all_users,
|
|
body.dark div.user_show div.elo_with_me,
|
|
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 div.locale_menu a,
|
|
body.dark div.adv_chart,
|
|
body.dark #top .dropdown,
|
|
body.dark div.lichess_overboard p.explanations,
|
|
body.dark div.search_status,
|
|
body.dark table.slist,
|
|
body.dark table.slist thead th,
|
|
body.dark div.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 .leaderboard_title,
|
|
body.dark #friend_box,
|
|
body.dark #friend_box .title,
|
|
body.dark div.user_show div.mod_zone,
|
|
body.dark div.user_show div.user-infos,
|
|
body.dark div.game_config input[type="text"],
|
|
body.dark #powerTip,
|
|
body.dark #powerTip > .title
|
|
{
|
|
border-color: #444;
|
|
}
|
|
|
|
body.dark .ui-slider,
|
|
body.dark div.progressbar,
|
|
body.dark #translation_call div.progressbar,
|
|
body.dark #top div.themepicker.shown div.theme:hover
|
|
{
|
|
background-color: #505050;
|
|
}
|
|
body.dark #top div.auth .links a:hover,
|
|
body.dark #top ul.language_links a:hover,
|
|
body.dark #top ul.language_links a.current
|
|
{
|
|
background-color: #3e3e3e;
|
|
color: #b0b0b0;
|
|
}
|
|
|
|
body.dark #site_title,
|
|
body.dark #site_baseline,
|
|
body.dark div.lichess_chat span,
|
|
body.dark div.lichess_chat a.user_link,
|
|
body.dark div.lichess_chat a.user_link,
|
|
body.dark div.new_posts li span,
|
|
body.dark #team .forum a.user_link,
|
|
body.dark span.board_mark,
|
|
body.dark #timeline time
|
|
{
|
|
color: #808080;
|
|
}
|
|
body.dark #site_title span.extension {
|
|
color: #707070;
|
|
}
|
|
|
|
body.dark #top a.goto_nav:hover,
|
|
body.dark #top a.toggle:hover,
|
|
body.dark #top a.bgpicker:hover,
|
|
body.dark a#sound_state:hover,
|
|
body.dark #top .dropdown,
|
|
body.dark #GameText a:hover,
|
|
body.dark div.hooks_wrap a.filter:hover,
|
|
body.dark div.hooks_wrap a.filter.active,
|
|
body.dark #top .shown a.toggle {
|
|
background: #000;
|
|
}
|
|
|
|
body.dark #top span.new_messages {
|
|
background: #606060;
|
|
}
|
|
|
|
body.dark div.lichess_chat .lichess_messages,
|
|
body.dark div.undertable_inner,
|
|
body.dark div.lichess_goodies div.box,
|
|
body.dark div.undergame_box,
|
|
body.dark div.undertable td,
|
|
body.dark div.lichess_table,
|
|
body.dark div.lichess_table_wrap div.clock,
|
|
body.dark #friend_box .content a:hover,
|
|
body.dark div.footer_wrap
|
|
{
|
|
background: #242424;
|
|
}
|
|
|
|
body.dark .user_link.white {
|
|
background-position: 0 -288px;
|
|
}
|
|
body.dark .user_link.black {
|
|
background-position: 0 -272px;
|
|
}
|
|
|
|
body.dark div.hooks_wrap {
|
|
box-shadow: 0 0 20px #444;
|
|
background: rgba(10,10,10,0.8);
|
|
background: -moz-linear-gradient(top, rgba(33,33,33,0.9) 0%, rgba(15,15,15,0.5) 100%);
|
|
background: -webkit-linear-gradient(top, rgba(33,33,33,0.9) 0%,rgba(15,15,15,0.5) 100%);
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(33,33,33,0.9)), to(rgba(15,15,15,0.5)));
|
|
background: -ms-linear-gradient(top, rgba(33,33,33,0.9) 0%,rgba(15,15,15,0.5) 100%);
|
|
background: -o-linear-gradient(top, rgba(33,33,33,0.9) 0%,rgba(15,15,15,0.5) 100%);
|
|
}
|
|
body.dark div.hooks_wrap a.filter {
|
|
background-color: rgba(10,10,10,0.8);
|
|
border-color: #444;
|
|
color: #e0e0e0;
|
|
}
|
|
body.dark div.hooks_wrap div.filter {
|
|
background-color: black;
|
|
border-color: #505050;
|
|
}
|
|
|
|
body.dark div.undertable tr:nth-child(even) td
|
|
{
|
|
background: #303030;
|
|
}
|
|
|
|
body.dark div.lichess_overboard {
|
|
background: #2b2b2b;
|
|
}
|
|
body.dark div.lichess_overboard.game_config {
|
|
box-shadow: 0 0 20px #d0d0d0;
|
|
}
|
|
|
|
body.dark div.lichess_table_not_started {
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
body.dark div.lichess_table a.lichess_button:hover,
|
|
body.dark div.lichess_table a.lichess_button.active {
|
|
box-shadow: 0 0 9px #d85000;
|
|
border: 1px solid #d85000;
|
|
}
|
|
|
|
body.dark div.content_box,
|
|
body.dark div.content_box_inter a.active,
|
|
body.dark #GameText,
|
|
body.dark #tournament_side,
|
|
body.dark table.translations tbody tr,
|
|
body.dark form.translation_form div.message
|
|
{
|
|
background: #2b2b2b;
|
|
}
|
|
|
|
body.dark div.header div.side_menu a.active {
|
|
background: #2b2b2b;
|
|
box-shadow: -3px 0 5px #505050;
|
|
}
|
|
|
|
body.dark .mini_board {
|
|
box-shadow: none;
|
|
}
|
|
|
|
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.user_show .elo_with_me,
|
|
body.dark div.content_box_inter,
|
|
body.dark #GameText tr:nth-child(even),
|
|
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.search_status,
|
|
body.dark #friend_box,
|
|
body.dark #powerTip
|
|
{
|
|
background: #343434;
|
|
}
|
|
body.dark #lichess_forum table.forum_table thead tr:nth-child(odd) {
|
|
background: #2b2b2b;
|
|
}
|
|
body.dark #lichess_forum table.forum_table td.subject a {
|
|
color: #44a0b0;
|
|
}
|
|
body.dark #lichess_forum div.post .message,
|
|
#lichess_message div.thread_message div.thread_message_body,
|
|
body.dark #GameText a.move,
|
|
body.dark form.translation_form div.message label,
|
|
body.dark div.content_box h1,
|
|
body.dark div.hooks a
|
|
{
|
|
color: #b0b0b0;
|
|
}
|
|
body.dark #GameText a.moveOn {
|
|
background: #b0b0b0;
|
|
color: #000;
|
|
}
|
|
|
|
body.dark div.lmcs.white {
|
|
background-color: #b0b0b0;
|
|
}
|
|
body.dark div.lmcs.black {
|
|
background-color: #8a8a8a;
|
|
}
|
|
|
|
|
|
body.dark div.lichess_cemetery div.lichess_piece,
|
|
body.dark div.lichess_table div.lichess_piece {
|
|
background-image: url(../images/sprite_invert.png);
|
|
}
|
|
body.dark div.lichess_chat ol.lichess_messages li.white {
|
|
background: url(../images/kdw14.png) no-repeat;
|
|
}
|
|
body.dark div.lichess_chat ol.lichess_messages li.black {
|
|
background: url(../images/kdb14.png) no-repeat;
|
|
}
|
|
|
|
body.dark div.lichess_table_wrap div.clock.running {
|
|
background: #505a60;
|
|
color: #fff;
|
|
}
|
|
body.dark div.lichess_table_wrap div.clock.running.emerg,
|
|
body.dark div.lichess_table_wrap div.clock.outoftime {
|
|
background-color: #a00000;
|
|
color: #d0d0d0;
|
|
}
|
|
|
|
/* soft inactive gradient */
|
|
body.dark #top,
|
|
body.dark div.lichess_chat_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 div.content_box_top,
|
|
body.dark div.hooks tr,
|
|
body.dark #translation_call,
|
|
body.dark div.notification,
|
|
body.dark div.locale_menu a,
|
|
body.dark table.slist thead
|
|
{
|
|
background: #3a3a3a;
|
|
color: #b0b0b0;
|
|
background: -moz-linear-gradient(center top , #3a3a3a, #202020) repeat scroll 0 0 #3a3a3a;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a3a), to(#202020));
|
|
background: -webkit-linear-gradient(top , #3a3a3a, #202020) repeat scroll 0 0 #3a3a3a;
|
|
background: -ms-linear-gradient(top , #3a3a3a, #202020) repeat scroll 0 0 #3a3a3a;
|
|
background: -o-linear-gradient(top , #3a3a3a, #202020) repeat scroll 0 0 #3a3a3a;
|
|
}
|
|
/* strong inactive gradient */
|
|
body.dark div.hooks td.action,
|
|
body.dark .button.strong,
|
|
body.dark .button:hover
|
|
{
|
|
background: #505050;
|
|
background: -moz-linear-gradient(center top , #505050, #202020) repeat scroll 0 0 #505050;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505050), to(#202020));
|
|
background: -webkit-linear-gradient(top , #505050, #202020) repeat scroll 0 0 #505050;
|
|
background: -ms-linear-gradient(top , #505050, #202020) repeat scroll 0 0 #505050;
|
|
background: -o-linear-gradient(top , #505050, #202020) repeat scroll 0 0 #505050;
|
|
}
|
|
/* active gradient */
|
|
body.dark #top a.goto_nav.active,
|
|
body.dark .button.active,
|
|
body.dark .button.active:hover,
|
|
body.dark .ui-state-active,
|
|
body.dark .ui-widget-header,
|
|
body.dark div.pagination span.current,
|
|
body.dark #top span.new_messages.unread,
|
|
body.dark div.hooks td.action:hover,
|
|
body.dark div.hooks table.empty tr:hover,
|
|
body.dark .button.strong:hover,
|
|
body.dark div.progressbar.flashy div,
|
|
body.dark div.locale_menu a.active,
|
|
#top a.signin
|
|
{
|
|
color: #fff;
|
|
background: #d85000;
|
|
background: -moz-linear-gradient(center top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f49c00), to(#d85000));
|
|
background: -webkit-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
|
|
background: -ms-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
|
|
background: -o-linear-gradient(top , #f49c00, #d85000) repeat scroll 0 0 #d85000;
|
|
}
|
|
/* current gradient */
|
|
body.dark #top a.goto_nav.current {
|
|
color: #fff;
|
|
background: #808080;
|
|
background: -moz-linear-gradient(center top , #808080, #606060) repeat scroll 0 0 #808080;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#606060));
|
|
background: -webkit-linear-gradient(top , #808080, #606060) repeat scroll 0 0 #606060;
|
|
background: -ms-linear-gradient(top , #808080, #606060) repeat scroll 0 0 #606060;
|
|
background: -o-linear-gradient(top , #808080, #606060) repeat scroll 0 0 #606060;
|
|
}
|
|
body.dark div.hooks td.action.empty {
|
|
background: none;
|
|
}
|
|
body.dark .s16.ddown {
|
|
background-position: right -368px;
|
|
}
|
|
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; }
|