|
|
| Regel 1: |
Regel 1: |
| − | /*
| |
| − | ** Mediawiki 'monobook' style sheet for CSS2-capable browsers.
| |
| − | ** Copyright Gabriel Wicke - http://wikidev.net/
| |
| − | ** License: GPL
| |
| − | **
| |
| − | ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
| |
| − | ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
| |
| − | ** Michael Zeltner and Geir BÃkholt)
| |
| − | ** All you guys rock :)
| |
| − | */
| |
| | | | |
| − | html, { width: 100%; margin: 0; padding: 0; }
| |
| − |
| |
| − | #column-content {
| |
| − | width: 95%;
| |
| − | float: right;
| |
| − | margin: 0 0 10px -190px;
| |
| − | padding: 5px 15px 18px 30px;
| |
| − | background: none;
| |
| − | }
| |
| − | #content {
| |
| − | margin: 60px 0 0 175px;
| |
| − | padding: 0em 1em 1.5em 1em;
| |
| − | background: white;
| |
| − | border: 3px double #A9A9A9;
| |
| − | line-height: 1.5em;
| |
| − | position: relative;
| |
| − | z-index: 0;
| |
| − | }
| |
| − | #column-one { padding: 165px 0 0 0; height: 1px; }
| |
| − | /* the left column width is specified in class .portlet */
| |
| − |
| |
| − | /* Font size:
| |
| − | ** We take advantage of keyword scaling- browsers won't go below 9px
| |
| − | ** More at http://www.w3.org/2003/07/30-font-size
| |
| − | ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
| |
| − | */
| |
| − |
| |
| − | body {
| |
| − | font: x-small sans-serif;
| |
| − | background: #F5F5F0 ;
| |
| − | color: #5D584B;
| |
| − | margin: 0;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | /* scale back up to a sane default */
| |
| − | #globalWrapper {
| |
| − | font-size:127%;
| |
| − | width: 100%;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .visualClear { clear: both; }
| |
| − |
| |
| − | /* general styles */
| |
| − |
| |
| − | table {
| |
| − | font-size: 100%;
| |
| − | background: transparent;
| |
| − | }
| |
| − | a {
| |
| − | text-decoration: underline;
| |
| − | color: #5f584b;
| |
| − | background: transparent;
| |
| − | }
| |
| − | a:visited { color: #838; }
| |
| − | a:active { color: #87A; }
| |
| − | a:hover { color: #87A; text-decoration: none; }
| |
| − | a.stub { color: #606; }
| |
| − | a.new,
| |
| − | #p-personal a.new { color:#C03; }
| |
| − | a.new:visited,
| |
| − | #p-personal a.new:visited { color:#769; }
| |
| − |
| |
| − | img {
| |
| − | border: 1px solid #A9A9A9;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | margin: 0.4em 0em 0.5em 0em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − |
| |
| − | p img { margin: 0; }
| |
| − |
| |
| − | hr {
| |
| − | height: 2px;
| |
| − | color: #378;
| |
| − | background-color: #A9A9A9;
| |
| − | border: 0;
| |
| − | margin: 0.2em 0 0.2em 0;
| |
| − | }
| |
| − |
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | color: #658;
| |
| − | background: transparent;
| |
| − | font-weight: bold;
| |
| − | margin: 0 25px 0 0;
| |
| − | padding-top: 0.5em;
| |
| − | padding-bottom: 0.17em;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | h1 { font-size: 188%; }
| |
| − | h2 { font-size: 150%; }
| |
| − | h3, h4, h5, h6 {
| |
| − | border-bottom: none;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | h3 { font-size: 132%; }
| |
| − | h4 { font-size: 116%; }
| |
| − | h5 { font-size: 100%; }
| |
| − | h6 { font-size: 80%; }
| |
| − |
| |
| − | ul {
| |
| − | line-height: 1.5em;
| |
| − | list-style-type: circle;
| |
| − | margin: 0.3em 0 0 1.5em;
| |
| − | padding:0;
| |
| − | list-style-image: url("bullet.gif");
| |
| − | }
| |
| − | ol {
| |
| − | line-height: 1.5em;
| |
| − | 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 {
| |
| − | line-height: 1.5em;
| |
| − | margin-left: 2em;
| |
| − | margin-bottom: 0.1em;
| |
| − | }
| |
| − |
| |
| − | fieldset {
| |
| − | border: 1px solid #A9A9A9;
| |
| − | margin: 1em 0em 1em 0em;
| |
| − | padding: 0em 1em 1em 1em;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − | legend {
| |
| − | background: transparent;
| |
| − | padding: 0.5em;
| |
| − | font-size: 95%;
| |
| − | }
| |
| − | form {
| |
| − | border: none;
| |
| − | margin: 5px 25px 5px 5px;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | textarea {
| |
| − | border: 2px inset #A9A9A9;
| |
| − | color: #585D4B;
| |
| − | background: #F5f5f0 ;
| |
| − | padding: 5px;
| |
| − | position: relative;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | input.historysubmit {
| |
| − | padding: 0 0.3em 0.3em 0.3em !important;
| |
| − | font-size: 94%;
| |
| − | cursor: pointer;
| |
| − | height: 1.7em !important;
| |
| − | margin-left: 1.6em;
| |
| − | }
| |
| − | input[type="radio"],
| |
| − | input[type="checkbox"] { border:none; }
| |
| − | select {
| |
| − | border: 1px solid #A9A9A9;
| |
| − | color: #255;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | abbr, acronym, .explain {
| |
| − | border-bottom: 1px dotted Black;
| |
| − | color: #144;
| |
| − | background: transparent;
| |
| − | 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: #FEFEFE; }
| |
| − | pre {
| |
| − | padding: 1em;
| |
| − | border: 1px dashed #A9A9A9;
| |
| − | color: $585D48;
| |
| − | background-color: #transparent;
| |
| − | line-height: 1.1em;
| |
| − | width: auto;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | #bodyContent { background: transparent; }
| |
| − |
| |
| − | /*
| |
| − | ** the main content area
| |
| − | */
| |
| − |
| |
| − | #siteSub { display: none; }
| |
| − | #contentSub {
| |
| − | font-size: 84%;
| |
| − | line-height: 1.2em;
| |
| − | margin: 0 0 1.4em 1em;
| |
| − | color: #5D584B;
| |
| − | width: auto;
| |
| − | }
| |
| − | span.subpages { display: block; }
| |
| − |
| |
| − | /* Some space under the headers in the content area */
| |
| − | #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
| |
| − | #bodyContent h3,
| |
| − | #bodyContent h4,
| |
| − | #bodyContent h5 {
| |
| − | margin-bottom: 0.3em;
| |
| − | }
| |
| − | .firstHeading { margin-bottom:0.1em; }
| |
| − |
| |
| − | /* user notification thing */
| |
| − | .usermessage {
| |
| − | background-color: #EEE6FF;
| |
| − | border: 1px solid #C00;
| |
| − | color: #255;
| |
| − | font-weight: bold;
| |
| − | margin: 2em 0em 1em 0em;
| |
| − | padding: 0.5em 1em;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | #siteNotice {
| |
| − | text-align: center;
| |
| − | font-size: 95%;
| |
| − | padding: 0 0.9em 0 0.9em;
| |
| − | }
| |
| − | #siteNotice p { margin: none; padding: none; }
| |
| − | .error {
| |
| − | color: #C00;
| |
| − | font-size: larger;
| |
| − | }
| |
| − | #catlinks {
| |
| − | border:1px solid #A9A9A9;
| |
| − | background-color:#f5f5f0;
| |
| − | 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;
| |
| − | line-height: 1.5em;
| |
| − | }
| |
| − | .documentByLine {
| |
| − | text-align: right;
| |
| − | font-size: 90%;
| |
| − | clear: both;
| |
| − | font-weight: normal;
| |
| − | color: #769;
| |
| − | }
| |
| − |
| |
| − | /* emulate center */
| |
| − | .center {
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | }
| |
| − | *.center * {
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | /* small for tables and similar */
| |
| − | .small, .small * { font-size: 94%; }
| |
| − | table.small { font-size: 100% }
| |
| − |
| |
| − | /*
| |
| − | ** content styles
| |
| − | */
| |
| − |
| |
| − | #toc {
| |
| − | border: 2px dashed #5D584B;
| |
| − | background-color:#f5f5f0;
| |
| − | padding: 10px;
| |
| − | font-size: 95%;
| |
| − | float: left;
| |
| − | margin: 25px 33px 25px 0;
| |
| − | position: relative;
| |
| − | z-index: 3;
| |
| − | }
| |
| − | #toc .tocindent { margin-left: 2em; }
| |
| − | #toc .tocline { margin-bottom: 0px; }
| |
| − | #toc p { margin: 0 }
| |
| − | #toc .toctoggle { font-size: 94%; }
| |
| − | #toc .editsection {
| |
| − | margin-top: 0.7em;
| |
| − | font-size: 94%;
| |
| − | }
| |
| − |
| |
| − | /* images */
| |
| − | div.floatright, table.floatright {
| |
| − | clear: right;
| |
| − | float: right;
| |
| − | margin: 0 0.5em 0.5em 0.3em;
| |
| − | position: relative;
| |
| − | border: transparent;
| |
| − | }
| |
| − | div.floatright p { font-style: italic; }
| |
| − | div.floatleft, table.floatleft {
| |
| − | float: left;
| |
| − | margin: 0.3em 0.5em 0.5em 0;
| |
| − | position: relative;
| |
| − | border: transparent;
| |
| − | }
| |
| − | div.floatleft p { font-style: italic; }
| |
| − | /* thumbnails */
| |
| − | div.thumb {
| |
| − | margin-bottom: 0.5em;
| |
| − | positin: relative;
| |
| − | z-index: 1;
| |
| − | border: none;
| |
| − | width: auto;
| |
| − | }
| |
| − | div.thumb div {
| |
| − | border: 2px dotted #5D584B;
| |
| − | padding: 1px !important;
| |
| − | background-color: transparent;
| |
| − | font-size: 94%;
| |
| − | text-align: center;
| |
| − | overflow: hidden;
| |
| − | margin: 5px;
| |
| − | }
| |
| − | div.thumb div a img {
| |
| − | border:1px solid #A9A9A9;
| |
| − | }
| |
| − | div.thumb div div.thumbcaption {
| |
| − | 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;
| |
| − | }
| |
| − | div.magnify a, div.magnify img {
| |
| − | display: block;
| |
| − | border: none !important;
| |
| − | background: none !important;
| |
| − | }
| |
| − | div.tright {
| |
| − | margin-left: 10px;
| |
| − | clear: right;
| |
| − | float: right;
| |
| − | position: relative;
| |
| − | z-index: 3;
| |
| − | }
| |
| − | div.tleft {
| |
| − | float: left;
| |
| − | margin-right: 10px;
| |
| − | position: relative;
| |
| − | z-index: 3;
| |
| − | clear: left;
| |
| − | }
| |
| − | .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
| |
| − | */
| |
| − |
| |
| − | /*
| |
| − | ** User styles
| |
| − | */
| |
| − | /* table standards */
| |
| − | table.rimage {
| |
| − | float:right;
| |
| − | position:relative;
| |
| − | margin-left:1em;
| |
| − | margin-bottom:1em;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .toccolours {
| |
| − | border:1px solid #769;
| |
| − | background-color:#e5e5e0;
| |
| − | padding:5px;
| |
| − | font-size: 95%;
| |
| − | }
| |
| − | div.townBox {
| |
| − | position:relative;
| |
| − | float:right;
| |
| − | background:transparent;
| |
| − | margin-left:1em;
| |
| − | border: 1px #a9a9a9;
| |
| − | padding:0.3em;
| |
| − | width: 200px;
| |
| − | overflow: hidden;
| |
| − | clear: right;
| |
| − | }
| |
| − | div.townBox dl {
| |
| − | padding: 0;
| |
| − | margin: 0 0 0.3em 0;
| |
| − | font-size: 96%;
| |
| − | }
| |
| − | div.townBox dl dt {
| |
| − | background: transparent;
| |
| − | margin: 0.4em 0 0 0;
| |
| − | }
| |
| − | div.townBox dl dd {
| |
| − | margin: 0.1em 0 0 1.1em;
| |
| − | background-color: #f5f5f0;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | ** edit views etc
| |
| − | */
| |
| − | .special li {
| |
| − | line-height: 1.4em;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | /* Page history styling */
| |
| − | /* the auto-generated edit comments */
| |
| − | .autocomment { color: f5f5f0; }
| |
| − | #pagehistory span.user {
| |
| − | margin-left: 1.4em;
| |
| − | margin-right: 0.4em;
| |
| − | }
| |
| − | #pagehistory span.minor { font-weight: bold; }
| |
| − | #pagehistory li { border: 1px solid transparent; }
| |
| − | #pagehistory li.selected {
| |
| − | background-color:#EEE6FF;
| |
| − | border:1px dashed #769;
| |
| − | }
| |
| − | /*
| |
| − | ** Diff rendering
| |
| − | */
| |
| − | table.diff { background:transparent; }
| |
| − | td.diff-otitle { background:#EEE6FF; }
| |
| − | td.diff-ntitle { background:#EEE6FF; }
| |
| − | td.diff-addedline {
| |
| − | background:#DDD5EE;
| |
| − | font-size: smaller;
| |
| − | }
| |
| − | td.diff-deletedline {
| |
| − | background:#DDD5EE;
| |
| − | font-size: smaller;
| |
| − | }
| |
| − | td.diff-context {
| |
| − | background:#EEE6FF;
| |
| − | font-size: smaller;
| |
| − | }
| |
| − | span.diffchange { color: #C03; }
| |
| − |
| |
| − | /*
| |
| − | ** keep the transparentspace 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;
| |
| − | }
| |
| − | /* disable interwiki styling */
| |
| − | #bodyContent a.extiw,
| |
| − | #bodyContent a.extiw:active {
| |
| − | color: #378;
| |
| − | background: transparent;
| |
| − | padding: 0;
| |
| − | }
| |
| − | #bodyContent a.external { color: #378; }
| |
| − | /* this can be used in the content area to switch off
| |
| − | special external link styling */
| |
| − | #bodyContent .plainlinks a {
| |
| − | background: none !important;
| |
| − | padding: 0;
| |
| − | }
| |
| − | /*
| |
| − | ** Structural Elements
| |
| − | */
| |
| − |
| |
| − | /*
| |
| − | ** general portlet styles (elements in the quickbar)
| |
| − | */
| |
| − | .portlet {
| |
| − | border: none;
| |
| − | margin: 0 0 0.5em 0em;
| |
| − | padding: 0;
| |
| − | width: 159px;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .portlet h4 {
| |
| − | font-size: 95%;
| |
| − | font-weight: normal;
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − | .portlet h5 {
| |
| − | background: transparent;
| |
| − | padding: .5em 0 0 0.5em;
| |
| − | text-transform: lowercase;
| |
| − | display: inline;
| |
| − | font-size: 105%;
| |
| − | height: 1em;
| |
| − | font-weight: bold;
| |
| − | white-space: nowrap;
| |
| − | margin: 1em 0 0 0;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | .portlet h6 {
| |
| − | background: #DDD5EE;
| |
| − | border: 3px groove #9CC;
| |
| − | padding: 0em 1em 0em 1em;
| |
| − | text-transform: lowercase;
| |
| − | display: block;
| |
| − | font-size: 1em;
| |
| − | height: 1.2em;
| |
| − | font-weight: normal;
| |
| − | white-space: nowrap;
| |
| − | }
| |
| − | .pBody {
| |
| − | margin: 0;
| |
| − | font-size: 95%;
| |
| − | background: #F5F5F0;
| |
| − | border-collapse: collapse;
| |
| − | border: 2px solid #378;
| |
| − | padding: 3px;
| |
| − | }
| |
| − | .portlet h1,
| |
| − | .portlet h2,
| |
| − | .portlet h3,
| |
| − | .portlet h4 {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .portlet ul {
| |
| − | line-height: 1.5em;
| |
| − | list-style-type: disc;
| |
| − | list-style-image: url("bullet.gif");
| |
| − | font-size:95%;
| |
| − | }
| |
| − | .portlet li {
| |
| − | padding:0;
| |
| − | margin: 0 0 0 0;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*
| |
| − | ** Logo properties
| |
| − | */
| |
| − |
| |
| − | #p-logo {
| |
| − | z-index: 0;
| |
| − | background: url(http://wiki.fok.nl/skins/common/images/wiki.png);
| |
| − | position:absolute; /*needed to use z-index */
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | height: 0;
| |
| − | width: 0;
| |
| − | padding: 0 0 154px 154px;
| |
| − | overflow: hidden;
| |
| − | border: 2px solid #378;
| |
| − | margin: 10px;
| |
| − | }
| |
| − | #p-logo h5 { display: none; }
| |
| − | #p-logo a,
| |
| − | #p-logo a:hover {
| |
| − | display: block;
| |
| − | height: 155px;
| |
| − | width: 155px;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: 35% 50% !important;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | ** the navigation portlet
| |
| − | */
| |
| − |
| |
| − | #p-nav {
| |
| − | position:relative;
| |
| − | z-index:3;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | ** Search portlet
| |
| − | */
| |
| − | #p-search {
| |
| − | position:relative;
| |
| − | z-index:3;
| |
| − | }
| |
| − | #p-search .pBody {
| |
| − | text-align: center;
| |
| − | }
| |
| − | input.searchButton {
| |
| − | margin-top:1px;
| |
| − | padding: 0 0.4em !important;
| |
| − | font-size: 95%;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | #searchInput {
| |
| − | border: 1px solid #378;
| |
| − | width: 100px;
| |
| − | margin: 0 auto;
| |
| − | font-size: 95%;
| |
| − | }
| |
| − | #p-search .pBody {
| |
| − | padding: 5px;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | ** the personal toolbar
| |
| − | */
| |
| − |
| |
| − | #p-personal {
| |
| − | width:100%;
| |
| − | white-space:nowrap;
| |
| − | padding: 0;
| |
| − | margin: 0 0 0 0;
| |
| − | position: absolute;
| |
| − | right: 0px;
| |
| − | top: 0px;
| |
| − | border: none;
| |
| − | background: none;
| |
| − | overflow: visible;
| |
| − | line-height: 1.2em;
| |
| − | }
| |
| − |
| |
| − | #p-personal h5 {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #p-personal .portlet,
| |
| − | #p-personal .pBody {
| |
| − | padding: 10px;
| |
| − | margin: 0;
| |
| − | border: none;
| |
| − | overflow: visible;
| |
| − | background: none;
| |
| − | }
| |
| − | /* this is the ul contained in the portlet */
| |
| − | #p-personal ul {
| |
| − | border: none;
| |
| − | line-height: 2em;
| |
| − | color: #045;
| |
| − | padding: 0 0 0 0;
| |
| − | margin: 0 14px;
| |
| − | text-align: center;
| |
| − | float: right;
| |
| − | text-transform: lowercase;
| |
| − | background: none;
| |
| − | }
| |
| − |
| |
| − | #p-personal .pBody li {
| |
| − | border: none;
| |
| − | display: inline;
| |
| − | color: #378;
| |
| − | overflow: visible;
| |
| − | line-height: 1.2em;
| |
| − | background: none;
| |
| − | margin-left: 2px;
| |
| − | padding: 1px 3px;
| |
| − | }
| |
| − | #p-personal .pBody li a {
| |
| − | text-decoration: none;
| |
| − | color: #378;
| |
| − | border: none;
| |
| − | font-weight: bold;
| |
| − | padding: 3px 10px;
| |
| − | margin: 0;
| |
| − | background: none;
| |
| − | }
| |
| − | #p-personal li a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*
| |
| − | ** the page-related actions- page/talk, edit etc
| |
| − | */
| |
| − | #p-cactions {
| |
| − | position:absolute;
| |
| − | top: 50px;
| |
| − | left: 225px;
| |
| − | margin: 0;
| |
| − | white-space:nowrap;
| |
| − | width: 76%;
| |
| − | line-height: .3em;
| |
| − | overflow: visible;
| |
| − | background: transparent;
| |
| − | border-collapse: collapse;
| |
| − | padding: 0 0 3px 1em;
| |
| − | list-style: none;
| |
| − | font-size: 95%;
| |
| − | clear: right;
| |
| − | }
| |
| − |
| |
| − | #p-cactions .hiddenStructure { display: none; }
| |
| − | #p-cactions ul {
| |
| − | list-style: none;
| |
| − | }
| |
| − | #p-cactions li {
| |
| − | display: inline;
| |
| − | border: 1px solid #87A;
| |
| − | border-bottom: none;
| |
| − | border-top: 3px solid #87A;
| |
| − | padding: 0 0 .5em 0;
| |
| − | margin: 0 0.3em 0 0;
| |
| − | overflow: auto;
| |
| − | background: white;
| |
| − | -moz-border-radius-topleft: .5em;
| |
| − | -moz-border-radius-topright: .5em;
| |
| − | }
| |
| − | #p-cactions li.selected {
| |
| − | border-left: 1px solid #C03;
| |
| − | border-right: 1px solid #C03;
| |
| − | border-top: 3px solid #C03;
| |
| − | color: #C03;
| |
| − | padding: 0 0 .5em 0;
| |
| − | }
| |
| − | #p-cactions li a {
| |
| − | background-color: transparent;
| |
| − | color: #378;
| |
| − | border: none;
| |
| − | padding: 0 .8em .3em 0.8em;
| |
| − | text-decoration: none;
| |
| − | text-transform: lowercase;
| |
| − | position: relative;
| |
| − | z-index: 3;
| |
| − | margin: 0;
| |
| − | }
| |
| − | #p-cactions .selected a { z-index: 4; }
| |
| − | #p-cactions .new a { color:#C03; }
| |
| − | #p-cactions li a:hover {
| |
| − | z-index: 3;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | #p-cactions h5 { display: none; }
| |
| − | #p-cactions li.istalk { margin-right: 0; }
| |
| − | #p-cactions li.istalk a { padding-right: 0.5em; }
| |
| − | #p-cactions #ca-addsection a {
| |
| − | padding-left: 0.4em;
| |
| − | padding-right: 0.4em;
| |
| − | }
| |
| − | /* offsets to distinguish the tab groups */
| |
| − | li#ca-talk { margin-right: 1.6em; }
| |
| − | li#ca-watch, li#ca-watch { margin-left: 1.6em; }
| |
| − |
| |
| − |
| |
| − | /*
| |
| − | ** the remaining portlets
| |
| − | */
| |
| − | #p-tbx,
| |
| − | #p-lang {
| |
| − | position:relative;
| |
| − | z-index:3;
| |
| − | }
| |
| − |
| |
| − | #p-nav, #p-search, #p-lang, #p-tb { float: left; clear: left; margin: 0 0 10px 0 }
| |
| − |
| |
| − |
| |
| − | /*
| |
| − | ** footer
| |
| − | */
| |
| − | #footer {
| |
| − | background-color: transparent;
| |
| − | border-top: 2px solid #769;
| |
| − | border-bottom: 2px solid #769;
| |
| − | margin: 0.6em 0em 1em 0em;
| |
| − | padding: 0.4em 0em 1.2em 0em;
| |
| − | text-align: center;
| |
| − | font-size: 90%;
| |
| − | clear: both;
| |
| − | }
| |
| − | #footer li {
| |
| − | display: inline;
| |
| − | margin: 0 1.3em;
| |
| − | }
| |
| − | /* hide from incapable browsers */
| |
| − | head:first-child+body #footer li { white-space: nowrap; }
| |
| − | #f-poweredbyico, #f-copyrightico {
| |
| − | margin: 0 8px;
| |
| − | position: relative;
| |
| − | top: -2px; /* Bump it up just a tad */
| |
| − | }
| |
| − | #f-poweredbyico {
| |
| − | float: right;
| |
| − | height: 1%;
| |
| − | }
| |
| − | #f-copyrightico {
| |
| − | float: left;
| |
| − | height: 1%;
| |
| − | }
| |
| − |
| |
| − | /* js pref toc */
| |
| − | #preftoc {
| |
| − | float: left;
| |
| − | margin: 1em 1em 1em 1em;
| |
| − | width: 13em;
| |
| − | }
| |
| − | #preftoc li { border: 1px solid #769; }
| |
| − | #preftoc li.selected {
| |
| − | background-color:#EEE6FF;
| |
| − | border:1px dashed #769;
| |
| − | }
| |
| − | #preftoc a,
| |
| − | #preftoc a:active {
| |
| − | display: block;
| |
| − | color: #378;
| |
| − | }
| |
| − | #prefcontrol {
| |
| − | clear: both;
| |
| − | float: left;
| |
| − | margin-top: 1em;
| |
| − | }
| |
| − | div.prefsectiontip {
| |
| − | font-size: 95%;
| |
| − | margin-top: 1em;
| |
| − | }
| |
| − | fieldset.operaprefsection { margin-left: 15em }
| |
| − |
| |
| − | /*
| |
| − | ** IE/Mac fixes, hope to find a validating way to move this
| |
| − | ** to a separate stylesheet. This would work but doesn't validate:
| |
| − | ** @import("IEMacFixes.css");
| |
| − | */
| |
| − | /* tabs: border on the a, not the div */
| |
| − | * > html #p-cactions li { border:none; }
| |
| − | * > html #p-cactions li a {
| |
| − | border: 1px solid #A9a9a9;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − | * > html #p-cactions li.selected a { border-color: #C03; }
| |
| − | /* footer icons need a fixed width */
| |
| − | * > html #f-poweredbyico,
| |
| − | * > html #f-copyrightico { width: 88px; }
| |
| − | * > html #bodyContent,
| |
| − | * > html #bodyContent pre {
| |
| − | overflow-x: auto;
| |
| − | width: 100%;
| |
| − | padding-bottom: 25px;
| |
| − | }
| |
| − |
| |
| − | /* more IE fixes */
| |
| − | /* float/negative margin brokenness */
| |
| − | * html #footer {margin-top: 0;}
| |
| − | * html #column-content {
| |
| − | display: inline;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | * html div.editsection { font-size: smaller; }
| |
| − | #pagehistory li.selected { position: relative; }
| |
| − |
| |
| − | /* Mac IE 5.0 fix; floated content turns invisible */
| |
| − | * > html #column-content {
| |
| − | float: none;
| |
| − | }
| |
| − | * > html #column-one {
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | }
| |
| − | * > html #footer {
| |
| − | margin-left: 13.2em;
| |
| − | }
| |
| − |
| |
| − | .printfooter {
| |
| − | display: none;
| |
| − | }
| |
