User:Axeboy/common.css

From ArchWiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.

  input, textarea, select
  {
    padding: 2px 4px 2px 2px !important;
    color: #CFCFCF;
    background-color: #0D0D0D;
    border-color: #353535;
    -moz-appearance: none !important;
  }

  div[style='background-image: url("chrome://yass/content/edgebgtop.png");']
  {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAAmklEQVQoke3KqwqEUABF0fNVvh/IFRFEBMFgMFgslltsNpPRajT7j3uKYcKE6TNlpSXHcdCfH8V13a/KJzzPe/B9/50gCB7CMERRFKE4jlGSJChNU5RlGTLGoDzPUVEUqCxLVFUVqusaNU2D2rZFXdehvu/RMAxoHEc0TROa5xlZa9GyLGhdV7RtG9r3HR3Hgc7zRNd1ofu+eQHYQwMGaED0BQAAAABJRU5ErkJggg==") !important;
  }

  th[style='background: #333; color: white; padding: 3px;']
  {
    background-color: #090909 !important;
    color: #d1e7ff !important;
  }

  th[style='background: #333; color: white; padding: 2px;']
  {
    background-color: #090909 !important;
    color: #d1e7ff !important;
  }

  div[style='padding: 5px; margin: 0.50em 0; background-color: #DDFFDD; border: thin solid #BBDDBB; overflow: hidden;']
  {
    background-color: #161616 !important;
    border-color: #4183c4 !important;
  }

  div[style='padding: 5px; margin: 0.50em 0; background-color: #FFDDDD; border: thin solid #DDBBBB; overflow: hidden;']
  {
    background-color: #161616 !important;
    border-color: #341f1e !important;
  }

  div[style='padding: 5px; margin: 0.50em 0; background-color: #DDDDFF; border: thin solid #BBBBDD; overflow: hidden;']
  {
    background-color: #161616 !important;
    border-color: #1f1e34 !important;
  }

  div[style='background-image: url("chrome://yass/content/edgebgbot.png");']
  {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAAm0lEQVQoke3HKwqEYABF4bMq3/hARH4EQRAMBovFYDLZTEaj0Wp2hVcYJhjcwUz5OIfrusR5nuI4DrHvu9i2TazrKpZlEfM8i2maxDiOYhgG0fe96LpOtG0rmqYRdV2LqqpEWZaiKAphjBF5nossy0SapiJJEhHHsYiiSIRhKIIgEL7vP/E8T7iu+8VxnCe2bb9jWdb7furPD3MD7MoD2Eu9J5sAAAAASUVORK5CYII=") !important;
  }

  mark
  {
    background-color: #828282 !important;
    color: #CFCFCF !important;
  }

  .mw-plusminus-pos
  {
    color: #5FED61 !important;
  }

  .mw-plusminus-neg
  {
    color: #EA4542 !important;
  }

  .mw-plusminus-null
  {
    color: #454545 !important;
  }

  .filehistory a img, #file img:hover
  {
    background-color: #0D0D0D !important;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAI0lEQVQ4jWMQFRX9jw+zsrLixQyjBgwLAwgpIGTBqAHDwgAA6+0mENgN58cAAAAASUVORK5CYII=") !important;
    background-repeat: repeat !important;
  }

  li span.deleted, span.history-deleted
  {
    color: #606060 !important;
  }

  .not-patrolled
  {
    background-color: #2F2F2F !important;
  }

  .unpatrolled
  {
    color: #BA1715 !important;
  }

  .mw-htmlform-invalid-input td.mw-input input
  {
    border-color: #BA1715 !important;
  }

  .catlinks li
  {
    border-left-color: #454545 !important;
  }

  .os-suggest
  {
    background-color: #0D0D0D !important;
    border-color: #454545 !important;
  }

  .os-suggest-result, .os-suggest-result-hl
  {
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
  }

  .os-suggest-result-hl, .os-suggest-result-hl-webkit
  {
    background-color: #888888 !important;
    color: #199ADF !important;
  }

  .autocomment
  {
    color: #676767 !important;
  }

  #pagehistory li
  {
    border-color: #199ADF !important;
  }

  #pagehistory li.selected
  {
    background-color: #0B0B0B !important;
    border-color: #454545 !important;
  }

  div.mw-warning-with-logexcerpt
  {
    border-color: #4076AC !important;
  }

  a.new
  {
    color: #E62320 !important;
  }

  table.wikitable
  {
    background-color: #0B0B0B !important;
    border-color: #454545 !important;
    color: #CFCFCF !important;
  }

  table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td
  {
    border-color: #454545 !important;
  }

  table.wikitable > tr > th, table.wikitable > * > tr > th
  {
    background-color: #121212 !important;
  }

  table tbody tr td[style="background:#f0f0f0;"], table tbody tr[style="background:#e4e4e4"]
  {
    background-color: #222 !important;
  }

  .success
  {
    color: #4AEB4D !important;
  }

  .warning
  {
    color: #BA8215 !important;
  }

  .error
  {
    color: #BA1715 !important;
  }

  .errorbox, .warningbox, .successbox
  {
    color: #CFCFCF !important;
  }

  .errorbox
  {
    border-color: #BA1715 !important;
    background-color: #0B0B0B !important;
  }

  .warningbox
  {
    border-color: #BA7215 !important;
    background-color: #242424 !important;
  }

  .successbox
  {
    border-color: #4AEB4D !important;
    background-color: #161616 !important;
  }

  .mw-infobox
  {
    border-color: #BA6A15 !important;
  }

  .previewnote
  {
    color: #DF1C19 !important;
  }

  #mw_trackbacks
  {
    border-color: #060632 !important;
    background-color: #0D0D0D !important;
  }

  .mw-datatable, .mw-datatable td, .mw-datatable th
  {
    border-color: #454545 !important;
  }

  .mw-datatable th
  {
    background-color: #161616 !important;
  }

  .mw-datatable td
  {
    background-color: #0D0D0D !important;
  }

  .mw-datatable tr:hover td
  {
    background-color: #0D0D0D !important;
  }

  .imagelist .TablePager_col_links
  {
    background-color: #0D0D0D !important;
  }

  .imagelist th.TablePager_sort
  {
    background-color: #1E1E1E !important;
  }

  ul#filetoc
  {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
  }

  table.mw_metadata td, table.mw_metadata th
  {
    border-color: #454545 !important;
  }

  table.mw_metadata th
  {
    background-color: #0B0B0B !important;
  }

  table.mw_metadata td
  {
    background-color: #080808 !important;
  }

  li.gallerybox div.thumb
  {
    border-color: #292929 !important;
    background-color: #0B0B0B !important;
  }

  .mw-help-field-hint
  {
    color: #2C6DE0 !important;
  }

  .mw-help-field-hint:hover
  {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAb0lEQVQYlWOYNGnS/y1bthDEIHUMIAYrKytBDFKHobiwsBBuGoiNU7Gpqen/jRs3/peVlQVjEFtTUxO3yTDs6+sLViwoKIhfcWRk5P8VK1aATcfrZpCJIIUwE/EqJik0ZsyY8d/R0ZE4xXhNJiUGAals58RqX0MDAAAAAElFTkSuQmCC") !important;
  }

  .mw-help-field-data
  {
    background-color: #191919 !important;
    border-color: #155977 !important;
  }

  .tipsy-inner
  {
    background-color: #191919 !important;
    color: #CFCFCF !important;
    border-color: #155977 !important;
  }

  #mw-allmessagestable .allmessages-customised td.am_default
  {
    background-color: #222222 !important;
  }

  #mw-allmessagestable tr.allmessages-customised:hover td.am_default
  {
    background-color: #3B3B3B !important;
  }

  #mw-allmessagestable td.am_actual
  {
    background-color: #131313 !important;
  }

  #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual
  {
    background-color: #2B2B2B !important;
  }

  .mw-search-result-data
  {
    color: #4AEB4D !important;
  }

  .mw-search-formheader
  {
    background-color: #111111 !important;
    border-color: #333333 !important;
  }

  .mw-search-formheader div.search-types ul li.current a
  {
    color: #A5A5A5 !important;
  }

  fieldset#mw-searchoptions
  {
    background-color: #0B0B0B !important;
    border-color: #333333 !important;
  }

  fieldset#mw-searchoptions div.divider
  {
    border-bottom-color: #1C1C1C !important;
  }

  div#mw-search-interwiki
  {
    border-color: #454545 !important;
  }

  .mw-search-interwiki-project
  {
    background-color: #181818 !important;
    border-top-color: #373737 !important;
  }

  div.searchdidyoumean
  {
    color: #DF1C19 !important;
  }

  .mw-userrights-disabled
  {
    color: #606060 !important;
  }

  a
  {
    color: #2C6DE0 !important;
  }

  a:visited
  {
    color: #5B4AEB !important;
  }

  a:active
  {
    color: #FF1519 !important;
  }

  a.stub
  {
    color: #C26072 !important;
  }

  a.new, #p-personal a.new
  {
    color: #E62320 !important;
  }

  a.new:visited, #p-personal a.new:visited
  {
    color: #81504F !important;
  }

  .mw-body a.extiw, .mw-body a.extiw:active
  {
    color: #3C60A1 !important;
  }

  .mw-body a.extiw:visited
  {
    color: #AE73AD !important;
  }

  .mw-body a.extiw:active
  {
    color: #A1633C !important;
  }

  .mw-body a.external
  {
    color: #3C60A1 !important;
  }

  .mw-body a.external:visited
  {
    color: #AE73AD !important;
  }

  .mw-body a.external:active
  {
    color: #A1633C !important;
  }

  hr
  {
    color: #454545 !important;
    background-color: #585858 !important;
  }

  h1, h2, h3, h4, h5, h6
  {
    color: #CFCFCF !important;
    border-bottom-color: #454545 !important;
  }

  code
  {
    background-color: #0B0B0B !important;
  }

  pre, .mw-code
  {
    border-color: #4076AC !important;
    color: #CFCFCF !important;
    background-color: #0B0B0B !important;
  }

  fieldset
  {
    border-color: #4076AC !important;
  }

  #toc, .toc, .mw-warning
  {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
  }

  .toccolours
  {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
  }

  div.thumbinner
  {
    border-color: #292929 !important;
    background-color: #0B0B0B !important;
  }

  html .thumbimage
  {
    border-color: #292929 !important;
  }

  img.thumbborder
  {
    border-color: #1C1C1C !important;
  }

  #userlogin, #userloginForm
  {
    border-color: #292929 !important;
  }

  .catlinks
  {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
  }

  .usermessage
  {
    background-color: #464646 !important;
    border-color: #BA8215 !important;
    color: #CFCFCF !important;
  }

  #contentSub, #contentSub2
  {
    color: #696969 !important;
  }

  div#content
  {
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
    border-top-color: #454545 !important;
    border-bottom-color: #454545 !important;
    border-left-color: #454545 !important;
  }

  body
  {
    background-color: #0B0B0B !important;
    color: #CFCFCF !important;
  }

  a
  {
    color: #224CE6 !important;
  }

  a:visited
  {
    color: #724DAB !important;
  }

  a.new, #p-personal a.new
  {
    color: #DF3D19 !important;
  }

  #bodyContent a.extiw, #bodyContent a.extiw:active
  {
    color: #3C60A1 !important;
  }

  #bodyContent a.external
  {
    color: #3C60A1 !important;
  }

  .pBody
  {
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
    border-color: #454545 !important;
  }

  #p-personal ul
  {
    color: #4076AC !important;
  }

  #p-personal li
  {
    color: #4076AC !important;
  }

  #p-personal li a
  {
    color: #3A9EE9 !important;
  }

  #p-personal li a:hover
  {
    background-color: #0D0D0D !important;
  }

  #p-cactions li
  {
    border-top-color: #454545 !important;
    border-right-color: #454545 !important;
    border-left-color: #454545 !important;
    background-color: #0D0D0D !important;
  }

  #p-cactions li.selected
  {
    border-color: #A17C15 !important;
  }

  #p-cactions li a
  {
    background-color: #090909 !important;
    color: #224CE6 !important;
  }

  #p-cactions li.selected a
  {
    background-color: #0D0D0D !important;
  }

  #p-cactions .new a
  {
    color: #E62320 !important;
  }

  #p-cactions li a:hover
  {
    background-color: #0D0D0D !important;
  }

  #t-ispermalink, #t-iscite
  {
    color: #535353 !important;
  }

  div#footer
  {
    background-color: #0D0D0D !important;
    border-top-color: #A17C15 !important;
    border-bottom-color: #A17C15 !important;
  }

  #preftoc li
  {
    background-color: #141414 !important;
    color: #CFCFCF !important;
  }

  #preftoc li
  {
    border-top-color: #199ADF !important;
    border-left-color: #199ADF !important;
    border-right-color: #7E7D72 !important;
  }

  #preftoc li.selected
  {
    background-color: #0B0B0B !important;
    border-top-color: #454545 !important;
    border-right-color: #454545 !important;
    border-left-color: #454545 !important;
  }

  #preftoc a, #preftoc a:active
  {
    color: #CFCFCF !important;
  }

  #preferences
  {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
  }

  .prefsection table, .prefsection legend
  {
    background-color: #0B0B0B !important;
  }

  td.htmlform-tip
  {
    color: #7C7C7C !important;
  }

  div#userloginForm, div#userlogin
  {
    border-color: #454545 !important;
    background-color: #0B0B0B !important;
  }

  div#userloginForm table, div#userlogin table
  {
    background-color: #0B0B0B !important;
  }

  div#userlogin .captcha, div#userloginForm .captcha
  {
    border-color: #373737 !important;
    background-color: #0D0D0D !important;
  }

  * > html #p-cactions li a
  {
    border-top-color: #454545 !important;
    border-right-color: #454545 !important;
    border-left-color: #454545 !important;
  }

  * > html #p-cactions li.selected a
  {
    border-color: #A17C15 !important;
  }

  span.updatedmarker
  {
    color: #CFCFCF !important;
    background-color: #828282 !important;
  }

  .editExternally
  {
    border-color: #676767 !important;
    background-color: #0D0D0D !important;
  }

  .editExternallyHelp
  {
    color: #676767 !important;
  }

  div.noarticletext
  {
    border-color: #292929 !important;
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
  }

  div.editOptions
  {
    border-color: #292929 !important;
    background-color: #0D0D0D !important;
    color: #CFCFCF !important;
  }

  div#searchTargetContainer
  {
    background-color: #0D0D0D !important;
  }

  div#searchTarget
  {
    background-color: #141414 !important;
    border-color: #1715BA !important;
  }

  div#searchTarget ul li:before
  {
    color: #BA8215 !important;
  }

  div#searchTargetHide
  {
    border-color: #CFCFCF !important;
    background-color: #272727 !important;
  }

  div.multipageimagenavbox
  {
    border-color: #333333 !important;
    background-color: #141414 !important;
  }

  div.mw-lag-warn-normal
  {
    border-color: #70500C !important;
    background-color: #1E1E1E !important;
  }

  div.mw-lag-warn-high
  {
    border-color: #BA1533 !important;
    background-color: #1E1E1E !important;
  }

  div.archwiki-template-message
  {
    background-color: #000000 !important;
  }

  .MediaTransformError
  {
    background-color: #373737 !important;
  }

  body
  {
    background-color: #0B0B0B !important;
  }

  body, #content, table
  {
    color: #B3B3B3 !important;
  }

  h1, h2, h3, h4, h5
  {
    color: #B3B3B3 !important;
  }

  pre, code, tt
  {
    background-color: #141414 !important;
    color: #B3B3B3 !important;
  }

  pre
  {
    border-color: #1E2934 !important;
  }

  a:link, #p-cactions li a, #p-personal li a, #bodyContent a.external
  {
    color: #1F9BE6 !important;
  }

  a:visited, #bodyContent a.external:visited
  {
    color: #7C7C7C !important;
  }

  a:focus
  {
    color: #FF3625 !important;
  }

  a:hover, #p-personal li a:hover, #bodyContent #toc a:hover, #bodyContent a.external:hover
  {
    color: #535353 !important;
  }

  a:active
  {
    color: #FF3625 !important;
  }

  a.new, #p-cactions .new a
  {
    color: #E6231F !important;
  }

  #toc, .toc, .mw-warning
  {
    background-color: #080808 !important;
    border-color: #181D1F !important;
  }

  .pBody
  {
    border-color: #1C1C1C !important;
  }

  div#content
  {
    border-color: #292929 !important;
  }

  div#footer
  {
    color: #606060 !important;
  }

  #archnavbar
  {
    background-color: #090909 !important;
    border-bottom-color: #199ADF !important;
  }

  #archnavbar ul li a
  {
    color: #535353 !important;
  }

  #archnavbar ul li a:hover
  {
    color: #199ADF !important;
    text-decoration: none !important;
  }

  input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], textarea
  {
    background-color: #181818 !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    padding: 2px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
    color: #f3f3f3 !important;
    font-size: 13px !important;
    outline: medium none !important;
  }

  input[type="search"]
  {
    width: 100% !important;
    margin-bottom: 5px !important;
  }

  input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus
  {
    border-color: #4183c4 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 2px #4183c4 !important;
  }

  input[class="button"], input[type="submit"], input[type="file"]
  {
    font: 13px/1.4 Helvetica,arial,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol" !important;
    cursor: pointer !important;
    background: none repeat scroll 0 0 #181818 !important;
    border: 1px solid #ccc !important;
    color: #c4c4c4 !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
  }

  input[class="button"]:hover, input[type="submit"]:hover, input[type="file"]:hover
  {
    background-color: #333333 !important;
    background-image: linear-gradient(#444444, #333333) !important;
    background-repeat: repeat-x !important;
  }

  #actionlist input
  {
    color: #199ADF !important;
    border: none !important;
  }

  select
  {
    padding: 2px 4px 2px 2px !important;
    font: 13px/1.4 Helvetica,arial,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol" !important;
    box-sizing: border-box !important;
    background: none repeat scroll 0 0 #181818 !important;
    border: 1px solid #444 !important;
    color: #eee !important;
  }


/*

START FORK

*/


  .archwiki-template-box, .archwiki-template-box-note
  {
    background-color: #0B0B0B !important;
  }

  li.selected, li.selected > span
  {
    border-color: #2389C4 !important;
    border-width: 3px !important;
  }