Difference between revisions of "User:Paradox/monobook.css"
m |
m |
||
Line 143: | Line 143: | ||
font-size: 94%; | font-size: 94%; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | ** keep the whitespace in front of the ^=, hides rule from konqueror | ||
+ | ** this is css3, the validator doesn't like it when validating as css2 | ||
+ | */ | ||
+ | #bodyContent a.external, | ||
+ | #bodyContent a[href ^="gopher://"] { | ||
+ | background: url(external.png) center right no-repeat; | ||
+ | padding-right: 13px; | ||
+ | } | ||
+ | #bodyContent a[href ^="https://"], | ||
+ | .link-https { | ||
+ | background: url(lock_icon.gif) center right no-repeat; | ||
+ | padding-right: 16px; | ||
+ | } | ||
+ | #bodyContent a[href ^="mailto:"], | ||
+ | .link-mailto { | ||
+ | background: url(mail_icon.gif) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a[href ^="news://"] { | ||
+ | background: url(news_icon.png) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a[href ^="ftp://"], | ||
+ | .link-ftp { | ||
+ | background: url(file_icon.gif) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a[href ^="irc://"], | ||
+ | .link-irc { | ||
+ | background: url(discussionitem_icon.gif) center right no-repeat; | ||
+ | padding-right: 18px; | ||
+ | } | ||
+ | #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], | ||
+ | #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], | ||
+ | #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], | ||
+ | #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], | ||
+ | #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], | ||
+ | #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], | ||
+ | .link-audio { | ||
+ | background: url("audio.png") center right no-repeat; | ||
+ | padding-right: 13px; | ||
+ | } | ||
+ | #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], | ||
+ | #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], | ||
+ | #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], | ||
+ | #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], | ||
+ | .link-video { | ||
+ | background: url("video.png") center right no-repeat; | ||
+ | padding-right: 13px; | ||
+ | } | ||
+ | #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], | ||
+ | #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], | ||
+ | #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], | ||
+ | .link-document { | ||
+ | background: url("document.png") center right no-repeat; | ||
+ | padding-right: 12px; | ||
+ | } | ||
+ | |||
+ | /* disable interwiki styling */ | ||
+ | #bodyContent a.extiw, | ||
+ | #bodyContent a.extiw:active { | ||
+ | color: #36b; | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #bodyContent a.external { | ||
+ | color: #a00; | ||
+ | } | ||
+ | /* this can be used in the content area to switch off | ||
+ | special external link styling */ | ||
+ | #bodyContent .plainlinks a { | ||
+ | background: none !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | /* | ||
+ | ** Structural Elements | ||
+ | */ |
Revision as of 21:14, 12 January 2008
body {
/*font: x-small sans-serif;
background: black url(headbg.jpg) 0 0 no-repeat;
color: white;
margin: 0;
padding: 0;*/
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #000000;
background-image: url('http://forum.guildofwriters.com/styles/writers/theme/images/bg.png');
background-repeat: repeat-x;
background-position: center top;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 0px 20px;
}
/*
** Logo properties
*/
#p-logo {
top: 0;
left: 0;
position: absolute; /*needed to use z-index */
z-index: 3;
height: 200px;
width: 12em;
overflow: visible;
}
#p-logo h5 {
display: none;
}
#p-logo a,
#p-logo a:hover {
display: block;
height: 200px;
width: 12.2em;
background-repeat: no-repeat;
background-image: url('http://forum.guildofwriters.com/styles/writers/imageset/site_logo.gif');
background-position: 35% 50% !important;
text-decoration: none;
}
#content {
margin: 2.8em 0 0 12.2em;
padding: 0 1em 1.5em 1em;
position: relative;
z-index: 2;
background: black;
color: white;
border: 1px solid #aa0000;
background-color: black;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
color: white;
background: none;
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
}
a {
text-decoration: none;
color: #aa0000;
background: none;
}
a:visited {
color: #aa0000;
}
a:active {
color: #aa0000;
}
a:hover {
text-decoration: underline;
}
a.stub {
color: #772233;
}
a.new, #p-personal a.new {
color: #115098;
}
a.new:visited, #p-personal a.new:visited {
color: #115098;
}
/*
** content styles
*/
#toc,
.toc,
.mw-warning {
border: 1px solid #aa0000;
background-color: black;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
padding: 5px;
font-size: 95%;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] {
background: url(external.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a[href ^="https://"],
.link-https {
background: url(lock_icon.gif) center right no-repeat;
padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
background: url(mail_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
background: url(news_icon.png) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {
background: url(discussionitem_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
background: url("audio.png") center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
background: url("video.png") center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
background: url("document.png") center right no-repeat;
padding-right: 12px;
}
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #36b;
background: none;
padding: 0;
}
#bodyContent a.external {
color: #a00;
}
/* this can be used in the content area to switch off
special external link styling */
#bodyContent .plainlinks a {
background: none !important;
padding: 0 !important;
}
/*
** Structural Elements
*/