User talk:David McBride/Styling

Needs better styling
Citizendium could use some more attractive styling. No idea if this might ever get used, but I started hacking -- so here's a current dump of what I've generated so far from the existing wiki.css file:

/* CSS Document */

/* General styles for body and general page layout*/ body, html { padding:0px; margin:0px; }

body { font-family: Tahoma, sans-serif; font-size: 0.9em; margin:0; background-color: #ccc; color: #333; margin: 0; padding: 0; } p { line-height: 1.8em;

}

padding-top:10px; font-size:0.94em; padding-top:16px; padding-bottom:16px; }
 * 1) head {

position: absolute; left: 0px; top: 0px; width: 196px; height: 0px; overflow: visible; visibility: visible; }       background-color: #eee; margin: 0.5em; padding: 0.25em; border: solid thin silver; -moz-border-radius: 1.5em; }
 * 1) column-one {
 * 1) column-content{

margin:0px 10px 0px 196px; color:#131417; background-color: white; border: 0px solid #334D57; min-height: 768px; padding: 0px 16px 16px 16px; }       margin-left:196px; margin-right:10px; margin-top:75px; color: white; background-color: #ccc; border: 0px solid #334D57; -moz-border-radius-topleft: 1.5em; -webkit-border-top-left-radius: 1.5em; -moz-border-radius-topright: 1.5em; -webkit-border-top-right-radius: 1.5em; height: 2.1em; }       margin-left:196px; margin-right:10px; color: white; height: 2em; background-color: #eee; -moz-border-radius-bottomleft: 1.5em; -webkit-border-bottom-left-radius: 1.5em; -moz-border-radius-bottomright: 1.5em; -webkit-border-bottom-right-radius: 1.5em; }
 * 1) content {
 * 1) topcorners{
 * 1) bottomcorners{

/* Article - Article - Article - Article - Article - Article - Article - Article - Article */

/*These styles determin the appearance of the article itself.*/

display: none; }       font-size:0.9em; line-height:1.5em; border:2px solid #49505A; -moz-border-radius: 12px; -webkit-border-radius: 12px; }       text-align: center; min-width: 200px; margin:0px; padding:0px; font-size: 1.2em; font-weight: bold; background-color:#49505A; color: #FFFFFF; border:1px solid #49505A; -moz-border-radius: 8px; -webkit-border-radius: 8px; }       margin:0px; padding:0px; }       margin-left:2em; }       list-style-type:none; margin:0px; padding:0px; }       color:#49505A; text-decoration:none; }       color:#000000; text-decoration:none; }       font-size:2.4em; font-weight: normal;
 * 1) jump-to-nav {
 * 1) toc {
 * 1) toc #toctitle h2{
 * 1) toc ul {
 * 1) toc ul ul {
 * 1) toc li {
 * 1) toc li a {
 * 1) toc li a:hover {
 * 1) content h1 {

}       font-size:2.5em; font-weight: normal; margin: 0 0 0.5em 0; padding: 0.5em 0 0; border-bottom: dotted silver thin;
 * 1) content h1.firstheading {

}       font-size:2.1em; font-weight: lighter; }       font-size:1.6em; font-weight: normal; }       font-size:1.2em; font-weight: 600; }       font-size:1em; font-weight: 600; }       font-size:1em; font-weight: 600; font-style: italic; } span.editsection{ font-size:0.9em; }       font:1em; color: #444; background-color:transpartent; margin-bottom: 0.7em; margin-top: 0.2em; line-height: 1.4em; }       margin-bottom:0.2em; line-height: 1.4em; } a:link { color: blue; text-decoration:none; } a.new { color: red; text-decoration:none; } a:visited { color: purple; text-decoration:none; } a:hover { text-decoration:underline; } a.new:hover { text-decoration:underline; } blockquote{ font-family:"Times New Roman", Times, serif; font-style: italic; }       color:#49505A; } sup.reference{ font-style:normal; font-size: 0.84em; } sup.reference a{       font-style:normal; font-size: 0.84em; }
 * 1) content h2 {
 * 1) content h3 {
 * 1) content h4 {
 * 1) content h5 {
 * 1) content h6 {
 * 1) content p{
 * 1) content li{
 * 1) content input{

/* wikitable/prettytable class for skinning normal tables */

table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: rgb=51,39,44; border: 1px #49505A solid; border-collapse: collapse; font-size: 1em; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px#49505A solid; padding: 0.2em; }

table.wikitable th, table.prettytable th { background: #BFBFBF; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

/* Image Controls */ DIV.thumb DIV { border:1px solid #432F26; PADDING: 3px !important; FONT-SIZE: 0.94em; OVERFLOW: hidden; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center; -moz-border-radius: 4px 4px 12px 12px; -webkit-border-radius: 4px 4px 12px 12px; } DIV.thumb DIV A IMG { border:#432F26 0px solid; } DIV.thumb DIV DIV.thumbcaption { BORDER-STYLE: none; LINE-HEIGHT: 1.4em; PADDING: 0.3em 0em 0.1em 0em; TEXT-ALIGN: left; } DIV.magnify { BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; border-style:none !important; } DIV.magnify A { DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-STYLE: none !important; } DIV.magnify IMG { DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-STYLE: none !important; }

margin-bottom:0px; padding-bottom:0px; }
 * 1) catlinks{

/* Content alignment styles */ .tright { clear: right; float: right; margin-top: 8px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; } .tleft { clear:left; float:left; margin-top: 8px; margin-right: 8px; margin-bottom: 10px; margin-left: 0px; } .floatright { CLEAR: right; BORDER: 0px; FLOAT: right; MARGIN: 0px 0px 0.5em 0.5em; } .floatleft { clear:left; BORDER: 0px; FLOAT: left; MARGIN: 0px 0.5em 0.5em 0px; } .hiddenStructure { DISPLAY: none; speak: none; } ol.references{ font-size:0.9em; } ol.references li{ margin-bottom:0.2em; } .redirectText { FONT-SIZE: 1.5em; MARGIN: 5px; } .printfooter { DISPLAY: none; } .tree-view img{ border-width:0px; }       margin-top: 0.2em; margin-bottom: 0.7em; margin-left:2em; /*border: 1px dashed #49505A;*/ color: #000000; background-color: transparent; }       font-weight: bold; margin-bottom: 0em; }       margin-top: 0.2em; margin-bottom: 0.7em; }       line-height: 1.4em; margin-left: 2em; margin-bottom: 0em; } /* emulate center */
 * 1) content pre {
 * 1) content dt {
 * 1) content dl {
 * 1) content dd {

.center { width: 100%; text-align: center; }

margin-left: auto; margin-right: auto; }
 * .center * {

/* small for tables and similar */ .small, .small * { font-size: 0.94em; }

table.small { font-size: 100%; }

/* Special Links like external, mailto, gopher, ftp, news and so forth. */       PADDING-RIGHT: 13px; BACKGROUND: url(external.png) no-repeat right center; }       PADDING-RIGHT: 13px; BACKGROUND: url(external.png) no-repeat right center; }       PADDING-RIGHT: 16px; BACKGROUND: url(lock_icon.gif) no-repeat right center; }       PADDING-RIGHT: 18px; BACKGROUND: url(mail_icon.gif) no-repeat right center; }       PADDING-RIGHT: 18px; BACKGROUND: url(news_icon.png) no-repeat right center; }       PADDING-RIGHT: 18px; BACKGROUND: url(file_icon.gif) no-repeat right center; }       PADDING-RIGHT: 18px; BACKGROUND: url(discussionitem_icon.gif) no-repeat right center; } .link-https { PADDING-RIGHT: 16px; BACKGROUND: url(lock_icon.gif) no-repeat right center } .link-https { PADDING-RIGHT: 16px; BACKGROUND: url(lock_icon.gif) no-repeat right center } .link-mailto { PADDING-RIGHT: 18px; BACKGROUND: url(mail_icon.gif) no-repeat right center } .link-ftp { PADDING-RIGHT: 18px; BACKGROUND: url(file_icon.gif) no-repeat right center } .link-irc { PADDING-RIGHT: 18px; BACKGROUND: url(discussionitem_icon.gif) no-repeat right center }       background: none !important; padding: 0 !important; }       float:left; } /*The site notice styles - usually this is at the top of the article*/ text-align: center; font-size: 0.9em; padding: 0; }       margin: 0; padding: 0; }
 * 1) bodycontent A.external {
 * 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 .plainlinks a {
 * 1) toolbar * {
 * 1) sitenotice {
 * 1) siteNotice p {

/* CSS code for the Cluster here */ position:absolute; left:0px; top:130px; width:100%; padding-left: 200px; padding-right: 40px; }       margin: 0px; padding: 0px; }       font-size: 0.9em; font-weight: bold; text-align: center; visibility:hidden; }       font-size: 0.8em; padding-left: 20px; visibility:hidden; }       float: right; visibility:hidden; }       font-size: 1.1em; font-weight: bold; padding-left: 20px; visibility:hidden; }       margin-right: 4px; margin-top: 5px; }   text-align:center; } {       margin: 0; padding: 0 0 20px 10px; border-bottom: 1px none #000; font-size: 0.9em; } { margin: 0; padding: 0; display: inline; list-style-type: none; }
 * 1) cluster {
 * 1) cluster p {
 * 1) cluster p#obviously {
 * 1) cluster p#draftlink {
 * 1) cluster #subpagespng {
 * 1) cluster p#pagename {
 * 1) cluster p#buttons img{
 * 1) cluster p#buttons {
 * 1) clusterlist
 * 1) clusterlist ul, #clusterlist li

