Difference between revisions of "MediaWiki:Monobook.css"

From SamuraiWiki
Jump to navigationJump to search
Line 755: Line 755:
 
     overflow: visible;
 
     overflow: visible;
 
     line-height: 1.2em;
 
     line-height: 1.2em;
 +
}
 +
 +
#p-cactions {
 +
    position: fixed;
 +
    top: 1.3em;
 +
    right: 0em;
 +
    margin: 0;
 +
    white-space: nowrap;
 +
    width: 76%;
 +
    line-height: 1.1em;
 +
    overflow: visible;
 +
    background: none;
 +
    border-collapse: collapse;
 +
    padding-left: 1em;
 +
    font-size: 95%;
 
}
 
}

Revision as of 17:28, 22 June 2021

/* All CSS here will be loaded for users of the MonoBook skin */

/*
-----------------------------------------------------
FraternityManuals.org MediaWiki 'monobook' style sheet for CSS2-capable browsers
FileName:   main.css
Version:    2005.04.06
Author:		jasonpearce.com
-----------------------------------------------------
*/


/* Typography & Colors -----------------------------------------------*/
html { background-color: #eee; }

body {
	background-color: #ffffff; /* white */
	color: #333; /* dark grey */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 90%;
   min-height: 1200px;
	height: auto;
	margin: 0 auto;
	border: solid black;
	border-width: 0px 1px;
   padding-bottom:30px;
   font-size: 62.5%;
	}

#content {
	font-size: 1.25em;
	line-height: 1.5em;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#column-one {
	font-size: 1.1em;
	line-height: 1.2em;
	}

#column-one {
	color: #444444;
	}

#toc { /* table of contents */
	background: #eee; /* very light orange */
	border: 1px solid #ddd; /* light orange */
	}
	
#toctitle {
	background: #800; /* light orange */
	color: #fff; /* very dark orange */
	}


#footer {
	border-top: 1px solid #666666;
	color: #999999;
	}
	
img {
	border: none;
	vertical-align: middle;
}
p {
	margin: .4em 0 .5em 0;
	line-height: 1.5em;
}
p img {
	margin: 0;
}

hr {
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	margin: .2em 0 .2em 0;
}


ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}

fieldset {
	border: 1px solid #ddd;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em;
	line-height: 1.5em;
}
legend {
	background: white;
	padding: .5em;
	font-size: 95%;
}
form {
	border: none;
	margin: 0;
}

textarea {
	width: 100%;
	padding: .1em;
}

input.historysubmit {
	padding: 0 .3em .3em .3em !important;
	font-size: 94%;
	cursor: pointer;
	height: 1.7em !important;
	margin-left: 1.6em;
}
select {
	vertical-align: top;
}
abbr, acronym, .explain {
	border-bottom: 1px dotted black;
	color: black;
	background: none;
	cursor: help;
}
q {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
/* disabled for now
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}*/
code {
	background-color: #f9f9f9;
}
pre {
	padding: 1em;
	border: 1px dashed #ddd;
	color: black;
	background-color: #eee;
	line-height: 1.1em;
}
/* Links -------------------------------------------------------------*/
a {color: #800000;} /* blue */
a:hover {color: #300000;} /* dark blue */

p a:visited {color: #800000;} /* orange */
#content a.new {
   color: green;
   font-weight: bold;
   /*background: url(new.gif) center right no-repeat;
   padding-right: 13px; */
} /* green */

#column-one a:hover {color: #300000;} /* dark blue */
#column-one .selected a {
	color: #a00000; /* orange */
	font-weight: bolder;
	}

#toc a {color: #800000;} /* blue */
#toc a:hover {color: #300000;} /* dark blue */
#toc p a:visited {color: #800000;} /* blue */

#toc #toctitle a {color: #fdd;} /* blue */
#toc #toctitle a:hover {color: #f00;} /* dark blue */

#footer a {color: #999999;}
#footer a:hover {color: #300000;} /* dark blue */

img { border:none; }

/* LINK ICONS
** 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[href ^="http://"], #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 .plainlinks a {
   background:none;
   padding-right:0;
}


/* Structure & Frame -------------------------------------------------*/
body {
	text-align: center;
   background: #fff url("background.gif") top right no-repeat;
	}

#titleBar {
	height: 100px;
	text-align: right;
	width: 100%;
	}

#globalWrapper {
	margin: 20px auto;
	text-align: left;
	width: 90%;
	}

