User:Leif/monobook.css

From Noisebridge
< User:Leif(Difference between revisions)
Jump to: navigation, search
m
m (can actually use !important to set the logo, instead of the :after pseudo-element)
Line 16: Line 16:
 
#searchBody { border: none }
 
#searchBody { border: none }
  
/* hide the logo */
+
#p-logo a { 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% !important; }
#p-logo a, #p-logo a:hover { background-position:-200px 0px !important; }
+
#p-logo a:hover { outline:25px dotted }
 
+
/* 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 */
+
}
+

Revision as of 19:03, 12 October 2012

* { 
 background: black !important; 
 color:#bb0 !important; 
 border-color:#bb0 !important;
 font-family:monospace !important;
}
 
a { color: #ff0 !important }
a:focus { background: #ff0 !important; color: #000 !important; outline:none; }
 
input { border: 1px; border-style:dotted; color:#ff0 !important }
input:focus { border-color: #ff0 !important; border:solid 1px; }
 
ul, .portlet ul { list-style-image: none }
 
#searchBody { border: none }
 
#p-logo a { 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% !important; }
#p-logo a:hover { outline:25px dotted }
Personal tools