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
*/