#column-content {
	margin-left: 200px;
	}

#column-one {
	position: absolute;
	top: 120px;
	width: 185px;
	}

#footer {
	clear: both;
	height: 5em;
	margin: 3em 0 3em 200px;
	}


/* Headers -----------------------------------------------------------*/
h1, h2, h3, h4 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}
h1, h2 {border-bottom: 1px dotted #333333;  line-height: 1.1em; padding-bottom: 0.2em;}

.firstHeading {border-bottom-style: solid; font-size: 2em;}
/* .editsection { margin-top: 1.7em; }*/

.portlet h5 { /* blocks within #column-one */
	margin: 0;
	padding: 0.25em 0.5em;
	padding-bottom: 0;
	}


/* Images ------------------------------------------------------------*/
#titleBar {
	background: #800000 url(titlebar_bg.png) repeat-x; /* blue and white background */
	}
	


#f-poweredbyico {
  display:none;
	}


/* Lists -------------------------------------------------------------*/
.portlet ul {
	margin-bottom: 2em;
	}

.portlet li {
	margin: 0.5em 0;
	}

/* Special stylized non-IE bullets
   Does not work in Internet Explorer, which merely default to normal bullets. */
html>body .portlet ul {
	list-style: none;
	margin-left: 0px;
	padding: 0 0 0 30px;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .portlet li {
	margin-left: 10px;
	}

html>body .portlet ul li:before {
	content: "\00BB \0020";
	}


/* Form Elements -----------------------------------------------------*/
.portlet #searchform {
	margin-left: 10px;
	margin-bottom: 2em;
	}

.portlet #searchform input {
	margin: 0.15em 0;
	}


/* Various Tags & Classes --------------------------------------------*/
#siteSub, .urlexpansion, .printfooter {
	display: none;
	}

.visualClear {
	clear: both;
	}

/* BEGIN user notifications */
.usermessage {
    background-color: #ffce7b; /* yellow */
    border: 1px solid #ffa500; /* orange */
    color: Black;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
	}

#siteNotice {
    font-size: 95%;
    padding: 0 0.9em 0 0.9em;
    text-align: center;
	}

#siteNotice p {margin: 0; padding: 0;}

.error {color: red; font-size: larger;}

#catlinks {
    background-color: #eee; /* very light blue */
    border: 1px solid #ddd; /* light blue */
    clear: both;
    margin: 1em 0;
	}

#catlinks p {margin: 0.5em;}
/* END user notifications */



/* Content -----------------------------------------------------------*/
/* BEGIN Table of Contents */
#toc,
.toc,
.mw-warning {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 5px;
	font-size: 95%;
}
#toc h2,
.toc h2 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
		color: white;

}
#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%;
	color: #fdd;
}

.mw-warning {
	margin-left: 50px;
	margin-right: 50px;
	text-align: center;
}

/* images */
div.floatright, table.floatright {
	clear: right;
	float: right;
	position: relative;
	margin: 0 0 .5em .5em;
	border: 0;
/*
	border: .5em solid white;
	border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
	float: left;
	position: relative;
	margin: 0 .5em .5em 0;
	border: 0;
/*
	margin: .3em .5em .5em 0;
	border: .5em solid white;
	border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
	margin-bottom: .5em;
	width: auto;
}
div.thumb div {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
}
div.thumb div a img {
	border: 1px solid #ccc;
}
div.thumb div div.thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: .3em 0 .1em 0;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}
div.tright {
	clear: right;
	float: right;
	padding: .5em 0 .8em 1.4em;
}
div.tleft {
	float: left;
	margin-right: .5em;
	padding: .5em 1.4em .8em 0;
}

.hiddenStructure {
	display: none;
	speak: none;
}
img.tex {
	vertical-align: middle;
}
span.texhtml {
	font-family: serif;
}
/* END Table of Contents */

/* BEGIN Page history styling */
.autocomment {color: gray;}
#pagehistory span.user {margin-left: 1.4em; margin-right: 0.4em;}
#pagehistory span.minor {font-weight: bold;}
#pagehistory input {margin: 0.2em;}
#pagehistory li {border: 1px solid #ffffff; margin-top: 1px; margin-bottom: 1px;}
#pagehistory li.selected {
	background-color: #CBDDFF; /* light blue */
	border:1px dashed #FDA32F; /* orange */
	}
