☰

Geekhack Nord Dark

Nord dark theme for geekhack.org

  1. /* ==UserStyle==
  2.     @name           Geekhack Nord Dark
  3.     @namespace      https://github.com/thorgnir
  4.     @version        0.0.4
  5.     @homepageURL    https://github.com/thorgnir/geekhack-nord-usercss
  6.     @supportURL     https://github.com/thorgnir/geekhack-nord-usercss/issues
  7.     @description    Nord dark theme for geekhack.org
  8.     @author         thorgnir <thorgnir@gmail.com>
  9.     @license        CC-BY-SA-4.0
  10.     ==/UserStyle== */
  11.  
  12.     @-moz-document url-prefix("https://geekhack.org") {
  13.  
  14.         :root {
  15.             --nord0: #2e3440;
  16.             --nord1: #3b4252;
  17.             --nord2: #434c5e;
  18.             --nord3: #4c566a;
  19.             --nord4: #d8dee9;
  20.             --nord5: #e5e9f0;
  21.             --nord6: #eceff4;
  22.             --nord7: #8fbcbb;
  23.             --nord8: #88c0d0;
  24.             --nord9: #81a1c1;
  25.             --nord10: #5e81ac;
  26.             --nord11: #bf616a;
  27.             --nord12: #d08770;
  28.             --nord13: #ebcb8b;
  29.             --nord14: #a3be8c;
  30.             --nord15: #b48ead;
  31.           }
  32.     
  33.         /* Normal, standard links. */
  34.         a:link,
  35.         a:visited {
  36.             color: var(--nord8);
  37.         }
  38.     
  39.         /* Links that open in a new window. */
  40.         a.new_win:link,
  41.         a.new_win:visited {
  42.             color: var(--nord8);
  43.         }
  44.     
  45.         /* Set a fontsize that will look the same in all browsers. */
  46.         body {
  47.             background: var(--nord0) repeat-x;
  48.         }
  49.     
  50.     
  51.         body,
  52.         td,
  53.         th,
  54.         tr {
  55.             color: var(--nord4);
  56.         }
  57.     
  58.         /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
  59.             .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
  60.             .button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
  61.             .input_check	- covers input[type=checkbox] throughout all browsers
  62.             .input_radio	- covers input[type=radio] throughout all browsers
  63.             .input_text	 - covers input[type=text] throughout all browsers
  64.             .input_file	 - covers input[type=file] throughout all browsers
  65.         */
  66.         input,
  67.         button,
  68.         select,
  69.         textarea {
  70.             color: var(--nord4);
  71.             background: var(--nord3);
  72.             border: 1px solid var(--nord9);
  73.         }
  74.     
  75.         /* Buttons should be styled a bit differently, in order to make them look more button'ish. */
  76.         .button_submit,
  77.         .button_reset {
  78.             background: var(--nord3);
  79.             border: 1px solid var(--nord9);
  80.         }
  81.     
  82.         input:hover,
  83.         textarea:hover,
  84.         button:hover,
  85.         select:hover {
  86.             border: 1px solid var(--nord10);
  87.         }
  88.     
  89.         .button_submit:hover,
  90.         .button_reset:hover {
  91.             border: 1px solid var(--nord10);
  92.             background: var(--nord3);
  93.         }
  94.     
  95.         input:focus,
  96.         textarea:focus,
  97.         button:focus,
  98.         select:focus {
  99.             border: 1px solid var(--nord7);
  100.             outline: none;
  101.         }
  102.     
  103.     
  104.         /* Give disabled text input elements a different background color. */
  105.         input[disabled].input_text {
  106.             background-color: #A9A9A9;
  107.         }
  108.     
  109.         /* Standard horizontal rule.. ([hr], etc.) */
  110.         hr,
  111.         .hrcolor {
  112.             color: var(--nord9);
  113.             background-color: var(--nord9);
  114.         }
  115.     
  116.         /* By default set the color on these tags as var(--nord0). */
  117.         h1,
  118.         h2,
  119.         h3,
  120.         h4,
  121.         h5,
  122.         h6 {
  123.             color: var(--nord4);
  124.         }
  125.     
  126.         /* Fieldsets are used to group elements. */
  127.         fieldset {
  128.             border: 1px solid var(--nord3);
  129.         }
  130.     
  131.         fieldset legend {
  132.             color: var(--nord4);
  133.         }
  134.     
  135.         /* A quote, perhaps from another post. */
  136.         blockquote.bbc_standard_quote,
  137.         blockquote.bbc_alternate_quote {
  138.             color: var(--nord4);
  139.             border-top: 1px solid var(--nord9);
  140.             /* nord9 */
  141.             border-bottom: 1px solid var(--nord9);
  142.             /* nord9 */
  143.         }
  144.     
  145.         /* Alterate blockquote stylings */
  146.         blockquote.bbc_standard_quote {
  147.             background-color: var(--nord3);
  148.             /* nord3 */
  149.         }
  150.     
  151.         blockquote.bbc_alternate_quote {
  152.             background-color: var(--nord2);
  153.             /* nord2 */
  154.         }
  155.     
  156.         /* A code block - maybe PHP ;). */
  157.         code.bbc_code {
  158.             background: var(--nord1);
  159.             color: var(--nord4);
  160.             border-top: 2px solid var(--nord10);
  161.             border-bottom: 2px solid var(--nord10);
  162.         }
  163.     
  164.         /* The "Quote:" and "Code:" header parts... */
  165.         .codeheader,
  166.         .quoteheader {
  167.             color: var(--nord4);
  168.         }
  169.     
  170.         /* Styling for BBC tags */
  171.         .bbc_link:link,
  172.         .bbc_link:visited {
  173.             border-bottom: 1px solid var(--nord8);
  174.         }
  175.     
  176.         .bbc_link:hover {
  177.             border-bottom: 1px solid var(--nord8);
  178.         }
  179.     
  180.         /* /me uses this a lot. (emote, try typing /me in a post.) */
  181.         .meaction {
  182.             color: red;
  183.         }
  184.     
  185.         /* Highlighted text - such as search results. */
  186.         .highlight {
  187.             color: #ff7200 !important;
  188.         }
  189.     
  190.         /* A more discreet highlight color, for selected membergroups etc. */
  191.         .highlight2 {
  192.             background-color: #D1E1EF;
  193.             color: var(--nord0) !important;
  194.         }
  195.     
  196.         .more_head,
  197.         .more_image {
  198.             background-color: var(--nord8);
  199.             color: #fff;
  200.         }
  201.     
  202.         /* Generic, mostly color-related, classes.
  203.         ------------------------------------------------------- */
  204.         .titlebg,
  205.         .titlebg2,
  206.         tr.titlebg th,
  207.         tr.titlebg td,
  208.         tr.titlebg2 td {
  209.             color: var(--nord4);
  210.             background: var(--nord3);
  211.         }
  212.     
  213.         .catbg,
  214.         .catbg2,
  215.         tr.catbg td,
  216.         tr.catbg2 td,
  217.         tr.catbg th,
  218.         tr.catbg2 th {
  219.             color: var(--nord4);
  220.         }
  221.     
  222.         tr.titlebg th a:link,
  223.         tr.titlebg th a:visited,
  224.         tr.titlebg2 td a:link,
  225.         tr.titlebg2 td a:visited {
  226.             color: #EEEEEE;
  227.         }
  228.     
  229.         tr.catbg th a:link,
  230.         tr.catbg th a:visited,
  231.         tr.catbg2 td a:link,
  232.         tr.catbg2 td a:visited {
  233.             color: #DDDDDD;
  234.         }
  235.     
  236.         /* Alternating backgrounds for posts, and several other sections of the forum. */
  237.         .windowbg,
  238.         #preview_body {
  239.             color: var(--nord4);
  240.             background-color: var(--nord2);
  241.             /* nord2 */
  242.         }
  243.     
  244.         .windowbg2 {
  245.             color: var(--nord4);
  246.             background-color: var(--nord1);
  247.             /* nord1 */
  248.         }
  249.     
  250.         .windowbg3 {
  251.             color: var(--nord4);
  252.             background-color: #202020;
  253.         }
  254.     
  255.         /* Colors for background of posts requiring approval */
  256.         .approvebg {
  257.             color: var(--nord4);
  258.             background-color: #39120B;
  259.         }
  260.     
  261.         .approvebg2 {
  262.             color: var(--nord4);
  263.             background-color: #40140C;
  264.         }
  265.     
  266.         /* Color for background of *topics* requiring approval */
  267.         .approvetbg {
  268.             color: #DDDDDD;
  269.             background-color: #561B10;
  270.         }
  271.     
  272.         .approvetbg2 {
  273.             color: #DDDDDD;
  274.             background-color: #621F12;
  275.         }
  276.     
  277.         /* Sticky topics get a different background */
  278.         .stickybg {
  279.             background: var(--nord3);
  280.         }
  281.     
  282.         .stickybg2 {
  283.             background: var(--nord3);
  284.         }
  285.     
  286.         /* Locked posts get a different shade, too! */
  287.         .lockedbg {
  288.             background: var(--nord3);
  289.         }
  290.     
  291.         .lockedbg2 {
  292.             background: var(--nord3);
  293.         }
  294.     
  295.         /* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
  296.         .signature,
  297.         .attachments {
  298.             border-top: 1px solid var(--nord9);
  299.             /* nord9 */
  300.         }
  301.     
  302.         .custom_fields_above_signature {
  303.             border-top: 1px solid var(--nord9);
  304.             /* nord9 */
  305.         }
  306.     
  307.         /* Sometimes there will be an error when you post */
  308.         .error {
  309.             color: var(--nord11);
  310.         }
  311.     
  312.         /* Messages that somehow need to attract the attention. */
  313.         .alert {
  314.             color: var(--nord11);
  315.         }
  316.     
  317.         /* Calendar colors for birthdays, events and holidays */
  318.         .birthday {
  319.             color: var(--nord15);
  320.         }
  321.     
  322.         .event {
  323.             color: var(--nord14);
  324.         }
  325.     
  326.         .holiday {
  327.             color: var(--nord8);
  328.         }
  329.     
  330.         /* Colors for warnings */
  331.         .warn_mute {
  332.             color: var(--nord11);
  333.         }
  334.     
  335.         .warn_moderate {
  336.             color: var(--nord12);
  337.         }
  338.     
  339.         .warn_watch,
  340.         .success {
  341.             color: var(--nord14);
  342.         }
  343.     
  344.         a.moderation_link,
  345.         a.moderation_link:visited {
  346.             color: var(--nord11);
  347.         }
  348.     
  349.         .openid_login {
  350.             background: white url(../images/openid.gif) no-repeat;
  351.         }
  352.     
  353.         /* a descriptive style */
  354.         .description,
  355.         .description_board,
  356.         .plainbox {
  357.             border: 1px solid var(--nord3);
  358.             background: var(--nord1);
  359.         }
  360.     
  361.         /* an informative style */
  362.         .information {
  363.             border: 1px solid var(--nord3);
  364.             background: var(--nord0);
  365.         }
  366.     
  367.         /* AJAX notification bar
  368.         ------------------------------------------------------- */
  369.         #ajax_in_progress {
  370.             color: #f96f00;
  371.         }
  372.     
  373.         #ajax_in_progress a {
  374.             color: orange;
  375.         }
  376.     
  377.         /* Styles for rounded headers.
  378.         ------------------------------------------------------- */
  379.         h3.catbg a:link,
  380.         h3.catbg a:visited,
  381.         h4.catbg a:link,
  382.         h4.catbg a:visited,
  383.         h3.catbg,
  384.         .table_list tbody.header td,
  385.         .table_list tbody.header td a {
  386.             color: var(--nord8);
  387.         }
  388.     
  389.         h3.catbg2 a,
  390.         h3.catbg2 {
  391.             color: var(--nord4);
  392.         }
  393.     
  394.         h3.catbg a:hover,
  395.         h4.catbg a:hover,
  396.         .table_list tbody.header td a:hover {
  397.             color: #FFFFFF;
  398.         }
  399.     
  400.         h3.catbg2 a:hover {
  401.             color: #FFFFFF;
  402.         }
  403.     
  404.         h3.titlebg a,
  405.         h3.titlebg,
  406.         h4.titlebg,
  407.         h4.titlebg a {
  408.             color: var(--nord4);
  409.         }
  410.     
  411.         h3.titlebg a:hover,
  412.         h4.titlebg a:hover {
  413.             color: #FFFFFF;
  414.         }
  415.     
  416.         h4.titlebg,
  417.         h3.titlebg {
  418.             background: #292929;
  419.         }
  420.     
  421.         div.title_bar {
  422.             background: #292929;
  423.         }
  424.     
  425.         div.title_barIC {
  426.             background: var(--nord3);
  427.         }
  428.     
  429.         div.title_barIC h4.titlebg {
  430.             background: var(--nord3);
  431.         }
  432.     
  433.         /* The half-round header bars for some tables. */
  434.         .table_grid tr.catbg,
  435.         .table_grid tr.titlebg {
  436.             border-bottom: 1px solid var(--nord3);
  437.         }
  438.     
  439.         table.table_grid td {
  440.             border-bottom: 1px solid var(--nord3);
  441.             border-right: 1px solid var(--nord3);
  442.         }
  443.     
  444.         /* Common styles used to add corners to divisions.
  445.         -------------------------------------------------------*/
  446.         .windowbg span.topslice {
  447.             background: var(--nord2);
  448.         }
  449.     
  450.         .windowbg span.topslice span {
  451.             background: var(--nord2);
  452.         }
  453.     
  454.         .windowbg span.botslice {
  455.             background: var(--nord2);
  456.         }
  457.     
  458.         .windowbg span.botslice span {
  459.             background: var(--nord2);
  460.         }
  461.     
  462.         .windowbg2 span.topslice {
  463.             background: var(--nord1);
  464.         }
  465.     
  466.         .windowbg2 span.topslice span {
  467.             background: var(--nord1);
  468.         }
  469.     
  470.         .windowbg2 span.botslice {
  471.             background: var(--nord1);
  472.         }
  473.     
  474.         .windowbg2 span.botslice span {
  475.             background: var(--nord1);
  476.         }
  477.     
  478.         .approvebg span.topslice {
  479.             background: #202020;
  480.         }
  481.     
  482.         .approvebg span.topslice span {
  483.             background: #202020;
  484.         }
  485.     
  486.         .approvebg span.botslice {
  487.             background: #202020;
  488.         }
  489.     
  490.         .approvebg span.botslice span {
  491.             background: #202020;
  492.         }
  493.     
  494.         .postbg {
  495.             border-left: 1px solid #7f7f7f;
  496.             border-right: 1px solid #7f7f7f;
  497.         }
  498.     
  499.         /* Used for sections that need somewhat larger corners.
  500.         -----------------------------------------------------------*/
  501.         .roundframe {
  502.             background: var(--nord1);
  503.             border: 1px solid var(--nord3);
  504.         }
  505.     
  506.         /* Styles used by the auto suggest control.
  507.         ------------------------------------------------------- */
  508.         .auto_suggest_div {
  509.             border: 1px solid var(--nord3);
  510.         }
  511.     
  512.         .auto_suggest_item {
  513.             background-color: #292929;
  514.         }
  515.     
  516.         .auto_suggest_item_hover {
  517.             background-color: #292929;
  518.             color: #eee;
  519.         }
  520.     
  521.         /* Styles for the standard dropdown menus.
  522.         ------------------------------------------------------- */
  523.         #main_menu {
  524.             background: var(--nord0);
  525.         }
  526.     
  527.         .dropmenu a {
  528.             color: var(--nord4);
  529.         }
  530.     
  531.         /* the background's first level only */
  532.         .dropmenu li a.firstlevel {
  533.             border: 1px solid var(--nord3);
  534.             background-color: var(--nord1);
  535.         }
  536.     
  537.         .dropmenu li ul {
  538.             color: var(--nord4);
  539.             border-bottom: 1px solid var(--nord3);
  540.             background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqoAAAEsCAYAAAALhJEyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAZBSURBVHhe7da7TQNBFEDRtd0IFdAAGQ0gUQV0RBVINEBGA1RAIwYWaTYgwjbS6to6J5lfMC+8m+kfbm7vr7a73cvnfn89rn6Z397nt7u31+ePcQUAwAVYowNPDtW/hluIVQCAy7JWB54UqocOtxCrAACXYc0OPDpUjx1uIVYBAM7b2h24mT98HPuDzB89HDvcYgz5NI4AAJyRtTvwJ1S/xh4AADK2YwUAgBShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAACQJVQAAkoQqAABJQhUAgCShCgBAklAFACBJqAIAkCRUAQBIEqoAAARN0zdD5HVZIxYDPgAAAABJRU5ErkJggg==) 0 0 no-repeat;
  541.             /* opacity: 1.0; */
  542.         }
  543.     
  544.         .dropmenu li li {
  545.             border-left: 1px solid var(--nord3);
  546.             border-right: 1px solid var(--nord3);
  547.             /* background-color: var(--nord0); */
  548.         }
  549.     
  550.         /* the active button */
  551.         .dropmenu li a.active {
  552.             border: 1px solid var(--nord10);
  553.             color: var(--nord4);
  554.         }
  555.     
  556.         /* the hover effects */
  557.         .dropmenu li a.firstlevel:hover,
  558.         .dropmenu li:hover a.firstlevel {
  559.             background: var(--nord2);
  560.             border: 1px solid var(--nord10);
  561.             color: var(--nord4);
  562.         }
  563.     
  564.         /* the hover effects on level2 and 3 */
  565.         .dropmenu li li a:hover,
  566.         .dropmenu li li:hover>a {
  567.             background: var(--nord3);
  568.             color: var(--nord4);
  569.         }
  570.     
  571.         .dropmenu li li.additional_items {
  572.             background-color: var(--nord3);
  573.         }
  574.     
  575.         /* Styles for the standard button lists.
  576.         ------------------------------------------------------- */
  577.         .buttonlist ul li a {
  578.             color: var(--nord4);
  579.             background: var(--nord1);
  580.         }
  581.     
  582.         .buttonlist ul li a:hover {
  583.             background: var(--nord2);
  584.             color: var(--nord4);
  585.         }
  586.     
  587.         .buttonlist ul li a span {
  588.             background: var(--nord1);
  589.         }
  590.     
  591.         .buttonlist ul li a:hover span {
  592.             background: var(--nord2);
  593.         }
  594.     
  595.         /* the active one */
  596.         .buttonlist ul li a.active {
  597.             background: var(--nord2);
  598.             color: var(--nord4);
  599.         }
  600.     
  601.         .buttonlist ul li a.active span {
  602.             background: var(--nord2);
  603.         }
  604.     
  605.         .buttonlist ul li a.active:hover {
  606.             background: var(--nord3);
  607.             color: var(--nord4);
  608.         }
  609.     
  610.         .buttonlist ul li a.active:hover span {
  611.             background: var(--nord3);
  612.         }
  613.     
  614.         /* Styles for the general looks for the Nostalgia theme.
  615.         -------------------------------------------------------- */
  616.         /* the framing graphics */
  617.         #header {
  618.             background: url(../images/theme/main_block.png) var(--nord0) no-repeat 0 0;
  619.             padding-left: 20px;
  620.         }
  621.     
  622.         #header div.frame {
  623.             background: url(../images/theme/main_block.png) no-repeat 100% 0;
  624.             display: block;
  625.             padding: 10px 20px 1em 0;
  626.         }
  627.     
  628.         /* the content section */
  629.         #content_section {
  630.             background: var(--nord0) url(../images/theme/frame_repeat.png) repeat-y top left;
  631.             padding-left: 20px;
  632.         }
  633.     
  634.         #content_section div.frame {
  635.             background: url(../images/theme/frame_repeat.png) repeat-y top right;
  636.             display: block;
  637.             padding: 0 20px 0 0;
  638.         }
  639.     
  640.         /* The navigation list (i.e. linktree) */
  641.         .navigate_section ul {
  642.             border-top: 1px solid var(--nord9);
  643.         }
  644.     
  645.         /* The footer wih copyright links etc. */
  646.         #footer_section {
  647.             background: url(../images/theme/main_block.png) no-repeat 0 -340px;
  648.         }
  649.     
  650.         #footer_section div.frame {
  651.             background: url(../images/theme/main_block.png) no-repeat 100% -340px;
  652.         }
  653.     
  654.         /* Styles for the board index.
  655.         ------------------------------------------------- */
  656.         /* the board title! */
  657.         .table_list tbody.content td.info a.subject {
  658.             color: var(--nord7);
  659.         }
  660.     
  661.         .table_list tbody.content td.children {
  662.             color: var(--nord4);
  663.         }
  664.     
  665.         /* the newsfader */
  666.         #smfFadeScroller {
  667.             color: #575757;
  668.             /* shouldn't be shorthand style due to a JS bug in IE! */
  669.         }
  670.     
  671.         /* Styles for the info center on the board index.
  672.         ---------------------------------------------------- */
  673.         #upshrinkHeaderIC p.last {
  674.             border-top: 2px dotted #bbb;
  675.         }
  676.     
  677.         /* Styles for the message (topic) index.
  678.         ---------------------------------------------------- */
  679.         .table_frame .table_list td.icon,
  680.         .table_frame .table_list td.info,
  681.         .table_frame .table_list td.stats {
  682.             border-right: 2px solid white;
  683.         }
  684.     
  685.         /* Events */
  686.         /* Poll vote options */
  687.         #poll_options ul.options {
  688.             border-top: 1px solid #9999aa;
  689.         }
  690.     
  691.         #poll_options div.submitbutton {
  692.             border-bottom: 1px solid #9999aa;
  693.         }
  694.     
  695.         /* Poll results */
  696.         #poll_options dl.options {
  697.             border: solid #9999aa;
  698.         }
  699.     
  700.         /* poster details and list of items */
  701.         .poster h4,
  702.         .poster h4 a {
  703.             color: var(--nord14);
  704.         }
  705.     
  706.         .modifybutton {
  707.             color: #334466;
  708.         }
  709.     
  710.         ul.quickbuttons a:hover {
  711.             color: var(--nord7);
  712.         }
  713.     
  714.         ul.quickbuttons li.quote_button {
  715.             background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
  716.         }
  717.     
  718.         ul.quickbuttons li.remove_button {
  719.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
  720.         }
  721.     
  722.         ul.quickbuttons li.modify_button {
  723.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
  724.         }
  725.     
  726.         ul.quickbuttons li.approve_button {
  727.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
  728.         }
  729.     
  730.         ul.quickbuttons li.restore_button {
  731.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
  732.         }
  733.     
  734.         ul.quickbuttons li.split_button {
  735.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
  736.         }
  737.     
  738.         ul.quickbuttons li.reply_button {
  739.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
  740.         }
  741.     
  742.         ul.quickbuttons li.reply_all_button {
  743.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
  744.         }
  745.     
  746.         ul.quickbuttons li.notify_button {
  747.             background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
  748.         }
  749.     
  750.         ul.quickbuttons li.mquote {
  751.             background: url(../images/buttons/reply_sm.gif) no-repeat;
  752.         }
  753.     
  754.         ul.quickbuttons li.mquote_remove {
  755.             background: url(../images/buttons/mquote_remove.gif) no-repeat;
  756.         }
  757.     
  758.         ul.quickbuttons li.mquote_remove a {
  759.             color: var(--nord12);
  760.         }
  761.     
  762.         .inner {
  763.             border-top: 1px solid var(--nord9);
  764.         }
  765.     
  766.         /* Styles for edit post section
  767.         ---------------------------------------------------- */
  768.         #postMoreOptions {
  769.             border-bottom: 1px solid #cacdd3;
  770.         }
  771.     
  772.         #postAttachment,
  773.         #postAttachment2 {
  774.             border-bottom: 1px solid #cacdd3;
  775.         }
  776.     
  777.         /* Styles for the split topic section.
  778.         ---------------------------------------------------- */
  779.         ul.split_messages div.post {
  780.             border-top: 1px solid var(--nord4);
  781.         }
  782.     
  783.         /* Styles for the registration section.
  784.         ------------------------------------------------------- */
  785.         .register_error {
  786.             border: 1px dashed red;
  787.         }
  788.     
  789.         /* Additional profile fields */
  790.         .coppa_contact {
  791.             background-color: var(--nord3);
  792.             color: var(--nord0);
  793.             border: 1px solid var(--nord0);
  794.         }
  795.     
  796.         .valid_input {
  797.             background-color: #f5fff0;
  798.         }
  799.     
  800.         .invalid_input {
  801.             background-color: #fff0f0;
  802.         }
  803.     
  804.         /* Styles for generic tables.
  805.         ------------------------------------------------------- */
  806.         .topic_table table thead {
  807.             border-bottom: 1px solid var(--nord3);
  808.         }
  809.     
  810.         .topic_table td.stickybg2 {
  811.             background-image: url(../images/icons/quick_sticky.gif);
  812.         }
  813.     
  814.         .topic_table td.lockedbg2 {
  815.             background-image: url(../images/icons/quick_lock.gif);
  816.         }
  817.     
  818.         .topic_table td.locked_sticky2 {
  819.             background-image: url(../images/icons/quick_sticky_lock.gif);
  820.         }
  821.     
  822.         /* Styles for (fatal) errors.
  823.         ------------------------------------------------- */
  824.         .errorbox {
  825.             border: 1px solid var(--nord11);
  826.             color: var(--nord4);
  827.             background-color: var(--nord0);
  828.         }
  829.     
  830.         /* Styles for the profile section.
  831.         ------------------------------------------------- */
  832.         #detailedinfo div.content dl,
  833.         #tracking div.content dl {
  834.             border-bottom: 1px var(--nord4) solid;
  835.         }
  836.     
  837.         .signature,
  838.         .custom_fields_above_signature {
  839.             border-top: 1px var(--nord9) solid;
  840.             /* nord9 */
  841.         }
  842.     
  843.         /* Simple feedback messages */
  844.         div#profile_error {
  845.             border-color: var(--nord11);
  846.             color: var(--nord4);
  847.             background: #160000;
  848.         }
  849.     
  850.         div#profile_success {
  851.             border-color: var(--nord14);
  852.             color: var(--nord4);
  853.             background: var(--nord0);
  854.         }
  855.     
  856.         /* Activity by time */
  857.         .activity_stats li span {
  858.             border: solid var(--nord0);
  859.         }
  860.     
  861.         .activity_stats li div.bar div {
  862.             background: #6294CE;
  863.         }
  864.     
  865.         /* View posts */
  866.         .counter {
  867.             color: #3f3f3f;
  868.         }
  869.     
  870.         .list_posts {
  871.             border-top: 2px solid #b3b3bf;
  872.         }
  873.     
  874.         .ignoreboards a {
  875.             border-bottom: 1px solid #c4c4c4;
  876.         }
  877.     
  878.         .ignoreboards a:hover {
  879.             border-bottom: 1px solid #334466;
  880.         }
  881.     
  882.         /* Styles for the personal messages section.
  883.         ------------------------------------------------- */
  884.         #personal_messages .capacity_bar {
  885.             background: #f0f4f7;
  886.             border: 1px solid #adadad;
  887.         }
  888.     
  889.         #personal_messages .capacity_bar span {
  890.             border-right: 1px solid #adadad;
  891.         }
  892.     
  893.         #personal_messages .capacity_bar span.empty {
  894.             background: #a6d69d;
  895.         }
  896.     
  897.         #personal_messages .capacity_bar span.filled {
  898.             background: #eea800;
  899.         }
  900.     
  901.         #personal_messages .capacity_bar span.full {
  902.             background: #f10909;
  903.         }
  904.     
  905.         dl.addrules dt.floatleft {
  906.             color: #333;
  907.         }
  908.     
  909.         /* Used to indicate the current day in the grid. */
  910.         .calendar_today {
  911.             background-color: #fff;
  912.         }
  913.     
  914.         #main_grid table h3.catbg {
  915.             border-top: 2px solid var(--nord3);
  916.         }
  917.     
  918.         #main_grid table.weeklist td.windowbg {
  919.             border-bottom: 2px solid var(--nord3);
  920.         }
  921.     
  922.         #main_grid table.weeklist td.weekdays {
  923.             border-bottom: 2px solid var(--nord3);
  924.         }
  925.     
  926.         a.modify_event {
  927.             color: red;
  928.         }
  929.     
  930.         #top_section {
  931.             background: none !important;
  932.         }
  933.     
  934.         .editor {
  935.             border: 1px solid var(--nord9);
  936.         }
  937.     }