User:Lelgenio/vector.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.
/* AGENT_SHEET */
/****************************************/
/********* Archlinux Dark (tjW) *********/
/********* Created by: tjwoosta *********/
/************ Version: 2.2 **************/
/****************************************/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("archlinux.org")
{


/**************** MAIN ******************/


  body,
html
  {
    background: #262626 !important;
  }

  div.blockform h2 span,
div#quickpost h2 span
  {
    display: none !important;
  }

  div#viewprofile div.box
  {
    background: #3e3e3e !important;
    border: none !important;
  }

  div#viewprofile div.inform *
  {
    border-color: #262626 !important;
  }

  div.pun,
div#punsearch,
div#punprofile,
div#punuserlist,
div#punpost,
div#quickpost,
div.postbody,
p.pagelink *,
div.pagepost,
dl#onlinelist,
div#brdstats,
div#brdmain,
div#brdmenu ul li *,
div#brdmenu,
div#punindex,
div#punviewforum,
div#punviewtopic,
div.punwrap,
h4.mw-specialpagesgroup,
div#footer,
div#content,
div#container div#wrapper div#content h2,
div#content div.daygroup h2,
div#subs h2,
div.boxSoftTitle,
span.boxSoftTitle,
body p#footer,
body p table tbody tr td,
div.pgboxbody form table,
div.pgboxbody form table tbody tr td,
div.pgbox table[width*="100%"],
form div.pgbox table[width*="100%"] tbody tr td[align*="left"],
form div.pgbox table[width*="100%"] tbody tr td[align*="right"],
div#maincontent div.pgbox form div.pgboxtitle,
div#maincontent div.pgbox div.pgboxtitle,
p.pgbox,
div.pgbox,
div#search,
div#menu,
div#pm-menu,
div#dev_nav,
div#main_nav,
div#sub_nav,
div#arch_nav,
div#pkgsearch,
div#pkglist-about,
div.pBody,
div#brdstats div.box,
div#brdfooter div.box,
div.blockform div.box,
div.blockform h2,
div#archnavbar
  {
    background: none !important;
    border: none !important;
  }

  div.blocktable div.box
  {
    border: none !important;
  }

  div#profile h2,
div#viewprofile h2,
div#postreview h2,
.pun span.email,
.pun span.website,
.pun .required strong,
.pun .blockpost .usercontacts .website,
.pun .blockpost .usercontacts .email,
.pun .blockform .bblinks li span,
div#main_nav li.selected,
div#main_nav a:hover,
div#arch_nav li.selected,
div#arch_nav a:hover
  {
    background: none !important;
  }

  .pun .blockmenu a:hover,
.pun .blockmenu a:active,
.pun .blockmenu a:focus,
li.isactive a,
div.box div.inbox div.postleft,
div.box div.inbox div.postright,
div.box div.inbox div.postfootleft,
div.box div.inbox div.postfootright,
div.box div.inbox div.postfoot,
div.blockpost div.box div.inbox
  {
    background: #3e3e3e !important;
  }

  h2
  {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: #3e3e3e !important;
  }

  div.infldset,
fieldset.box,
div#cgit div.content,
div#cgit div.content *,
body div#content div.box,
div#comments,
div#taskdetails,
div.comment-header,
div#tasklist,
div#maincontent form div.pgbox div.pgboxtitle,
div.pgbox table,
div.pgbox table tbody tr td,
div.pgbox table tbody tr th,
div.box thead tr th,
div#arch-downloads,
div#intro,
div#intro h2,
div#pkg-updates,
div#news-article,
div#news-article h2,
div#news-article-list,
div#news-article-list h2,
div#pkglist-search,
div#pkglist-search h2,
div#pkglist-results,
div#pkglist-results h2,
div#pkgdetails,
div#pkgdetails h2,
div#pkgdetails h3,
div.blockmenu div.box,
div#profile div.blockmenu div.box *,
div#globalWrapper div#column-content div#content,
div#globalWrapper div#column-content div#content h2
  {
    background: #3e3e3e !important;
    border: none !important;
  }

  fieldset.box legend,
table.tabs tbody tr td a,
a[href*="#related"],
a[href*="#comments"],
li#ca-nstab-category a,
li#ca-nstab-category,
li#ca-nstab-special,
li#ca-nstab-special a,
li#ca-nstab-main,
li#ca-nstab-main a,
li#ca-talk a,
li#ca-talk,
li#ca-viewsource,
li#ca-viewsource a,
li#ca-history a,
li#ca-history
  {
    background: #3e3e3e !important;
    border-color: #3e3e3e !important;
    z-index: 3 !important;
  }

  div.blockpost div.box,
fieldset.box input,
fieldset.box select,
fieldset.box button,
body div#content div.box pre,
div.noarticletext,
table tbody tr td[bgcolor*="#99ccff"],
table tbody tr td[bgcolor*="#99ccff"] h2,
table tbody tr[bgcolor*="#dddddd"],
div#bodyContent textarea#wpTextbox1 *,
form div table#pagenumbers tr td,
ul#pagehistory li,
div.codebox,
code,
div#bodyContent code,
div#bodyContent table,
div#bodyContent table td code,
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt 0pt; background-color: rgb(231, 255, 231); border-width: thin; border-style: dashed dashed solid; border-color: rgb(127, 127, 127);"],
div#bodyContent pre,
table[style*="margin-left: 5px; padding: 5px; border-spacing: 0px 4px; float: right; clear: right; width: 25%;"],
table[style*="margin-left: 5px; padding: 5px; border-spacing: 0px 4px; float: right; clear: right; width: 25%;"] th,
div#globalWrapper div#column-content div#content div.toc,
div#globalWrapper div#column-content div#content div.toc hr,
div#globalWrapper div#column-content div#content table.toc,
div#globalWrapper div#column-content div#content table.toc h2,
div.catlinks
  {
    background: #262626 !important;
    border: none !important;
  }

  blockquote,
div.quotebox
  {
    background: #262626 !important;
    border-color: #3e3e3e !important;
  }

  div.blockpost,
div.blockpost *,
table#tasklist_table tbody tr td,
table#tasklist_table thead tbody,
table.pretty1
  {
    border-color: #262626 !important;
  }

  div#punindex div#brdmain h2,
div#punredirect div#brdmain h2,
div.postsignature hr
  {
    background: #262626 !important;
  }

  div#punindex div#brdmain div.box thead,
div#punindex div#brdmain div.box thead *,
div#punviewforum div#brdmain div.box thead,
div#punviewforum div#brdmain div.box thead *
  {
    background: #262626 !important;
    border-bottom: 1px solid #262626 !important;
  }

  div.box div.inbox div.postright
  {
    border-color: #3e3e3e !important;
  }

  div.box tbody tr td
  {
    background: #3e3e3e !important;
    border-color: #262626 !important;
  }

  div.list,
div#punredirect div.block div.box
  {
    background: #3e3e3e !important;
    border: none !important;
  }

  div#punredirect *
  {
    border: none !important;
  }

  div.pgbox div.pgboxtitle
  {
    background: #262626 !important;
    border: none !important;
  }

  div#legend *
  {
    border: none !important;
  }


/**** WIKI BOXES (Tip, Note, Warning)****/


  div#bodyContent div[style*="padding: 5px; margin: 0.5em 0pt; background-color: rgb(221, 221, 255); border: thin solid rgb(187, 187, 255);"],
div#bodyContent div[style*="padding: 5px; margin: 0.5em 0pt; background-color: rgb(221, 221, 255); border: thin solid rgb(187, 187, 255);"] *,
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt; background-color: rgb(221, 221, 255); border: 2px solid rgb(187, 187, 255);"],
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt; background-color: rgb(221, 221, 255); border: 2px solid rgb(187, 187, 255);"] *
  {
    background: #a7a15e !important;
    border: none !important;
    color: #262626 !important;
  }

  div#bodyContent div[style*="padding: 5px; margin: 0.5em 0pt; background-color: rgb(221, 255, 221); border: thin solid rgb(187, 255, 187);"],
div#bodyContent div[style*="padding: 5px; margin: 0.5em 0pt; background-color: rgb(221, 255, 221); border: thin solid rgb(187, 255, 187);"] *,
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt; background-color: rgb(221, 255, 221); border: 2px solid rgb(187, 255, 187);"],
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt; background-color: rgb(221, 255, 221); border: 2px solid rgb(187, 255, 187);"] *
  {
    background: #556b2f !important;
    border: none !important;
    color: #262626 !important;
  }

  div#bodyContent div[style*="padding: 5px; margin: 0.5em 0pt; background-color: rgb(255, 221, 221); border: thin solid rgb(255, 187, 187);"],
div#bodyContent div[style*="padding: 5px; margin: 0.5em 0pt; background-color: rgb(255, 221, 221); border: thin solid rgb(255, 187, 187);"] *,
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt; background-color: rgb(255, 221, 221); border: 2px solid rgb(255, 187, 187);"],
div#bodyContent div[style*="padding: 0.25em; margin: 0.5em 0pt; background-color: rgb(255, 221, 221); border: 2px solid rgb(255, 187, 187);"] *
  {
    background: #a67b07 !important;
    border: none !important;
    color: #262626 !important;
  }


/**** AUR/BUGS (severity, outofdate) ****/


  div.pgbox table td.outofdate,
div.pgbox table td.outofdate span,
span.outofdate,
.severity5,
.severity5 td,
.severity5 td a
  {
    background: #7b3303 !important;
    color: #262626 !important;
  }

  .severity4,
.severity4 td,
.severity4 td a
  {
    background: #804015 !important;
    color: #262626 !important;
  }

  .severity3,
.severity3 td,
.severity3 td a
  {
    background: #af5f00 !important;
    color: #262626 !important;
  }

  .severity2,
.severity2 td,
.severity2 td a
  {
    background: #a67b07 !important;
    color: #262626 !important;
  }

  .severity1,
.severity1 td,
.severity1 td a
  {
    background: #a7a15e !important;
    color: #262626 !important;
  }


/***************** INPUT ******************/


  input[type*="text"],
textarea,
input.button,
input[type*="submit"],
input[type*="reset"],
input[type*="password"],
input.password
  {
    background: #3e3e3e !important;
    border-color: #3e3e3e !important;
  }

  fieldset
  {
    border: none !important;
  }

  select
  {
    background: none !important;
    border-color: #3e3e3e !important;
  }

  button
  {
    background: none !important;
    background-image: none !important;
    border-color: #3e3e3e !important;
  }

  div.txtarea label textarea,
div.txtarea label textarea *
  {
    background: #262626 !important;
    border: 1px solid #3e3e3e !important;
  }


/***************** TEXT *******************/


  *
  {
    color: #9a9a9a !important;
  }

  a:link
  {
    color: #1793d1 !important;
  }

  a:visited
  {
    color: #cdcdcd !important;
  }


/***************** ICONS ******************/


  div.icon
  {
    border-color: #3e3e3e #3e3e3e #3e3e3e #262626 !important;
  }

  tr.inew div.icon
  {
    border-color: #3e3e3e #3e3e3e #3e3e3e #1793d1 !important;
  }

  a[title="Arch Linux (Home)"],
a[title="Arch Linux (Planet)"],
div#logo h1 a[title="Arch Linux"]
  {
    width: 0px !important;
    height: 40px !important;
    background: url("https://bbs.archlinux.org/style/ArchLinux/archlogo.png") no-repeat !important;
    padding-left: 190px !important;
  }
}