{ float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; color: #999; }
 * 1) clusterlist a:link, #clusterlist a:visited

{ border-bottom: 4px solid #000; padding-bottom: 2px; background: transparent; color: #000; }
 * 1) clusterlist a:link#current, #clusterlist a:visited#current, #clusterlist a:hover


 * 1) clusterlist a:hover { color: #000; }

/* Menus - Menus - Menus - Menus - Menus - Menus - Menus - Menus - Menus - Menus */ /*portlets are the menus on the side of the page here are the general portlet styles*/ div.portlet { width: 190px; } div.portlet ul { margin: 2px 0px 10px 15px; padding: 0px; font-size: 1em; } div.portlet li { margin: 2px; padding: 0px; list-style-type: none; } div.portlet a:link, div.portlet a:visited {       font-weight: normal; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 2px; text-decoration: none; color: #49505A; border-left: 3px solid #49505A; } div.portlet a:link#current, div.portlet a:visited#current, div.portlet a:hover{ border-left: 3px solid #47638D; background: transparent; color: #414852; } div.portlet h5{ margin: 0px 0px 0px 10px; padding: 0px; font-size:1.2em; }

/*Logo image styles - the logo is coded in the portlet group but styled distinctly*/ height: 107px; width: 176px; margin: 30px 0px 20px 10px; border-style:none; border-width:0px; background-image:url(IE_logo.gif); background-color: transparent; background-repeat: no-repeat; background-image:url(logo150.jpg); height: 103px; width: 172px; background-repeat: no-repeat; margin-top: 20px; margin-left: 12px; margin-bottom: 20px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }       border: solid black thin; }
 * 1) p-logo{
 * 1) p-logo img{

/* Personal links menu styles (e.g. watchpages, login, contributions). The menu is coded as a list in the portlets group but styled to display at the top of the page as a row of links.*/ width: 100%; white-space: nowrap; padding: 0; margin: 0; position: absolute; right: 0; top: 10px; z-index: 1; border: none; overflow: visible; line-height: 1.2em; }       display: none; }       padding: 0; margin: 0; border: none; z-index: 0; overflow: visible; background: none; }       border: none; line-height: 14px; color: #999; padding: 0 2em 0 10px; margin: 0; text-align: right; list-style: none; z-index: 0; background: none; cursor: default; }       border: none; padding: 0; display: inline; color: #999; margin-left: 1em; line-height: 1.2em; background: none; }       font-weight: bold; }       text-decoration: none; color: #49505A; padding-bottom: 0.2em; background: none; }       background-color: transparent; text-decoration: none; color:#414852; }       background-color: transparent; color: #47638D; } li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: url(user.gif) top left no-repeat; padding-left: 20px; text-transform: none; } /*The p-cations is the menu of 'article, edit, history, etc' It is coded as a list in the portlets group but styled to display at the top of the main article*/ position: absolute; z-index: 1; top: 87px; right: 0px; padding-right: 20px; width: 520px; } {       margin: 0; padding: 0 0 20px 10px; border-bottom: 1px none #000; font-size: 0.9em; }
 * 1) p-personal {
 * 1) p-personal h5 {
 * 1) p-personal .portlet2,
 * 2) p-personal .pBody {
 * 1) p-personal ul {
 * 1) p-personal li {
 * 1) p-personal li.active {
 * 1) p-personal li a {
 * 1) p-personal li a:hover {
 * 1) p-personal li.active a:hover {
 * 1) p-cactions {
 * 1) p-cactions ul

