User:Aestetix/monobook.css

From Noisebridge
Jump to navigation Jump to search

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.
* { 
 background: black !important; 
 color:#fdd !important; 
 border-color:#fdd !important;
 font-family:monospace !important;
}

a { color: #f88 !important }
a:focus { background: #f88 !important; color: #000 !important; outline:none; }

input { border: 1px; border-style:dotted; color:#f88 !important }
input:focus { border-color: #f88 !important; border:solid 1px; }

ul { list-style-image: none }

/* hide the logo */
#p-logo a, #p-logo a:hover { background-position:-200px 0px !important; }

/* style a:after pseudo-element, based on monobook's #p-logo style,
   to contain a replacement logo. (It is necessary to do it this convoluted way
   because the original background url is specified in the html style attribute)
*/

#p-logo a:after {
  position:absolute; top:0; left:0; height: 155px; width: 12.2em;
  background: url(https://www.noisebridge.net/images/thumb/5/5b/NB_rainbow_on_white.png/131px-NB_rainbow_on_white.png) no-repeat 35% 50%;
  text-decoration: none;
  content:' '; /* to make the element actually appear */
}