☰

Geekhack Nord Dark

Nord dark theme for geekhack.org

目前为 2021-01-06 提交的版本，查看 最新版本。

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