{ margin: 0; padding: 0; display: inline; list-style-type: none; }
 * 1) p-cactions ul, #p-cactions li

{       float: right; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; color: #49505A; }
 * 1) p-cactions a:link, #p-cactions a:visited

background: transparent; color: #47638D; }
 * 1) p-cactions a:link#current, #p-cactions a:visited#current, #p-cactions a:hover{

color: #414852; }       display: none; }       color: #546681; }
 * 1) p-cactions a:hover {
 * 1) p-cactions h5 {
 * 1) p-cactions li.selected a{

/*The search box is coded within the portlets but styled to move outside the portlet column*/ position: absolute; z-index: 2; width: 100%; left: 0; top: 40px; text-align: center; }       display: none; }       margin-left:196px; margin-right:10px; }       font-size:1em; color: #49505A; }       font-size:1.2em; font-weight:bold; background-color:#FFFFFF; border:2px solid #BFBFBF; color: #414852; }
 * 1) p-search {
 * 1) p-search h5 {
 * 1) p-search form{
 * 1) p-search input.searchButton{
 * 1) searchInput{
 * 1) searchBody {

}

/* This section defines the styles for the footer information. */ .visualClear { clear: both; }       margin-top: 16px; text-align: center; }       margin-left:6px; padding-left:6px; margin-right:6px; margin-top: 1.5em; color:#414852; background-color: #eee; -moz-border-radius: 16px; -webkit-border-radius: 16px; padding-right: 16px; font-size: 0.8em; padding-top: 8px; padding-bottom: 16px; margin-bottom: 20px; }
 * 1) f-poweredbyico {
 * 1) footer {

border-width:0px; }       text-align: center; list-style-type: none; margin: 0px; padding: 1em 0px 0px; }       visibility:hidden; display: none; }
 * 1) f-poweredbyico a img{
 * 1) f-list{
 * 1) sitesub {

/* Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages - Other Pages */

/* Edit page Edit page Edit page Edit page Edit page Edit page Edit page*/ width:99%; background-color:#FFFFFF; color:#000000; }       background-color:#FFFFFF; color:#000000; }
 * 1) wpTextbox1{
 * 1) wpSummary{

/* Preferences menu page - Preferences menu page - Preferences menu page */ CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px }       BORDER-RIGHT: #716f64 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 0px; Z-INDEX: 3; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 3px; MARGIN: 1px -2px 1px 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 0px solid; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #f0f0f0 }       BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #aaa 1px solid; CURSOR: default; MARGIN-RIGHT: -3px; PADDING-TOP: 2px; BORDER-BOTTOM: #aaa 1px; TOP: 1px; BACKGROUND-COLOR: #f9f9f9 }       TOP: 2px }       PADDING-RIGHT: 0.7em; DISPLAY: block; PADDING-LEFT: 0.7em; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none }       padding-right: 0.7em; display: block; padding-left: 0.7em; padding-bottom: 0px; color: #000; padding-top: 0px; position: relative; text-decoration: none }       CURSOR: default; TEXT-DECORATION: none }       CLEAR: both; PADDING-TOP: 2em }       CLEAR: both; BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 1.5em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 1.5em; PADDING-BOTTOM: 1.5em; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 1.5em; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f9f9f9 } .prefsection { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } .prefsection FIELDSET { BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; FLOAT: left; BORDER-LEFT: #aaa 1px solid; MARGIN-RIGHT: 2em; BORDER-BOTTOM: #aaa 1px solid } .prefsection LEGEND { FONT-WEIGHT: normal; } .prefsection TABLE { BACKGROUND-COLOR: #f9f9f9 } .prefsection LEGEND { BACKGROUND-COLOR: #f9f9f9 } .mainLegend { DISPLAY: none } DIV.prefsectiontip { CLEAR: both; PADDING-RIGHT: 0.7em; MARGIN-TOP: 0px; PADDING-LEFT: 0.7em; FONT-SIZE: 0.95em; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em; BACKGROUND-COLOR: #ffc1c1 } .btnSavePrefs { PADDING-RIGHT: 0.3em; PADDING-LEFT: 0.3em; FONT-WEIGHT: bold } .preferences-login { CLEAR: both; MARGIN-BOTTOM: 1.5em } .prefcache { MARGIN-TOP: 2em; FONT-SIZE: 0.9em; }
 * 1) preftoc {
 * 1) preftoc LI {
 * 1) preftoc LI.selected {
 * 1) preftoc > LI.selected {
 * 1) preftoc A {
 * 1) preftoc A:active {
 * 1) preftoc LI.selected A {
 * 1) prefcontrol {
 * 1) preferences {

/* User login page - User login page - User login page - User login page - User login page */ DIV#userloginForm FORM { CLEAR: both; BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 2em; FLOAT: left; PADDING-BOTTOM: 1.5em; MARGIN: 0px 3em 1em 0px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 1.5em; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f9f9f9 } DIV#userlogin FORM#userlogin2 { CLEAR: both; BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 2em; FLOAT: left; PADDING-BOTTOM: 1.5em; MARGIN: 0px 3em 1em 0px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 1.5em; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f9f9f9 } DIV#userloginForm TABLE { BACKGROUND-COLOR: #f9f9f9 } DIV#userlogin FORM#userlogin2 TABLE { BACKGROUND-COLOR: #f9f9f9 } DIV#userloginForm H2 { PADDING-TOP: 0px } DIV#userlogin FORM#userlogin2 H2 { PADDING-TOP: 0px } DIV#userlogin .captcha { BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 2em; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 2em; PADDING-BOTTOM: 1.5em; BORDER-LEFT: #bbb 1px solid; WIDTH: 400px; PADDING-TOP: 1.5em; BORDER-BOTTOM: #bbb 1px solid; BACKGROUND-COLOR: white }       FONT-SIZE: 0.85em; }       FONT-SIZE: 0.85em; }       FONT-SIZE:  0.85em; LINE-HEIGHT: 1.2; PADDING-TOP: 2em }       WIDTH: 12em }       WIDTH: 12em }       FONT-WEIGHT: bold }       FONT-WEIGHT: bold }       FONT-WEIGHT: bold } /* History Page - History Page - History Page - History Page - History Page - History Page */ .special LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.4em; PADDING-TOP: 0px; } .autocomment { COLOR: #414852; }       MARGIN-LEFT: 1.4em; MARGIN-RIGHT: 0.4em; }       FONT-WEIGHT: bold; }       BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; }       BORDER-RIGHT: #aaa 1px dashed; BORDER-TOP: #aaa 1px dashed; BORDER-LEFT: #aaa 1px dashed; BORDER-BOTTOM: #aaa 1px dashed; BACKGROUND-COLOR: #f9f9f9; } .not-patrolled { BACKGROUND-COLOR: #ffa } DIV.patrollink { FONT-SIZE: 0.75em; TEXT-ALIGN: right } SPAN.newpage { FONT-WEIGHT: bold } SPAN.minor { FONT-WEIGHT: bold } SPAN.bot { FONT-WEIGHT: bold } SPAN.unpatrolled { FONT-WEIGHT: bold; COLOR: red; } SPAN.searchmatch { FONT-WEIGHT: bold; COLOR: red; } .sharedUploadNotice { FONT-STYLE: italic; } SPAN.updatedmarker { COLOR: black; BACKGROUND-COLOR: #0f0; } SPAN.newpageletter { FONT-WEIGHT: bold; COLOR: black; BACKGROUND-COLOR: yellow } SPAN.minoreditletter { COLOR: black; BACKGROUND-COLOR: #c5ffe6 } /* Diff history table - Diff history table - Diff history table - Diff history table */ TABLE.diff { BACKGROUND-COLOR: white; } TD.diff-otitle { BACKGROUND-COLOR: white; } TD.diff-ntitle { BACKGROUND-COLOR: white; } TD.diff-addedline { FONT-SIZE: 0.85em; BACKGROUND: #cfc; } TD.diff-deletedline { FONT-SIZE: 0.85em; BACKGROUND: #ffa; } TD.diff-context { FONT-SIZE: 0.85em; BACKGROUND: #eee; } SPAN.diffchange { FONT-WEIGHT: bold; COLOR: red; } /* Misc - Misc - Misc - Misc - Misc - Misc - Misc - Misc - Misc - Misc - Misc - Misc - Misc */ TABLE.gallery { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: white } TABLE.gallery TR { VERTICAL-ALIGN:top; } TABLE.gallery TD { BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; VERTICAL-ALIGN:top; BORDER-LEFT: white 2px solid; BORDER-BOTTOM: white 2px solid; BACKGROUND-COLOR: #f9f9f9 } TABLE.gallery TD.galleryheader { FONT-WEIGHT: bold; TEXT-ALIGN: center } DIV.gallerybox { MARGIN: 2px; WIDTH: 150px } DIV.gallerybox DIV.thumb { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center } DIV.gallerytext { PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 0.94em; PADDING-BOTTOM: 2px; PADDING-TOP: 2px } SPAN.comment { FONT-STYLE: italic } SPAN.changedby { FONT-SIZE: 0.95em; } .previewnote { MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 1em; COLOR: #c00; TEXT-INDENT: 3em; BORDER-BOTTOM: #aaa 1px solid } .previewnote P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .editExternally { BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px solid; MARGIN-TOP: 0.5em; PADDING-LEFT: 3px; FONT-SIZE: 0.9em; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: gray 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center } .editExternallyHelp { COLOR: gray; FONT-STYLE: italic } LI SPAN.deleted { COLOR: #888; FONT-STYLE: italic; TEXT-DECORATION: line-through } SPAN.history-deleted { COLOR: #888; FONT-STYLE: italic; TEXT-DECORATION: line-through } .toggle { MARGIN-LEFT: 2em; TEXT-INDENT: -2em } TABLE.mw_metadata { FONT-SIZE: 0.8em; MARGIN-BOTTOM: 0.5em; MARGIN-LEFT: 0.5em; WIDTH: 300px } TABLE.mw_metadata CAPTION { FONT-WEIGHT: bold } TABLE.mw_metadata TH { FONT-WEIGHT: normal } TABLE.mw_metadata TD { PADDING-RIGHT: 0.1em; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em } TABLE.mw_metadata { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-COLLAPSE: collapse; BORDER-BOTTOM-STYLE: none } TABLE.mw_metadata TD { BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 0.1em; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 0.1em; BORDER-LEFT: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid; TEXT-ALIGN: center } TABLE.mw_metadata TH { BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 0.1em; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 0.1em; BORDER-LEFT: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid; TEXT-ALIGN: center } TABLE.mw_metadata TH { BACKGROUND-COLOR: #f9f9f9 } TABLE.mw_metadata TD { BACKGROUND-COLOR: #fcfcfc } TABLE.collapsed TR.collapsable { DISPLAY: none } UL#filetoc { BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 0.95em; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 5px; MARGIN-LEFT: 0px; BORDER-LEFT: #aaaaaa 1px solid; MARGIN-RIGHT: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: #f9f9f9; TEXT-ALIGN: center }       PADDING-RIGHT: 2em; DISPLAY: inline; LIST-STYLE-TYPE: none } INPUT#wpSave { MARGIN-RIGHT: 0.33em } INPUT#wpDiff { MARGIN-RIGHT: 0.33em }       DISPLAY: inline }       FONT-WEIGHT: bold } TABLE.revisionform_default { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid } TABLE.revisionform_focus { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #00bbff } TR.revision_tr_default { BACKGROUND-COLOR: #eeeeee } TR.revision_tr_first { BACKGROUND-COLOR: #dddddd } P.revision_saved { FONT-WEIGHT: bold; COLOR: green }       BORDER-RIGHT: #bbbbff 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #bbbbff 1px solid; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #bbbbff 1px solid; PADDING-TOP: 0.2em; BORDER-BOTTOM: #bbbbff 1px solid; BACKGROUND-COLOR: #eeeeff }       BACKGROUND-COLOR: #b2b2ff }       BACKGROUND-COLOR: #ffe2e2 }       BACKGROUND-COLOR: #e2ffe2 }       BACKGROUND-COLOR: #f0f0ff } DIV.noarticletext { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1em; BACKGROUND: #fff; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 0.2em; BORDER-BOTTOM: #ccc 1px solid } DIV#searchTargetContainer { BACKGROUND: white; LEFT: 10px; WIDTH: 90%; TOP: 10px } DIV#searchTarget { BORDER-RIGHT: blue 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: blue 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; MARGIN: 5px; BORDER-LEFT: blue 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: blue 1px solid; } DIV#searchTarget UL LI { LIST-STYLE-TYPE: none; } DIV#searchTarget UL LI:unknown { COLOR: orange; content: ". "; } DIV.multipageimagenavbox { BORDER-RIGHT: silver 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 4px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 4px; MARGIN: 1em; BORDER-LEFT: silver 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: silver 1px solid; -moz-border-radius: 6px } DIV.multipageimagenavbox DIV.thumb { MARGIN-LEFT: 2em; BORDER-TOP-STYLE: none; MARGIN-RIGHT: 2em; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none } DIV.multipageimagenavbox HR { MARGIN: 6px } TABLE.multipageimage TD { TEXT-ALIGN: center } .TablePager_nav A { TEXT-DECORATION: none } .TablePager { BORDER-COLLAPSE: collapse } .TablePager { BORDER-RIGHT: #777777 0.15em solid; PADDING-RIGHT: 0.15em; BORDER-TOP: #777777 0.15em solid; PADDING-LEFT: 0.15em; PADDING-BOTTOM: 0px; BORDER-LEFT: #777777 0.15em solid; PADDING-TOP: 0px; BORDER-BOTTOM: #777777 0.15em solid } .TablePager TD { BORDER-RIGHT: #777777 0.15em solid; PADDING-RIGHT: 0.15em; BORDER-TOP: #777777 0.15em solid; PADDING-LEFT: 0.15em; PADDING-BOTTOM: 0px; BORDER-LEFT: #777777 0.15em solid; PADDING-TOP: 0px; BORDER-BOTTOM: #777777 0.15em solid } .TablePager TH { BORDER-RIGHT: #777777 0.15em solid; PADDING-RIGHT: 0.15em; BORDER-TOP: #777777 0.15em solid; PADDING-LEFT: 0.15em; PADDING-BOTTOM: 0px; BORDER-LEFT: #777777 0.15em solid; PADDING-TOP: 0px; BORDER-BOTTOM: #777777 0.15em solid } .TablePager TH { BACKGROUND-COLOR: #eeeeff } .TablePager TD { BACKGROUND-COLOR: #ffffff } .TablePager TR:hover TD { BACKGROUND-COLOR: #eeeeff } .imagelist TD { WHITE-SPACE: nowrap } .imagelist TH { WHITE-SPACE: nowrap } .imagelist .TablePager_col_links { BACKGROUND-COLOR: #eeeeff } .imagelist .TablePager_col_img_description { WHITE-SPACE: normal } .imagelist TH.TablePager_sort { BACKGROUND-COLOR: #ccccff } /*Plain links code Plain links code*/
 * 1) userloginprompt {
 * 1) languagelinks {
 * 1) login-sectiontip {
 * 1) userlogin .loginText {
 * 1) userlogin .loginPassword {
 * 1) userloginlink A {
 * 1) wpLoginattempt {
 * 1) wpCreateaccount {
 * 1) pagehistory SPAN.user {
 * 1) pagehistory SPAN.minor {
 * 1) pagehistory LI {
 * 1) pagehistory LI.selected {
 * 1) filetoc LI {
 * 1) editform .editOptions {
 * 1) wpSave {
 * 1) mw_trackbacks {
 * 1) allmessagestable TH {
 * 1) allmessagestable TR.orig {
 * 1) allmessagestable TR.new {
 * 1) allmessagestable TR.def {

/*Add formatting to make sure that "external references" from Template:Ref do not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was that the HTML code contained a SPAN following the anchor A; this SPAN had the class "urlexpansion", which was not displayed on screen, but was shown when the medium was "print". The rules below ensure (a) that there is no extra padding to the right of the anchor (displayed as "[ ]"), (b) that there is no "external link arrow" for the link, and (c) that this SPAN of class "urlexpansion" is never shown. ~

.plainlinksneverexpand { background: none ! important; padding: 0 ! important; }

.plainlinksneverexpand .urlexpansion { display: none ! important; }

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get the arrow... .plainlinksneverexpand a { background: none !important; padding: 0 !important; }

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion" following the anchor A, the anchor itself now has class "external autonumber" and the expansion is inserted when printing (see the common printing style sheet at  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo- element of CSS. We have to switch this off for links due to Template:Ref! .plainlinksneverexpand a.external.text:after { display: none !important; } .plainlinksneverexpand a.external.autonumber:after { display: none !important; } /* allow disabling of "external" color on internal links in some situations */ color: #0112A7 !important; } a img{ border-width:0px; }
 * 1) bodyContent .plainlinks2 a.external[href^="http://en.wikipedia.org"] {