diff options
Diffstat (limited to 'skins/simple/main.css')
-rw-r--r-- | skins/simple/main.css | 377 |
1 files changed, 211 insertions, 166 deletions
diff --git a/skins/simple/main.css b/skins/simple/main.css index b4b24d23..3e086586 100644 --- a/skins/simple/main.css +++ b/skins/simple/main.css @@ -1,12 +1,26 @@ -/* For clarity, explicitly state some recommendations from <http://www.w3.org/ - TR/CSS21/sample.html> to make sure the editsection links scale right */ +/** + * For clarity, explicitly state some recommendations from + * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right. + */ -h1 { font-size: 2em; } -h2 { font-size: 1.5em; } -h3 { font-size: 1.17em; } -h5 { font-size: .83em; } -h6 { font-size: .75em; } -h1, h2, h3, h4, h5, h6 { font-weight: bolder } +h1 { + font-size: 2em; +} +h2 { + font-size: 1.5em; +} +h3 { + font-size: 1.17em; +} +h5 { + font-size: .83em; +} +h6 { + font-size: .75em; +} +h1, h2, h3, h4, h5, h6 { + font-weight: bolder; +} /* Now the custom parts */ @@ -14,296 +28,321 @@ h1, h2, h3, h4, h5, h6 { font-weight: bolder } .editsection { font-weight: normal; } -h1 .editsection { font-size: 50% } -h2 .editsection { font-size: 66.7% } -h3 .editsection { font-size: 85.5% } -h5 .editsection { font-size: 120% } -h6 .editsection { font-size: 133% } - +h1 .editsection { + font-size: 50%; +} +h2 .editsection { + font-size: 66.7%; +} +h3 .editsection { + font-size: 85.5%; +} +h5 .editsection { + font-size: 120%; +} +h6 .editsection { + font-size: 133%; +} #toolbar { - display: none; + display: none; } div.center { - text-align: center; + text-align: center; } #contentSub { - padding-left: 2em; + padding-left: 2em; } a { - text-decoration: none; + text-decoration: none; } a:hover { - text-decoration: underline; + text-decoration: underline; } #column-content { - width: 100%; - float: right; - margin: 0 0 0.6em -12.2em; - padding:0; + width: 100%; + float: right; + margin: 0 0 0.6em -12.2em; + padding: 0; } #content { - margin: 0em 0 0 12.2em; - padding: 0em 1em 1.5em 1em; - border-left: 1px solid #959595; - line-height: 1.5em; + margin: 0em 0 0 12.2em; + padding: 0em 1em 1.5em 1em; + border-left: 1px solid #959595; + line-height: 1.5em; } #column-one { - position: absolute; - top: 0px; left: 0px; -} - -#footer { - display: none; + position: absolute; + top: 0; + left: 0; } body { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #globalWrapper { - width: 100%; - height: 100%; - margin: 0; - padding: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +.visualClear { + clear: both; } -.visualClear { clear: both; } img { - border: none; + border: none; } p { - margin: 0.4em 0em 0.5em 0em; - line-height: 1.5em; + margin: 0.4em 0em 0.5em 0em; + line-height: 1.5em; +} +p img { + margin: 0; } -p img { margin: 0; } h1, h2, h3, h4, h5, h6 { - margin: 0; - padding-top: 0.5em; - padding-bottom: 0.17em; + margin: 0; + padding-top: 0.5em; + padding-bottom: 0.17em; } fieldset { - margin: 1em 0em 1em 0em; - padding: 0em 1em 1em 1em; + margin: 1em 0em 1em 0em; + padding: 0em 1em 1em 1em; } .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; + background-color: #ffce7b; + border: 1px solid #ffa500; + color: black; + font-weight: bold; + margin: 2em 0em 1em 0em; + padding: 0.5em 1em; + vertical-align: middle; } .error { - color: red; - font-size: larger; + color: red; + font-size: larger; } table.rimage { - float:right; - position:relative; - margin-left:1em; - margin-bottom:1em; - text-align:center; + float: right; + position: relative; + margin-left: 1em; + margin-bottom: 1em; + text-align: center; } .portlet { - border: none; - float: none; - padding: 0; - width: 11.8em; - overflow: hidden; + border: none; + float: none; + padding: 0; + width: 11.8em; + overflow: hidden; } .portlet h4 { - font-weight: normal; - white-space: nowrap; + font-weight: normal; + white-space: nowrap; } .portlet h5 { - padding: 0em 1em 0em 0.5em; - display: inline; - height: 1em; - font-weight: normal; - white-space: nowrap; + padding: 0em 1em 0em 0.5em; + display: inline; + height: 1em; + font-weight: normal; + white-space: nowrap; } .portlet h6 { - padding: 0em 1em 0em 1em; - display: block; - height: 1.2em; - font-weight: normal; - white-space: nowrap; + padding: 0em 1em 0em 1em; + display: block; + height: 1.2em; + font-weight: normal; + white-space: nowrap; } .pBody { - border-collapse: collapse; - padding: 0 0.8em 0.3em 0.5em; + border-collapse: collapse; + padding: 0 0.8em 0.3em 0.5em; } .portlet h1, .portlet h2, .portlet h3, .portlet h4 { - margin: 0; - padding: 0; - font-size: small; + margin: 0; + padding: 0; + font-size: small; } #p-search .pBody { - text-align: center; + text-align: center; } #searchInput { - width: 100%; - clear: both; - margin: 0 0 0 0; + width: 100%; + clear: both; + margin: 0 0 0 0; } input.searchButton { - margin-top:1px; - padding: 0 0.4em; - cursor: pointer; + margin-top: 1px; + padding: 0 0.4em; + cursor: pointer; } #p-search .pBody { - padding: 0.5em 0.4em 0.4em 0.4em; + padding: 0.5em 0.4em 0.4em 0.4em; } /* feed links */ a.feedlink { - background: url("../common/images/feed-icon.png") center left no-repeat; + background: url(../common/images/feed-icon.png) center left no-repeat; padding-left: 16px; } textarea { - width: 100%; + width: 100%; } -.pBody li, .pBody ul { +.pBody li, +.pBody ul { padding-left: 0em; margin-left: 0.5em; } pre { - margin: 2em; - border: solid 1px black; + margin: 2em; + border: solid 1px black; } -h1.firstHeading, h2 { - border-bottom: solid 1px black; +h1.firstHeading, +h2 { + border-bottom: solid 1px black; } #bodyContent a.external, #bodyContent a.external[href ^="gopher://"] { - background: url("external.png") center right no-repeat; - padding-right: 13px; + background: url(external.png) center right no-repeat; + padding-right: 13px; } #bodyContent a.external[href ^="https://"], .link-https { - background: url("lock_icon.gif") center right no-repeat; - padding-right: 16px; + background: url(lock_icon.gif) center right no-repeat; + padding-right: 16px; } #bodyContent a.external[href ^="mailto:"], .link-mailto { - background: url("mail_icon.gif") center right no-repeat; - padding-right: 18px; + background: url(mail_icon.gif) center right no-repeat; + padding-right: 18px; } -#bodyContent a.external[href ^="news://"] { - background: url("news_icon.png") center right no-repeat; - padding-right: 18px; +#bodyContent a.external[href ^="news:"] { + background: url(news_icon.png) center right no-repeat; + padding-right: 18px; } #bodyContent a.external[href ^="ftp://"], .link-ftp { - background: url("file_icon.gif") center right no-repeat; - padding-right: 18px; + background: url(file_icon.gif) center right no-repeat; + padding-right: 18px; } #bodyContent a.external[href ^="irc://"], #bodyContent a.external[href ^="ircs://"], .link-irc { - background: url("discussionitem_icon.gif") center right no-repeat; - padding-right: 18px; + background: url(discussionitem_icon.gif) center right no-repeat; + padding-right: 18px; } #bodyContent a.extiw, #bodyContent a.extiw:active { - color: #5E7CFF; + color: #5E7CFF; } td.diff-addedline { - background-color: #B9FFB0; + background-color: #B9FFB0; } td.diff-deletedline { - background-color: #f8ffaa; + background-color: #f8ffaa; } -.diffchange { background-color: #FFCDF3; text-decoration: none; } +.diffchange { + background-color: #FFCDF3; + text-decoration: none; +} -#pagehistory li { border: none; } +#pagehistory li { + border: none; +} div.tocindent { - margin-left: 2em; + margin-left: 2em; } #toc { - text-align: left; - border-top: solid 1px black; - border-bottom: solid 1px black; + text-align: left; + border-top: solid 1px black; + border-bottom: solid 1px black; } /* @noflip */div.floatright, table.floatright { - margin: 0; - border-width: 0.5em 0 0.8em 1.4em; + margin: 0; + border-width: 0.5em 0 0.8em 1.4em; +} +div.floatright p { + font-style: italic; } -div.floatright p { font-style: italic; } /* @noflip */div.floatleft, table.floatleft { - margin: 0.3em 0.5em 0.5em 0; - border-width: 0.5em 1.4em 0.8em 0; + margin: 0.3em 0.5em 0.5em 0; + border-width: 0.5em 1.4em 0.8em 0; } -div.floatleft p { font-style: italic; } +div.floatleft p { + font-style: italic; +} + /* thumbnails */ div.thumb { - margin-bottom: 0.5em; - width: auto; + margin-bottom: 0.5em; + width: auto; } div.thumbinner { - padding: 3px !important; - text-align: center; - overflow: hidden; + padding: 3px !important; + text-align: center; + overflow: hidden; } html .thumbcaption { - border: none; - text-align: left; - line-height: 1.4; - padding: 0.3em 0 0.1em 0; + border: none; + text-align: left; + line-height: 1.4; + padding: 0.3em 0 0.1em 0; } div.magnify { - float: right; - border: none !important; - background: none !important; + float: right; + border: none !important; + background: none !important; } -div.magnify a, div.magnify img { - display: block; - border: none !important; - background: none !important; +div.magnify a, +div.magnify img { + display: block; + border: none !important; + background: none !important; } /* @noflip */div.tright { - border-width: 0.5em 0 0.8em 1.4em; + border-width: 0.5em 0 0.8em 1.4em; } /* @noflip */div.tleft { - margin-right:0.5em; - border-width: 0.5em 1.4em 0.8em 0; + margin-right: 0.5em; + border-width: 0.5em 1.4em 0.8em 0; } img.thumbborder { border: 1px solid #dddddd; } -a.stub { color: #772233; } +a.stub { + color: #772233; +} a.new, #p-personal a.new { text-decoration: line-through; @@ -319,47 +358,51 @@ li.new { text-align: center; } .catlinks { - text-align: center; - width: 80%; - margin-left: auto; - margin-right: auto; - padding: 3px; + text-align: center; + width: 80%; + margin-left: auto; + margin-right: auto; + padding: 3px; } #mytabs { - background-color: inherit; + background-color: inherit; } #p-cactions { - background-color: inherit; + background-color: inherit; } div.printfooter { - display: none; + display: none; +} + +#footer { + padding-left: 11.8em; } #n-portal, #n-currentevents, #n-help, #n-sitesupport { - display: none; + display: none; } #preftoc { - float: left; - margin: 1em; - width: 13em; + float: left; + margin: 1em; + width: 13em; } #preftoc li { } #preftoc li.selected { - border: 1px dashed #aaa; + border: 1px dashed #aaa; } #preftoc a, #preftoc a:active { - display: block; + display: block; } div.htmlform-tip { - font-size: 95%; - margin-top: 1em; + font-size: 95%; + margin-top: 1em; } #mw_trackbacks { @@ -367,12 +410,14 @@ div.htmlform-tip { } #jump-to-nav { - display: none; + display: none; } table.collapsed tr.collapsable { display: none; } -.templatesUsed { margin-top: 1.5em; } +.templatesUsed { + margin-top: 1.5em; +} |