User:418dt/vector.css

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.

/* Base */
  *, ::before, ::after
  {
    color: #a89984 !important;
    border-color: #1d2021 !important;
    outline-color: #1d2021 !important;
    text-shadow: none !important;
    box-shadow: none !important;
/*-moz-box-shadow: none !important;*/
    background-color: transparent !important;
  }

  html *
  {
    color: inherit !important;
  }

  p::first-letter,
h1::first-letter,
h2::first-letter,
p::first-line
  {
    color: inherit !important;
    background: none !important;
  }

/* :: Give solid BG :: */

/* element */
  b,i,u,strong
  {
    color: #98971a;
  }

  html, 
body,
li ul,
ul li,
table,
header,
article,
section,
nav,
menu,
aside,

/* common */

[class*="nav"],
[class*="open"],
[id*="ropdown"], /*dropdown*/
[class*="ropdown"], 
div[class*="menu"],
[class*="tooltip"],
div[class*="popup"], 
div[id*="popup"],

/* Notes, details, etc.  Maybe useful */
div[id*="detail"],div[class*="detail"],
div[class*="note"], span[class*="note"],
div[class*="description"],

/* Also common */
div[class*="content"], div[class*="container"],

/* Popup divs that use visibility: hidden and display: none */
div[style*="display: block"], 
div[style*="visibility: visible"]
  {
    background-color: #282828 !important;
  }



/*: No BG :*/
  *:not(:empty):not(span):not([class="html5-volume-slider html5-draggable"]):not([class="html5-player-chrome html5-stop-propagation"]), *::before, *::after,
td:empty, p:empty, div:empty:not([role]):not([style*="flashblock"]):not([class^="html5"]):not([class*="noscriptPlaceholder"])
  {
    background-image: none !important;
  }

/*: Filter non-icons :*/
  span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"])
  {
    background-image: none !important;
    text-indent: 0 !important;
  }

/*: Image opacity :*/
  img, svg
  {
    opacity: .75 !important;
  }

  img:hover, svg:hover
  {
    opacity: 1 !important;
  }

/* Highlight */
  ::-moz-selection
  {
    background-color: #ebdbb2 !important;
    color: #32302f !important;
  }

/* ::: anchor/links ::: */

  a
  {
    color: #689d6a !important;
    background-color: #282828 !important;
    opacity: 1 !important;
    text-indent: 0 !important;
  }

  a:link
  {
    color: #458588 !important;
  }

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

  a:hover
  {
    color: #d79921 !important;
    background-color: #1d2021 !important;
  }

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

/* "Top level" div */

  body > div
  {
    background-color: inherit !important;
  }

/* :::::: Text Presentation :::::: */

  summary, details
  {
    background-color: inherit !important;
  }

  kbd, time, label, .date
  {
    color: #98971a !important;
  }

  acronym, abbr
  {
    border-bottom: 1px dotted !important;
    cursor: help !important;
  }

  mark
  {
    background-color: #cc241d !important;
  }


/* :::::: Headings :::::: */

  h1,h2,h3,h4,h5,h6
  {
    background-image: none !important;
    border-radius: 5px !important;
/*-moz-border-radius: 5px !important;*/
    -webkit-border-radius: 5px !important;
    text-indent: 0 !important;
  }

  h1,h2,h3,h4,h5,h6
  {
    background-color: #1d2021 !important;
  }

  h1,h2
  {
    color: #98971a!important;
  }

  h3,h4
  {
    color: #d79921!important;
  }

  h5,h6
  {
    color: #d65d0e!important;
  }

/* :::::: Tables, cells :::::: */

  table table
  {
    background: #1d2021 !important;
  }

  th, caption
  {
    background: #282828 !important;
  }

/* ::: Inputs, textareas ::: */

  input, textarea, button,
select,option,optgroup
  {
    color: #ebdbb2 !important;
    background: none #1d2021 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
  }

  input,
textarea, 
button
  {
    border-color: #32302f !important;
    border-width: 1px !important;
  }

/* :::::: Button styling :::::: */

  input[type="button"],
input[type="submit"],
input[type="reset"],
button
  {
    background: #1d2021 !important;
  }

  input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover
  {
    color: #32302f !important;
    background: #ebdbb2 !important;
  }

  input[type="image"]
  {
    opacity: .85 !important;
  }

  input[type="image"]:hover
  {
    opacity: .95 !important;
  }

/* Lightbox fix */
  html [id*="lightbox"] *
  {
    background-color: transparent !important;
  }

  html [id*="lightbox"] img
  {
    opacity: 1 !important;
  }