User:Yesac/monobook.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
* { | * { | ||
background: black !important; | background: black !important; | ||
color: | color:#080 !important; | ||
border-color: | border-color:#080 !important; | ||
font-family:monospace !important; | font-family:monospace !important; | ||
/* | } | ||
a { color: #0e0 !important } | |||
a:focus { background: #0e0 !important; color: #000 !important; outline:none; } | |||
input { border: 1px; border-style:dotted; color:#0e0 !important } | |||
input:focus { border-color: #0e0 !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: #080 url(https://www.noisebridge.net/images/thumb/3/3d/Nosebridge_simple.png/131px-Nosebridge_simple.png) no-repeat 35% 50%; | |||
text-decoration: none; | |||
content:' '; /* to make the element actually appear */ | |||
} | } |
Revision as of 18:13, 12 October 2012
* { background: black !important; color:#080 !important; border-color:#080 !important; font-family:monospace !important; } a { color: #0e0 !important } a:focus { background: #0e0 !important; color: #000 !important; outline:none; } input { border: 1px; border-style:dotted; color:#0e0 !important } input:focus { border-color: #0e0 !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: #080 url(https://www.noisebridge.net/images/thumb/3/3d/Nosebridge_simple.png/131px-Nosebridge_simple.png) no-repeat 35% 50%; text-decoration: none; content:' '; /* to make the element actually appear */ }