/* END Page history styling */

/* BEGIN Diff rendering */
table.diff {background: #FEFEFE; border: 1px solid #cccccc; padding: 0.5em}
table.diff td {vertical-align: top;}
td.diff-otitle a:hover, td.diff-ntitle a:hover {text-decoration: underline;}
td.diff-otitle {}
td.diff-ntitle {}
td.diff-addedline {background:#F2F6FF;}
td.diff-addedline span.diffchange {
	background: #CDDEFF;
	border: 1px dashed #676F80;
	color: green;
	font-weight: bold;
	}
td.diff-deletedline {background:#FFF9F2;}
td.diff-deletedline span.diffchange {
	background: #FFE9CB;
	border: 1px dashed #B3A38E;
	color: red;
	font-weight: bold;
	text-decoration: line-through;
	}
td.diff-context {background:#eeeeee;}
.newpage {color: green;	font-weight: bolder;}
/* END Diff rendering */

/* BEGIN forms */
fieldset {
	background: #FAFCFF;
	border: 1px solid #CBDDFF;
	margin: 1em;
	padding: 0.5em 1em;
	}

fieldset div {
	margin: 0.25em 0;
	}

fieldset input {
	margin: 0 0.5em;
	}

legend {
	color: #2153B0;
	font-size: 1.25em;
	font-weight: bolder;
	padding: 0.2em 0.5em;
	}

textarea{width:100%;}
/* END forms */




/* Footer ------------------------------------------------------------*/
#footer ul {
	list-style: none;
	margin: 0;
	text-align: center;
	}

#footer ul li {
	margin: 0.5em 1em;
	display:inline;
	}

#f-lastmod {}
#f-viewcount {}
#f-copyright {}
#f-about {}
#f-disclaimer {}
#f-developedby {}

/*
-----------------------------------------------------
FraternityManuals.org basic tags rules CSS file for screen media
FileName:   browserdefaults_compact.css
Version:    2005.04.06
Author:		jasonpearce.com
-----------------------------------------------------
*/

/* zero padding and margins  */
* {margin:0;padding:0;}

/* set font size */
body {	font-size: 62.5%; /* Resets 1em to 10px */}

/* blocks */
address,blockquote,body,center,dd,dir,div,dl,dt,frameset,h1,h2,h3,h4,h5,h6,hr,html,isindex,listing,map,marquee,menu,multicol,ol,p,plaintext,pre,ul,xmp {display:block;}
blockquote {margin:1em 40px;}
blockquote[type=cite] {border-color:blue;border-left:solid;border-width:thin;margin:1em 0px;padding-left:1em;}
listing {font-size:medium;margin:1em 0;white-space:pre;}
p,dl,multicol {margin:1em 0;}
plaintext,xmp,pre {margin:1em 0;white-space:pre;}

/* headings */
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size:1.75em;}
h2 {font-size:1.5em;}
h3 {font-size:1.33em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.85em;}
h1,h2,h3,h4,h5,h6 {margin:1.5em 0 0.25em 0;} 
h1 {margin-top:0;}

/* link pseudo-classes */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

/* tables */
table {border-collapse:separate;border-spacing:2px;display:table;margin-bottom:0;margin-top:0;text-indent:0;}
table[align="left"] {float:left;}
table[align="right"] {float:right;text-align:start;}
table[rules] {border-collapse:collapse;}
caption {display:table-caption;text-align:center;}
table[align="center"] > caption {margin-left:auto;margin-right:auto;}
table[align="center"] > caption[align="left"] {margin-right:0;}
table[align="center"] > caption[align="right"] {margin-left:0;}
tr {display:table-row;vertical-align:inherit;}
col {display:table-column;}
colgroup {display:table-column-group;}
tbody {display:table-row-group;vertical-align:middle;}
thead {display:table-header-group;vertical-align:middle;}
tfoot {display:table-footer-group;vertical-align:middle;}

/* for XHTML tables without tbody */
table > tr {vertical-align:middle;}
td { display:table-cell;padding:1px;text-align:inherit; vertical-align:inherit;}
th {display:table-cell;font-weight:bold;padding:1px;vertical-align:inherit;}

/* inlines */
b,strong {font-weight:bolder;}
big {font-size:larger;}
blink {text-decoration:blink;}
i,address,cite,dfn,em,var {font-style:italic;}
nobr {white-space:nowrap;}
q:after {content:close-quote;}
q:before {content:open-quote;}
s,strike,del {text-decoration:line-through;}
small {font-size:smaller;}
sub {font-size:smaller;line-height:normal;vertical-align:sub;}
sup {font-size:smaller;line-height:normal;vertical-align:super;}
u,ins {text-decoration:underline;}

/* titles */
abbr[title],acronym[title] {border-bottom:dotted 1px;}

/* lists */
ul,menu,dir {list-style-type:disc;margin:1em 2em;}
ol {list-style-type:decimal;margin:1em 2em;}
li {display:list-item;}

/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul, dir ol, dir dir, dir menu, dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl {margin-top:0;margin-bottom:0;}

/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir, ul dir, menu dir, dir dir {list-style-type:circle;}

/* 3 deep (or more) unordered lists use a square */
ol ol ul,  ol ul ul,  ol menu ul,  ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir, ol ul dir, ol menu dir, ol dir dir,ul ol ul,  ul ul ul,  ul menu ul,  ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir, ul ul dir, ul menu dir, ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir, menu ul dir, menu menu dir, menu dir dir,dir ol ul, dir ul ul, dir menu ul, dir dir ul,dir ol menu, dir ul menu, dir menu menu, dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir {list-style-type:square;}

/* leafs */
hr {border:1px;height:2px;margin:0.5em auto 0.5em auto;}
img[usemap],object[usemap] {color:blue;cursor:pointer;}
iframe {border:2px inset;}

/* hidden elements */
area,base,basefont,head,meta,noembed,noframes,noscript,param,script,style,title { display:none;}

/* bidirectionality elements */
*[dir="ltr"] {direction:ltr;unicode-bidi:embed;}
*[dir="rtl"] {direction:rtl;unicode-bidi:embed;}
address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,iframe,noscript,noframes,object,ol,p,ul,applet,center,dir,hr,menu,pre,li,table,tr,thead,tbody,tfoot,col,colgroup,td,th,caption {unicode-bidi:embed;}
bdo[dir="ltr"] {direction:ltr;unicode-bidi:bidi-override;}
bdo[dir="rtl"] {direction:rtl;unicode-bidi:bidi-override;}

/* print settings */
@media print {
  @page {margin:10%;}
  blockquote,fieldset,pre {page-break-inside:avoid;}
  h1,h2,h3,h4,h5,h6 {page-break-after:avoid;page-break-inside:avoid;}
  ul,ol,dl {page-break-before:avoid;}
}

/* speech settings */
@media speech {
  a:active {voice-family:betty,female;pitch-range:80;pitch:x-high;}
  a:link {voice-family:harry,male;}
  a:visited {voice-family:betty,female;}
  b {pitch:medium;pitch-range:60;stress:90;richness:90;}
  dfn {pitch:high;pitch-range:60;stress:60;}
  dt {stress:80;}
  em {pitch:medium;pitch-range:60;stress:60;richness:50;}
  h1 {pitch:x-low;pitch-range:90;}
  h1,h2,h3,h4,h5,h6 {voice-family:paul,male;stress:20;richness:90;}
  h2 {pitch:x-low;pitch-range:80;}
  h3 {pitch:low;pitch-range:70;}
  h4 {pitch:medium;pitch-range:60;}
  h5 {pitch:medium;pitch-range:50;}
  h6 {pitch:medium;pitch-range:40;}
  i {pitch:medium;pitch-range:60;stress:60;richness:50;}
  li,dt,dd {pitch:medium;richness:60;}
  pre,code,tt {pitch:medium;pitch-range:0;stress:0;richness:80;}
  s,strike {richness:0;}
  strong {pitch:medium;pitch-range:60;stress:90;richness:90;}
  u {richness:0;}
}

/**
 * Additional rules
*/
#p-personal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    overflow: visible;
    line-height: 1.2em;
}

#p-cactions {
    position: fixed;
    top: 1.3em;
    right: 0em;
    margin: 0;
    white-space: nowrap;
    width: 76%;
    line-height: 1.1em;
    overflow: visible;
    background: none;
    border-collapse: collapse;
    padding-left: 1em;
    font-size: 95%;
}