User:Dwchin/monobook.css

/*

CSS for Monobook skin only
*/

width: 100%; float: right; margin: 0 0 0.6em -12.2em; padding:0; }   margin: 2.8em 0 0 12.2em; padding: 0em 1em 1.5em 1em; background: White; border: 1px solid #aaaaaa; border-right: none; line-height: 1.5em; position: relative; z-index: 2; } /* the left column width is specified in class .portlet */
 * 1) column-content {
 * 1) content {
 * 1) column-one { padding-top: 160px; }

body { font:sans-serif; background: #f9f9f9 url("/skins-1.5/monobook/headbg.jpg") 0px 0px no-repeat; color: Black; margin: 0; padding: 0; }

/* scale back up to a sane default */ font-size:100%; width: 100%; margin: 0; padding: 0; } .visualClear { clear: both; }
 * 1) globalWrapper {

/* general styles */

table { font-size: 100%; background: White; } a { text-decoration: none; color: #002bb8; background: none; } a:visited { color: #5a3696; } a:active { color: Orange; } a:hover { text-decoration: underline; } a.stub { color: #772233; } a.new, a.new:visited,
 * 1) p-personal a.new { color:#ba0000; }
 * 1) p-personal a.new:visited { color:#a55858; }

img { border: none; vertical-align: middle; } p { margin: 0.4em 0em 0.5em 0em; line-height: 1.5em; }

p img { margin: 0; }

hr { height: 1px; color: #aaaaaa; background-color: #aaaaaa; border: 0; margin: 0.2em 0 0.2em 0; }

h1, h2, h3, h4, h5, h6 { color: Black; background: none; font-weight: normal; margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom: 1px solid #aaaaaa; } h3, h4, h5, h6 { border-bottom: none; font-weight: bold; } /* h1 { font-size: 188%; } h2 { font-size: 150%; } h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 100%; } h6 { font-size: 80%; }

ul { list-style-type: square; margin: 0.3em 0 0 1.5em; padding:0; list-style-image: url("/skins-1.5/monobook/bullet.gif"); } ol { margin: 0.3em 0 0 3.2em; padding:0; list-style-image: none; } li { margin-bottom: 0.1em; } dt { font-weight: bold; margin-bottom: 0.1em; } dl{ margin-top: 0.2em; margin-bottom: 0.5em; } dd { margin-left: 2em; margin-bottom: 0.1em; }

fieldset { border: 1px solid #2f6fab; margin: 1em 0em 1em 0em; padding: 0em 1em 1em 1em; } legend { background: White; padding: 0.5em; font-size: 100%; } form { border: none; margin: 0; }

textarea { border: 1px solid #2f6fab; color: Black; background-color: white; width: 100%; padding: 0.1em; overflow: auto; } /* hide this from ie/mac and konq2.2 */ @media All { head:first-child+body input { visibility: visible; border: 1px solid #2f6fab; color: Black; background-color: white; vertical-align: middle; padding: 0.2em; } } input.historysubmit { padding: 0 0.3em 0.3em 0.3em !important; font-size: 100%; cursor: pointer; height: 1.7em !important; margin-left: 1.6em; } abbr, acronym, .explain { border-bottom: 1px dotted Black; color: Black; background: none; cursor: help; } q { font-family: serif; font-style: italic; }

blockquote { font-family: serif; font-style: italic; } code { background-color: #f9f9f9; } pre { padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em; }

/*
 * the main content area

font-size: 100%; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; }
 * 1) siteSub { display: none; }
 * 2) contentSub {

/* Some space under the headers in the content area */ margin-bottom: 0.3em; } .firstHeading { margin-bottom:0.1em; }
 * 1) bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 * 2) bodyContent h3,
 * 3) bodyContent h4,
 * 4) bodyContent h5 {

/* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: Black; font-weight: bold; margin: 2em 0em 1em 0em; padding: 0.5em 1em; vertical-align: middle; }   text-align: center; font-size: 100%; padding: 0 0.9em 0 0.9em; } .error { color: red; font-size: 100%; }   border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription { /* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0em; } .documentByLine { text-align: right; font-size: 100%; clear: both; font-weight: normal; color: #76797c; }
 * 1) siteNotice {
 * 1) siteNotice p { margin: none; padding: none; }
 * 1) catlinks {

/* emulate center */ .center { width: 100%; text-align: center; }   margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100% }
 * .center * {

/*
 * content styles

/*border:1px solid #2f6fab;*/ border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; font-size: 100%; }   margin-top: 0.7em; font-size: 100%; }
 * 1) toc {
 * 1) toc .tocindent { margin-left: 2em; }
 * 2) toc .tocline { margin-bottom: 0px; }
 * 3) toc p { margin: 0 }
 * 4) toc .toctoggle { font-size: 100%; }
 * 5) toc .editsection {

/* images */ div.floatright, table.floatright { clear: right; float: right; margin: 0; position: relative; border: 0.5em solid White; border-width: 0.5em 0 0.8em 1.4em; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0; position: relative; border: 0.5em solid White; border-width: 0.5em 1.4em 0.8em 0; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: 0.5em; border-style: solid; border-color: White; width: auto; } div.thumb div { border:1px solid #cccccc; padding: 3px !important; background-color:#f9f9f9; font-size: 100%; text-align: center; overflow: hidden; } div.thumb div a img { border:1px solid #cccccc; } div.thumb div div.thumbcaption { border: none; text-align: left; padding: 0.3em 0 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; border-width: 0.5em 0 0.8em 1.4em; } div.tleft { float: left; margin-right:0.5em; border-width: 0.5em 1.4em 0.8em 0; } .urlexpansion, .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }

/*
 * classes for special content elements like town boxes
 * intended to be referenced directly from the wiki src

/* /* table standards */ table.rimage { float:right; position:relative; margin-left:1em; margin-bottom:1em; text-align:center; } .toccolours { border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; font-size: 100%; } div.townBox { position:relative; float:right; background:White; margin-left:1em; border: 1px solid Grey; padding:0.3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 100%; } div.townBox dl dt { background: none; margin: 0.4em 0 0 0; } div.townBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; }
 * User styles

/* .special li { margin: 0; padding: 0; }
 * edit views etc

/* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: gray; } margin-left: 1.4em; margin-right: 0.4em; }   background-color:#f9f9f9; border:1px dashed #aaaaaa; } /* table.diff { background:white; } td.diff-otitle { background:#ffffff; } td.diff-ntitle { background:#ffffff; } td.diff-addedline { background:#ccffcc; font-size: 100%; } td.diff-deletedline { background:#ffffaa; font-size: 100%; } td.diff-context { background:#eeeeee; font-size: 100%; } span.diffchange { color: red; }
 * 1) pagehistory span.user {
 * 1) pagehistory span.minor { font-weight: bold; }
 * 2) pagehistory li { border: 1px solid White; }
 * 3) pagehistory li.selected {
 * Diff rendering

/*    background: url("/skins-1.5/monobook/external.png") center right no-repeat; padding-right: 13px; } .link-https { background: url("/skins-1.5/monobook/lock_icon.gif") center right no-repeat; padding-right: 16px; } .link-mailto { background: url("/skins-1.5/monobook/mail_icon.gif") center right no-repeat; padding-right: 18px; }   background: url("/skins-1.5/monobook/news_icon.png") center right no-repeat; padding-right: 18px; } .link-ftp { background: url("/skins-1.5/monobook/file_icon.gif") center right no-repeat; padding-right: 18px; } .link-irc { background: url("/skins-1.5/monobook/discussionitem_icon.gif") center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ color: #3366bb; background: none; padding: 0; } /* this can be used in the content area to switch off special external link styling */ background: none !important; padding: 0; } /*
 * keep the whitespace in front of the ^=, hides rule from konqueror
 * this is css3, the validator doesn't like it when validating as css2
 * 1) bodyContent a[href ^="http://"],
 * 2) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="https://"],
 * 1) bodyContent a[href ^="mailto:"],
 * 1) bodyContent a[href ^="news://"] {
 * 1) bodyContent a[href ^="ftp://"],
 * 1) bodyContent a[href ^="irc://"],
 * 1) bodyContent a.extiw,
 * 2) bodyContent a.extiw:active {
 * 1) bodyContent a.external { color: #3366bb; }
 * 1) bodyContent .plainlinks a {
 * Structural Elements

/* .portlet { border: none; margin: 0 0 0.5em 0em; float: none; padding: 0; width: 11.6em; overflow: hidden; } .portlet h4 { font-size: 100%; font-weight: normal; white-space: nowrap; } .portlet h5 { background: transparent; padding: 0em 1em 0em 0.5em; text-transform: lowercase; display: inline; font-size: 100%; font-weight: normal; white-space: nowrap; } .portlet h6 { background: #ffae2e; border: 1px solid #2f6fab; border-style: solid solid none solid; padding: 0em 1em 0em 1em; text-transform: lowercase; display: block; font-size: 100%; font-weight: normal; white-space: nowrap; } .pBody { font-size: 100%; background: White; border-collapse: collapse; border: 1px solid #aaaaaa; padding: 0 0.8em 0.3em 0.5em; } .portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; } .portlet ul { list-style-type: square; font-size:100%; } .portlet li { padding:0; margin: 0 0 0 0; margin-bottom: 0; }
 * general portlet styles (elements in the quickbar)

/*
 * Logo properties

z-index: 3; position:absolute; /*needed to use z-index */ top: 0; left: 0; height: 155px; width: 12em; overflow: visible; }   display: block; height: 155px; width: 12.2em; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; }
 * 1) p-logo {
 * 1) p-logo h5 { display: none; }
 * 2) p-logo a,
 * 3) p-logo a:hover {

/*
 * the navigation portlet

position:relative; z-index:3; }
 * 1) p-nav {

/*   position:relative; z-index:3; }       text-align: center; } input.searchButton { margin-top:1px; padding: 0 0.4em !important; font-size: 100%; cursor: pointer; background-color: White; border: 1px solid #2f6fab; }   border: 1px solid #2f6fab; width:10.9em; margin: 0 0 0 0; font-size: 100%; } /* */
 * Search portlet
 * 1) p-search {
 * 1) p-search {
 * 1) p-search .pBody {
 * 1) searchInput {