Biomod/2012/TU Dresden/Nanosaurs
From OpenWetWare
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | + | #column-content { | |
| - | + | width: 100%; | |
| - | + | float: right; | |
| - | + | margin: 0 0 .6em -12.2em; | |
| - | + | padding: 0; | |
| + | } | ||
| + | #content { | ||
| + | margin: auto; | ||
| + | width: 980px; | ||
| + | padding: 0 1em 1em 1em; | ||
| + | position: relative; | ||
| + | z-index: 2; | ||
| + | } | ||
| + | #column-one { | ||
| + | padding-top: 160px; | ||
| + | } | ||
| + | #content { | ||
| + | background: #F9F9F9; | ||
| + | color: black; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | /* 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 { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | /* addition */ | ||
| + | color: #777777; | ||
| + | font-family: Verdana; | ||
| + | font-size: 12px; | ||
| + | font-weight: lighter; | ||
| + | line-height: 22px; | ||
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | |||
| + | /* 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%; | ||
| + | color: black; | ||
| + | /* we don't want the bottom borders of <h2>s to be visible through | ||
| + | floated tables */ | ||
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | fieldset table { | ||
| + | /* but keep table layouts in forms clean... */ | ||
| + | background: none; | ||
| + | } | ||
| + | a { | ||
| + | text-decoration: none; | ||
| + | color: #555555; | ||
| + | background: none; | ||
| + | } | ||
| + | |||
| + | a, a:active, a:visited { | ||
| + | color: #607890; | ||
| + | } | ||
| + | a:hover { | ||
| + | color: #003366; | ||
| + | } | ||
| + | |||
| + | img { | ||
| + | border: none; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | p { | ||
| + | color: #777777; | ||
| + | font-size: 12px; | ||
| + | font-weight: lighter; | ||
| + | line-height: 22px; | ||
| + | margin-bottom: 15px; | ||
| + | |||
| + | } | ||
| + | p img { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | hr { | ||
| + | height: 1px; | ||
| + | color: #aaa; | ||
| + | background-color: #aaa; | ||
| + | border: 0; | ||
| + | margin: .2em 0 .2em 0; | ||
| + | } | ||
| + | |||
| + | h1, h2, h3, h4, h5, h6 { | ||
| + | font-weight: 600; | ||
| + | font-family: 'Merriweather', serif; | ||
| + | margin: 0; | ||
| + | padding-top: .5em; | ||
| + | padding-bottom: .17em; | ||
| + | } | ||
| + | |||
| + | h1 { | ||
| + | font-size: 35px; | ||
| + | font-weight: normal; | ||
| + | line-height: 65px; | ||
| + | } | ||
| + | h2 { | ||
| + | font-size: 27px; | ||
| + | font-weight: normal; | ||
| + | line-height: 40px; | ||
| + | } | ||
| + | h3 { | ||
| + | font-size: 25px; | ||
| + | font-weight: normal; | ||
| + | line-height: 35px; | ||
| + | } | ||
| + | h4 { | ||
| + | font-size: 20px; | ||
| + | font-weight: normal; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | h5 { | ||
| + | font-size: 14px; | ||
| + | font-weight: normal; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | |||
| + | ul { | ||
| + | line-height: 1.5em; | ||
| + | list-style-type: square; | ||
| + | margin: .3em 0 0 1.5em; | ||
| + | padding: 0; | ||
| + | list-style-image: url(bullet.gif); | ||
| + | } | ||
| + | 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 #2f6fab; | ||
| + | margin: 1em 0 1em 0; | ||
| + | padding: 0 1em 1em; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | fieldset.nested { | ||
| + | margin: 0 0 0.5em 0; | ||
| + | padding: 0 0.5em 0.5em; | ||
| + | } | ||
| + | legend { | ||
| + | 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 #2f6fab; | ||
| + | color: black; | ||
| + | background-color: #f9f9f9; | ||
| + | line-height: 1.1em; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** the main content area | ||
| + | */ | ||
| + | |||
| + | #siteSub { | ||
| + | display: none; | ||
| + | } | ||
| + | #jump-to-nav { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #contentSub, #contentSub2 { | ||
| + | font-size: 12px; | ||
| + | line-height: 1.5em; | ||
| + | color: #7d7d7d; | ||
| + | width: auto; | ||
| + | border-bottom: 1px solid #EEEEEE; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | span.subpages { | ||
| + | display: block; | ||
| + | margin: 1em 0; | ||
| + | float: left; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | |||
| + | /* Some space under the headers in the content area */ | ||
| + | #bodyContent h1, #bodyContent h2 { | ||
| + | margin-bottom: .6em; | ||
| + | } | ||
| + | #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
| + | margin-bottom: .3em; | ||
| + | } | ||
| + | .firstHeading { | ||
| + | color: #333333; | ||
| + | /* These two rules hack around bug 2013 (fix for more limited bug 11325). | ||
| + | When bug 2013 is fixed properly, they should be removed. */ | ||
| + | line-height: 1.2em; | ||
| + | } | ||
| + | |||
| + | /* user notification thing */ | ||
| + | .usermessage { | ||
| + | background-color: #F9F9F9; | ||
| + | border: 1px solid #ffa500; | ||
| + | color: black; | ||
| + | font-weight: bold; | ||
| + | margin: 2em 0 1em; | ||
| + | padding: .5em 1em; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #siteNotice { | ||
| + | text-align: center; | ||
| + | font-size: 95%; | ||
| + | padding: 0 .9em; | ||
| + | } | ||
| + | #siteNotice p { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .success { | ||
| + | color: green; | ||
| + | font-size: larger; | ||
| + | } | ||
| + | .error { | ||
| + | color: red; | ||
| + | font-size: larger; | ||
| + | } | ||
| + | .errorbox, .successbox { | ||
| + | font-size: larger; | ||
| + | border: 2px solid; | ||
| + | padding: .5em 1em; | ||
| + | float: left; | ||
| + | margin-bottom: 2em; | ||
| + | color: #000; | ||
| + | } | ||
| + | .errorbox { | ||
| + | border-color: red; | ||
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | .successbox { | ||
| + | border-color: green; | ||
| + | background-color: #dfd; | ||
| + | } | ||
| + | .errorbox h2, .successbox h2 { | ||
| + | font-size: 1em; | ||
| + | font-weight: bold; | ||
| + | display: inline; | ||
| + | margin: 0 .5em 0 0; | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | .catlinks { | ||
| + | border: 1px solid #aaa; | ||
| + | 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 0; | ||
| + | line-height: 1.5em; | ||
| + | } | ||
| + | .documentByLine { | ||
| + | text-align: right; | ||
| + | font-size: 90%; | ||
| + | clear: both; | ||
| + | font-weight: normal; | ||
| + | color: #76797c; | ||
| + | } | ||
| + | |||
| + | /* 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, | ||
| + | .toc, | ||
| + | .mw-warning { | ||
| + | border: 1px solid #aaa; | ||
| + | background-color: #f9f9f9; | ||
| + | padding: 5px; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | #toc h2, | ||
| + | .toc h2 { | ||
| + | display: inline; | ||
| + | border: none; | ||
| + | padding: 0; | ||
| + | font-size: 100%; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #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%; | ||
| + | } | ||
| + | |||
| + | .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; | ||
| + | clear: 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; | ||
| + | border-style: solid; | ||
| + | border-color: white; | ||
| + | width: auto; | ||
| + | } | ||
| + | div.thumbinner { | ||
| + | border: 1px solid #ccc; | ||
| + | padding: 3px !important; | ||
| + | background-color: #f9f9f9; | ||
| + | font-size: 94%; | ||
| + | text-align: center; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | html .thumbimage { | ||
| + | border: 1px solid #ccc; | ||
| + | } | ||
| + | html .thumbcaption { | ||
| + | border: none; | ||
| + | text-align: left; | ||
| + | line-height: 1.4em; | ||
| + | padding: 3px !important; | ||
| + | font-size: 94%; | ||
| + | } | ||
| + | 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: .5em 0 .8em 1.4em; | ||
| + | } | ||
| + | div.tleft { | ||
| + | float: left; | ||
| + | clear: left; | ||
| + | margin-right: .5em; | ||
| + | border-width: .5em 1.4em .8em 0; | ||
| + | } | ||
| + | img.thumbborder { | ||
| + | border: 1px solid #dddddd; | ||
| + | } | ||
| + | .hiddenStructure { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** 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 #aaa; | ||
| + | background-color: #f9f9f9; | ||
| + | padding: 5px; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** edit views etc | ||
| + | */ | ||
| + | .special li { | ||
| + | line-height: 1.4em; | ||
| + | margin: 0; | ||
| + | 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 | ||
| + | */ | ||
| + | #bodyContent a.external, | ||
| + | #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://"], | ||
| + | #bodyContent a.extiw[href ^="irc://"], | ||
| + | .link-irc { | ||
| + | background: url(discussionitem_icon.gif) center right no-repeat; | ||
| + | padding-right: 18px; | ||
| + | } | ||
| + | #bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], | ||
| + | #bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], | ||
| + | #bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], | ||
| + | #bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], | ||
| + | #bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], | ||
| + | #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], | ||
| + | .link-audio { | ||
| + | background: url("audio.png") center right no-repeat; | ||
| + | padding-right: 13px; | ||
| + | } | ||
| + | #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], | ||
| + | #bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], | ||
| + | #bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], | ||
| + | #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], | ||
| + | .link-video { | ||
| + | background: url("video.png") center right no-repeat; | ||
| + | padding-right: 13px; | ||
| + | } | ||
| + | #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], | ||
| + | #bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], | ||
| + | #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], | ||
| + | .link-document { | ||
| + | background: url("document.png") center right no-repeat; | ||
| + | padding-right: 12px; | ||
| + | } | ||
| + | |||
| + | /* disable interwiki styling */ | ||
| + | #bodyContent a.extiw, | ||
| + | #bodyContent a.extiw:active { | ||
| + | color: #36b; | ||
| + | background: none; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #bodyContent a.external { | ||
| + | color: #36b; | ||
| + | } | ||
| + | /* this can be used in the content area to switch off | ||
| + | special external link styling */ | ||
| + | #bodyContent .plainlinks a { | ||
| + | background: none !important; | ||
| + | padding: 0 !important; | ||
| + | } | ||
| + | /* | ||
| + | ** Structural Elements | ||
| + | */ | ||
| + | |||
| + | /* | ||
| + | ** general portlet styles (elements in the quickbar) | ||
| + | */ | ||
| + | .portlet { | ||
| + | border: none; | ||
| + | margin: 0 0 .5em; | ||
| + | padding: 0; | ||
| + | float: none; | ||
| + | width: 11.6em; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .portlet h4 { | ||
| + | font-size: 95%; | ||
| + | font-weight: normal; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .portlet h5 { | ||
| + | background: transparent; | ||
| + | padding: 0 1em 0 .5em; | ||
| + | display: inline; | ||
| + | height: 1em; | ||
| + | text-transform: lowercase; | ||
| + | font-size: 91%; | ||
| + | font-weight: normal; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .portlet h6 { | ||
| + | background: #F9F9F9; | ||
| + | border: 1px solid #2f6fab; | ||
| + | border-style: solid solid none solid; | ||
| + | padding: 0 1em 0 1em; | ||
| + | text-transform: lowercase; | ||
| + | display: block; | ||
| + | font-size: 1em; | ||
| + | height: 1.2em; | ||
| + | font-weight: normal; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .pBody { | ||
| + | font-size: 95%; | ||
| + | background-color: white; | ||
| + | color: black; | ||
| + | border-collapse: collapse; | ||
| + | border: 1px solid #aaa; | ||
| + | padding: 0 .8em .3em .5em; | ||
| + | } | ||
| + | .portlet h1, | ||
| + | .portlet h2, | ||
| + | .portlet h3, | ||
| + | .portlet h4 { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .portlet ul { | ||
| + | line-height: 1.5em; | ||
| + | list-style-type: square; | ||
| + | list-style-image: url(bullet.gif); | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | .portlet li { | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** Logo properties | ||
| + | */ | ||
| + | |||
| + | #p-logo { | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | position: absolute; /*needed to use z-index */ | ||
| + | z-index: 3; | ||
| + | height: 155px; | ||
| + | width: 12em; | ||
| + | overflow: visible; | ||
| + | } | ||
| + | #p-logo h5 { | ||
| + | display: none; | ||
| + | } | ||
| + | #p-logo a, | ||
| + | #p-logo a:hover { | ||
| + | display: block; | ||
| + | height: 155px; | ||
| + | width: 12.2em; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 35% 50% !important; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** Search portlet | ||
| + | */ | ||
| + | #p-search { | ||
| + | position: relative; | ||
| + | z-index: 3; | ||
| + | } | ||
| + | input.searchButton { | ||
| + | margin-top: 1px; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | #searchGoButton { | ||
| + | padding-left: .5em; | ||
| + | padding-right: .5em; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #searchInput { | ||
| + | width: 10.9em; | ||
| + | margin: 0; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | #p-search .pBody { | ||
| + | padding: .5em .4em .4em .4em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** the personal toolbar | ||
| + | */ | ||
| + | #p-personal { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 0; | ||
| + | z-index: 0; | ||
| + | } | ||
| + | #p-personal { | ||
| + | width: 100%; | ||
| + | white-space: nowrap; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | border: none; | ||
| + | background: none; | ||
| + | overflow: visible; | ||
| + | line-height: 1.2em; | ||
| + | } | ||
| + | #p-personal h5 { | ||
| + | display: none; | ||
| + | } | ||
| + | #p-personal .portlet, | ||
| + | #p-personal .pBody { | ||
| + | z-index: 0; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | border: none; | ||
| + | overflow: visible; | ||
| + | background: none; | ||
| + | } | ||
| + | /* this is the ul contained in the portlet */ | ||
| + | #p-personal ul { | ||
| + | border: none; | ||
| + | line-height: 1.4em; | ||
| + | color: #2f6fab; | ||
| + | padding: 0 2em 0 3em; | ||
| + | margin: 0; | ||
| + | text-align: right; | ||
| + | list-style: none; | ||
| + | z-index: 0; | ||
| + | background: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | #p-personal li { | ||
| + | z-index: 0; | ||
| + | border: none; | ||
| + | padding: 0; | ||
| + | display: inline; | ||
| + | color: #2f6fab; | ||
| + | margin-left: 1em; | ||
| + | line-height: 1.2em; | ||
| + | background: none; | ||
| + | } | ||
| + | #p-personal li a { | ||
| + | text-decoration: none; | ||
| + | color: #005896; | ||
| + | padding-bottom: .2em; | ||
| + | background: none; | ||
| + | } | ||
| + | #p-personal li a:hover { | ||
| + | background-color: white; | ||
| + | padding-bottom: .2em; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #p-personal li.active a:hover { | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | /* the icon in front of the user name, single quotes | ||
| + | in bg url to hide it from iemac */ | ||
| + | li#pt-userpage, | ||
| + | li#pt-anonuserpage, | ||
| + | li#pt-login { | ||
| + | background: url(user.gif) top left no-repeat; | ||
| + | padding-left: 20px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | #p-personal ul { | ||
| + | text-transform: lowercase; | ||
| + | } | ||
| + | #p-personal li.active { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | /* | ||
| + | ** the page-related actions- page/talk, edit etc | ||
| + | */ | ||
| + | #p-cactions { | ||
| + | position: absolute; | ||
| + | top: 1.3em; | ||
| + | left: 11.5em; | ||
| + | margin: 0; | ||
| + | white-space: nowrap; | ||
| + | width: 76%; | ||
| + | line-height: 1.1em; | ||
| + | overflow: visible; | ||
| + | background: none; | ||
| + | border-collapse: collapse; | ||
| + | padding-left: 1em; | ||
| + | list-style: none; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | #p-cactions ul { | ||
| + | list-style: none; | ||
| + | } | ||
| + | #p-cactions li { | ||
| + | display: inline; | ||
| + | border: 1px solid #aaa; | ||
| + | border-bottom: none; | ||
| + | padding: 0 0 .1em 0; | ||
| + | margin: 0 .3em 0 0; | ||
| + | overflow: visible; | ||
| + | background: white; | ||
| + | } | ||
| + | #p-cactions li.selected { | ||
| + | border-color: #fabd23; | ||
| + | padding: 0 0 .2em 0; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #p-cactions li a { | ||
| + | background-color: #fbfbfb; | ||
| + | border: none; | ||
| + | padding: 0 .8em .3em; | ||
| + | position: relative; | ||
| + | z-index: 0; | ||
| + | margin: 0; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #p-cactions li.selected a { | ||
| + | z-index: 3; | ||
| + | padding: 0 1em .2em!important; | ||
| + | background-color: white; | ||
| + | } | ||
| + | #p-cactions .new a { | ||
| + | color: #ba0000; | ||
| + | } | ||
| + | #p-cactions li a:hover { | ||
| + | z-index: 3; | ||
| + | text-decoration: none; | ||
| + | background-color: white; | ||
| + | } | ||
| + | #p-cactions h5 { | ||
| + | display: none; | ||
| + | } | ||
| + | #p-cactions li.istalk { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #p-cactions li.istalk a { | ||
| + | padding-right: .5em; | ||
| + | } | ||
| + | #p-cactions #ca-addsection a { | ||
| + | padding-left: .4em; | ||
| + | padding-right: .4em; | ||
| + | } | ||
| + | /* offsets to distinguish the tab groups */ | ||
| + | li#ca-talk { | ||
| + | margin-right: 1.6em; | ||
| + | } | ||
| + | li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print { | ||
| + | margin-left: 1.6em; | ||
| + | } | ||
| + | #p-cactions .pBody { | ||
| + | font-size: 1em; | ||
| + | background-color: transparent; | ||
| + | color: inherit; | ||
| + | border-collapse: inherit; | ||
| + | border: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #p-cactions .hiddenStructure { | ||
| + | display: none; | ||
| + | } | ||
| + | #p-cactions li a { | ||
| + | text-transform: lowercase; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** the remaining portlets | ||
| + | */ | ||
| + | #p-tbx, | ||
| + | #p-lang { | ||
| + | position: relative; | ||
| + | z-index: 3; | ||
| + | } | ||
| + | |||
| + | /* TODO: #t-iscite is only used by the Cite extension, come up with some | ||
| + | * system which allows extensions to add to this file on the fly | ||
| + | */ | ||
| + | #t-ispermalink, #t-iscite { | ||
| + | color: #999; | ||
| + | } | ||
| + | /* | ||
| + | ** footer | ||
| + | */ | ||
| + | #footer { | ||
| + | background-color: #F9F9F9; | ||
| + | border-top: 1px solid #EEEEEE; | ||
| + | border-bottom: 1px solid #EEEEEE; | ||
| + | margin: 2em auto 0; | ||
| + | padding: .4em 0 1.2em 0; | ||
| + | text-align: center; | ||
| + | font-size: 70%; | ||
| + | width: 980px; | ||
| + | } | ||
| + | |||
| + | #footer li { | ||
| + | display: inline; | ||
| + | margin: 0 1.3em; | ||
| + | } | ||
| + | #f-poweredbyico, #f-copyrightico { | ||
| + | margin: 0 8px; | ||
| + | position: relative; | ||
| + | top: 7px; /* Bump it up just a tad */ | ||
| + | opacity: 0.3; | ||
| + | } | ||
| + | #f-poweredbyico { | ||
| + | float: right; | ||
| + | height: 1%; | ||
| + | } | ||
| + | #f-copyrightico { | ||
| + | float: left; | ||
| + | height: 1%; | ||
| + | } | ||
| + | |||
| + | #f-poweredbyico:hover { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | #f-copyrightico:hover { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| - | + | /* js pref toc */ | |
| - | + | #preftoc { | |
| - | + | margin: 0; | |
| - | + | padding: 0; | |
| - | + | width: 100%; | |
| - | + | clear: both; | |
| - | + | } | |
| - | + | #preftoc li { | |
| - | + | background-color: #F9F9F9; | |
| - | + | color: #000; | |
| - | + | } | |
| - | + | #preftoc li { | |
| - | + | margin: 1px -2px 1px 2px; | |
| - | + | float: left; | |
| - | + | padding: 2px 0 3px 0; | |
| - | + | border: 1px solid #fff; | |
| - | + | border-right-color: #716f64; | |
| - | + | border-bottom: 0; | |
| - | } | + | position: relative; |
| - | + | white-space: nowrap; | |
| - | + | list-style-type: none; | |
| - | + | list-style-image: none; | |
| - | + | z-index: 3; | |
| - | } | + | } |
| - | } | + | #preftoc li.selected { |
| - | + | font-weight: bold; | |
| - | + | background-color: #f9f9f9; | |
| - | + | border: 1px solid #aaa; | |
| + | border-bottom: none; | ||
| + | cursor: default; | ||
| + | top: 1px; | ||
| + | padding-top: 2px; | ||
| + | margin-right: -3px; | ||
| + | } | ||
| + | #preftoc > li.selected { | ||
| + | top: 2px; | ||
| + | } | ||
| + | #preftoc a, | ||
| + | #preftoc a:active { | ||
| + | display: block; | ||
| + | color: #000; | ||
| + | padding: 0 .7em; | ||
| + | position: relative; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #preftoc li.selected a { | ||
| + | cursor: default; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #prefcontrol { | ||
| + | padding-top: 2em; | ||
| + | clear: both; | ||
| + | } | ||
| + | #preferences { | ||
| + | margin: 0; | ||
| + | border: 1px solid #aaa; | ||
| + | clear: both; | ||
| + | padding: 1.5em; | ||
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | .prefsection { | ||
| + | border: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .prefsection fieldset { | ||
| + | border: 1px solid #aaa; | ||
| + | float: left; | ||
| + | margin-right: 2em; | ||
| + | } | ||
| + | .prefsection legend { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .prefsection table, .prefsection legend { | ||
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | .mainLegend { | ||
| + | display: none; | ||
| + | } | ||
| + | div.prefsectiontip { | ||
| + | font-size: x-small; | ||
| + | padding: .2em 2em; | ||
| + | color: #666; | ||
| + | } | ||
| + | .btnSavePrefs { | ||
| + | font-weight: bold; | ||
| + | padding-left: .3em; | ||
| + | padding-right: .3em; | ||
| + | } | ||
| - | + | .preferences-login { | |
| - | + | clear: both; | |
| - | + | margin-bottom: 1.5em; | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | .prefcache { | |
| + | font-size: 90%; | ||
| + | margin-top: 2em; | ||
| + | } | ||
| - | + | div#userloginForm form, | |
| + | div#userlogin form#userlogin2 { | ||
| + | margin: 0 3em 1em 0; | ||
| + | border: 1px solid #aaa; | ||
| + | clear: both; | ||
| + | padding: 1.5em 2em; | ||
| + | background-color: #f9f9f9; | ||
| + | float: left; | ||
| + | } | ||
| + | .rtl div#userloginForm form, | ||
| + | .rtl div#userlogin form#userlogin2 { | ||
| + | float: right; | ||
| + | } | ||
| - | + | div#userloginForm table, | |
| + | div#userlogin form#userlogin2 table { | ||
| + | background-color: #f9f9f9; | ||
| + | } | ||
| - | + | div#userloginForm h2, | |
| - | + | div#userlogin form#userlogin2 h2 { | |
| - | + | padding-top: 0; | |
| - | + | } | |
| - | + | ||
| - | + | div#userlogin .captcha, | |
| - | + | div#userloginForm .captcha { | |
| - | + | border: 1px solid #bbb; | |
| - | + | padding: 1.5em 2em; | |
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | |||
| + | #loginend, #signupend { | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | #userloginprompt, #languagelinks { | ||
| + | font-size: 85%; | ||
| + | } | ||
| + | |||
| + | #login-sectiontip { | ||
| + | font-size: 85%; | ||
| + | line-height: 1.2; | ||
| + | padding-top: 2em; | ||
| + | } | ||
| + | |||
| + | #userlogin .loginText, #userlogin .loginPassword { | ||
| + | width: 12em; | ||
| + | } | ||
| + | |||
| + | #userloginlink a, #wpLoginattempt, #wpCreateaccount { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | ** 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 #aaa; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | * > html #p-cactions li.selected a { border-color: #fabd23; } | ||
| + | /* 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; | ||
| + | } | ||
| + | .redirectText { | ||
| + | font-size: 150%; | ||
| + | margin: 5px; | ||
| + | } | ||
| + | |||
| + | .printfooter { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .not-patrolled { | ||
| + | background-color: #ffa; | ||
| + | } | ||
| + | div.patrollink { | ||
| + | clear: both; | ||
| + | font-size: 75%; | ||
| + | text-align: right; | ||
| + | } | ||
| + | span.newpage, span.minor, span.bot { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | span.unpatrolled { | ||
| + | font-weight: bold; | ||
| + | color: red; | ||
| + | } | ||
| + | |||
| + | .sharedUploadNotice { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | |||
| + | span.updatedmarker { | ||
| + | color: black; | ||
| + | background-color: #0f0; | ||
| + | } | ||
| + | |||
| + | table.gallery { | ||
| + | border: 1px solid #ccc; | ||
| + | margin: 2px; | ||
| + | padding: 2px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | |||
| + | table.gallery tr { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | |||
| + | table.gallery td { | ||
| + | vertical-align: top; | ||
| + | background-color: #f9f9f9; | ||
| + | border: solid 2px white; | ||
| + | } | ||
| + | /* Keep this temporarily so that cached pages will display right */ | ||
| + | table.gallery td.galleryheader { | ||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | table.gallery caption { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | div.gallerybox { | ||
| + | margin: 2px; | ||
| + | } | ||
| + | |||
| + | div.gallerybox div.thumb { | ||
| + | text-align: center; | ||
| + | border: 1px solid #ccc; | ||
| + | margin: 2px; | ||
| + | } | ||
| + | |||
| + | div.gallerytext { | ||
| + | overflow: hidden; | ||
| + | font-size: 94%; | ||
| + | padding: 2px 4px; | ||
| + | } | ||
| + | |||
| + | span.comment { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | |||
| + | span.changedby { | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | |||
| + | .previewnote { | ||
| + | text-indent: 3em; | ||
| + | color: #c00; | ||
| + | border-bottom: 1px solid #aaa; | ||
| + | padding-bottom: 1em; | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | .previewnote p { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .editExternally { | ||
| + | border: 1px solid gray; | ||
| + | background-color: #F9F9F9; | ||
| + | padding: 3px; | ||
| + | margin-top: 0.5em; | ||
| + | float: left; | ||
| + | font-size: small; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .editExternallyHelp { | ||
| + | font-style: italic; | ||
| + | color: gray; | ||
| + | } | ||
| + | |||
| + | .toggle { | ||
| + | margin-left: 2em; | ||
| + | text-indent: -2em; | ||
| + | } | ||
| + | |||
| + | /* Classes for EXIF data display */ | ||
| + | table.mw_metadata { | ||
| + | font-size: 0.8em; | ||
| + | margin-left: 0.5em; | ||
| + | margin-bottom: 0.5em; | ||
| + | width: 300px; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata caption { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata th { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata td { | ||
| + | padding: 0.1em; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata { | ||
| + | border: none; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata td, table.mw_metadata th { | ||
| + | text-align: center; | ||
| + | border: 1px solid #aaaaaa; | ||
| + | padding-left: 0.1em; | ||
| + | padding-right: 0.1em; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata th { | ||
| + | background-color: #f9f9f9; | ||
| + | } | ||
| + | |||
| + | table.mw_metadata td { | ||
| + | background-color: #fcfcfc; | ||
| + | } | ||
| + | |||
| + | table.collapsed tr.collapsable { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* filetoc */ | ||
| + | ul#filetoc { | ||
| + | text-align: center; | ||
| + | border: 1px solid #aaaaaa; | ||
| + | background-color: #f9f9f9; | ||
| + | padding: 5px; | ||
| + | font-size: 95%; | ||
| + | margin-bottom: 0.5em; | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | |||
| + | #filetoc li { | ||
| + | display: inline; | ||
| + | list-style-type: none; | ||
| + | padding-right: 2em; | ||
| + | } | ||
| + | |||
| + | input#wpSummary { | ||
| + | width: 80%; | ||
| + | } | ||
| + | |||
| + | /* @bug 1714 */ | ||
| + | input#wpSave, input#wpDiff { | ||
| + | margin-right: 0.33em; | ||
| + | } | ||
| + | |||
| + | #wpSave { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* Classes for article validation */ | ||
| + | |||
| + | table.revisionform_default { | ||
| + | border: 1px solid #000000; | ||
| + | } | ||
| + | |||
| + | table.revisionform_focus { | ||
| + | border: 1px solid #000000; | ||
| + | background-color:#00BBFF; | ||
| + | } | ||
| + | |||
| + | tr.revision_tr_default { | ||
| + | background-color:#EEEEEE; | ||
| + | } | ||
| + | |||
| + | tr.revision_tr_first { | ||
| + | background-color:#DDDDDD; | ||
| + | } | ||
| + | |||
| + | p.revision_saved { | ||
| + | color: green; | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | |||
| + | #mw_trackbacks { | ||
| + | border: solid 1px #bbbbff; | ||
| + | background-color: #eeeeff; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Allmessages table */ | ||
| + | |||
| + | #allmessagestable th { | ||
| + | background-color: #b2b2ff; | ||
| + | } | ||
| + | |||
| + | #allmessagestable tr.orig { | ||
| + | background-color: #ffe2e2; | ||
| + | } | ||
| + | |||
| + | #allmessagestable tr.new { | ||
| + | background-color: #e2ffe2; | ||
| + | } | ||
| + | |||
| + | #allmessagestable tr.def { | ||
| + | background-color: #f0f0ff; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* noarticletext */ | ||
| + | div.noarticletext { | ||
| + | border: 1px solid #ccc; | ||
| + | background: #F9F9F9; | ||
| + | padding: .2em 1em; | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | div#searchTargetContainer { | ||
| + | left: 10px; | ||
| + | top: 10px; | ||
| + | width: 90%; | ||
| + | background: #F9F9F9; | ||
| + | } | ||
| + | |||
| + | div#searchTarget { | ||
| + | padding: 3px; | ||
| + | margin: 5px; | ||
| + | background: #F9F9F9; | ||
| + | border: solid 1px blue; | ||
| + | } | ||
| + | |||
| + | div#searchTarget ul li { | ||
| + | list-style: none; | ||
| + | } | ||
| + | |||
| + | div#searchTarget ul li:before { | ||
| + | color: orange; | ||
| + | content: "\00BB \0020"; | ||
| + | } | ||
| + | |||
| + | div#searchTargetHide { | ||
| + | float:right; | ||
| + | border:solid 1px black; | ||
| + | background:#DCDCDC; | ||
| + | padding:2px; | ||
| + | } | ||
| + | |||
| + | div.multipageimagenavbox { | ||
| + | border: solid 1px silver; | ||
| + | padding: 4px; | ||
| + | margin: 1em; | ||
| + | background: #f0f0f0; | ||
| + | } | ||
| + | |||
| + | div.multipageimagenavbox div.thumb { | ||
| + | border: none; | ||
| + | margin-left: 2em; | ||
| + | margin-right: 2em; | ||
| + | } | ||
| + | |||
| + | div.multipageimagenavbox hr { | ||
| + | margin: 6px; | ||
| + | } | ||
| + | |||
| + | table.multipageimage td { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | /** Special:Version */ | ||
| + | |||
| + | table#sv-ext, table#sv-hooks, table#sv-software { | ||
| + | margin: 1em; | ||
| + | padding:0em; | ||
| + | } | ||
| + | |||
| + | #sv-ext td, #sv-hooks td, #sv-software td, | ||
| + | #sv-ext th, #sv-hooks th, #sv-software th { | ||
| + | border: 1px solid #A0A0A0; | ||
| + | padding: 0 0.15em 0 0.15em; | ||
| + | } | ||
| + | #sv-ext th, #sv-hooks th, #sv-software th { | ||
| + | background-color: #F9F9F9; | ||
| + | color: black; | ||
| + | padding: 0 0.15em 0 0.15em; | ||
| + | } | ||
| + | tr.sv-space{ | ||
| + | height: 0.8em; | ||
| + | border:none; | ||
| + | } | ||
| + | tr.sv-space td { display: none; } | ||
| + | |||
| + | /* | ||
| + | Table pager (e.g. Special:Imagelist) | ||
| + | - remove underlines from the navigation link | ||
| + | - collapse borders | ||
| + | - set the borders to outsets (similar to Special:Allmessages) | ||
| + | - remove line wrapping for all td and th, set background color | ||
| + | - restore line wrapping for the last two table cells (description and size) | ||
| + | */ | ||
| + | .TablePager_nav a { text-decoration: none; } | ||
| + | .TablePager { border-collapse: collapse; } | ||
| + | .TablePager, .TablePager td, .TablePager th { | ||
| + | border: 1px solid #aaaaaa; | ||
| + | padding: 0 0.15em 0 0.15em; | ||
| + | } | ||
| + | .TablePager th { background-color: #F9F9F9 } | ||
| + | .TablePager td { background-color: #F9F9F9 } | ||
| + | .TablePager tr:hover td { background-color: #eeeeff } | ||
| + | |||
| + | .imagelist td, .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 } | ||
| + | |||
| + | .templatesUsed { margin-top: 1.5em; } | ||
| + | |||
| + | .mw-summary-preview { | ||
| + | margin: 0.1em 0; | ||
| + | } | ||
| + | |||
| + | /* Friendlier slave lag warnings */ | ||
| + | div.mw-lag-warn-normal, | ||
| + | div.mw-lag-warn-high { | ||
| + | padding: 3px; | ||
| + | text-align: center; | ||
| + | margin: 3px auto; | ||
| + | } | ||
| + | div.mw-lag-warn-normal { | ||
| + | border: 1px solid #FFCC66; | ||
| + | background-color: ##F9F9F9; | ||
| + | } | ||
| + | div.mw-lag-warn-high { | ||
| + | font-weight: bold; | ||
| + | border: 2px solid #FF0033; | ||
| + | background-color: #F9F9F9; | ||
| + | } | ||
| + | |||
| + | /* Recreating-deleted-page/reupload file warning and log entries */ | ||
| + | div#mw-upload-deleted-warn, | ||
| + | div#mw-recreate-deleted-warn { | ||
| + | padding: 3px; | ||
| + | margin-bottom: 3px; | ||
| + | border: 2px solid #2F6FAB; | ||
| + | } | ||
| + | div#mw-upload-deleted-warn ul li, | ||
| + | div#mw-recreate-deleted-warn ul li { | ||
| + | font-size: 90%; | ||
| + | } | ||
| + | .MediaTransformError { | ||
| + | background-color: #ccc; | ||
| + | padding: 0.1em; | ||
| + | } | ||
| + | .MediaTransformError td { | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | font-size: 90%; | ||
| + | } | ||
| + | |||
| + | /** Special:Search stuff */ | ||
| + | div#mw-search-interwiki-caption { | ||
| + | text-align: center; | ||
| + | font-weight: bold; | ||
| + | font-size: 95%; | ||
| + | } | ||
| + | |||
| + | .mw-search-interwiki-project { | ||
| + | font-size: 97%; | ||
| + | text-align: left; | ||
| + | padding-left: 0.2em; | ||
| + | padding-right: 0.15em; | ||
| + | padding-bottom: 0.2em; | ||
| + | padding-top: 0.15em; | ||
| + | background: #cae8ff; | ||
| + | } | ||
| + | |||
| + | span.searchmatch { | ||
| + | font-weight: bold; | ||
| + | color: red; | ||
| + | } | ||
| + | |||
| + | /* God-damned hack for the crappy layout */ | ||
| + | .os-suggest { | ||
| + | font-size: 127%; | ||
| + | } | ||
| + | |||
| + | div.formbody, | ||
| + | .form_format, | ||
| + | .form_button { | ||
| + | font-family: Arial, Helvetica, sans-serif !important; | ||
| + | } | ||
| + | div.testing { | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | div#sidebar-main { | ||
| + | width: 150px; | ||
| + | } | ||
| + | |||
| + | div.error-container { | ||
| + | background-color: #FFEBE8; | ||
| + | border: 1px solid #CC0000; | ||
| + | color: black; | ||
| + | padding: 12px; | ||
| + | font-weight: bold; | ||
| + | -moz-border-radius: 3px; | ||
| + | -webkit-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | form#registration td.style2 { | ||
| + | width: 200px; | ||
| + | } | ||
| + | |||
| + | form#registration input.form_format { | ||
| + | padding: 0.2em; | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | form#registration textarea { | ||
| + | width: 500px; | ||
| + | height: 5em; | ||
| + | padding: 0.2em; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | color: #333333; | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | form#registration div.style1 { | ||
| + | line-height: 140%; | ||
| + | margin-top: 0.4em; | ||
| + | } | ||
| + | |||
| + | form#registration { | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | form#registration .form_button { | ||
| + | background-color: #0455B0; | ||
| + | color: white; | ||
| + | -moz-border-radius: 14px; | ||
| + | -webkit-border-radius: 14px; | ||
| + | border-radius: 14px; | ||
| + | padding: 0.4em 1.2em; | ||
| + | font-weight: bold; | ||
| + | cursor: pointer; | ||
| + | font-size: 1em; | ||
| + | } | ||
| + | |||
| + | form#registration .form_button:hover { | ||
| + | background-color: #309; | ||
| + | } | ||
| + | |||
| + | div.formbody { | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | form#registration td.td_label { | ||
| + | width: 220px; | ||
| + | padding-top: 6px; | ||
| + | } | ||
| + | |||
| + | /*** menu ***/ | ||
| + | .sf-menu, .sf-menu * { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .sf-menu { | ||
| + | line-height: 1.0; | ||
| + | } | ||
| + | .sf-menu ul { | ||
| + | position: absolute; | ||
| + | top: -999em; | ||
| + | width: 10em; /* left offset of submenus need to match (see below) */ | ||
| + | } | ||
| + | .sf-menu ul li { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sf-menu li:hover { | ||
| + | visibility: inherit; /* fixes IE7 'sticky bug' */ | ||
| + | } | ||
| + | .sf-menu li { | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | } | ||
| + | .sf-menu a { | ||
| + | display: block; | ||
| + | position: relative; | ||
| + | } | ||
| + | .sf-menu li:hover ul, | ||
| + | .sf-menu li.sfHover ul { | ||
| + | left: 0; | ||
| + | top: 2.5em; /* match top ul list item height */ | ||
| + | z-index: 99; | ||
| + | } | ||
| + | ul.sf-menu li:hover li ul, | ||
| + | ul.sf-menu li.sfHover li ul { | ||
| + | top: -999em; | ||
| + | } | ||
| + | ul.sf-menu li li:hover ul, | ||
| + | ul.sf-menu li li.sfHover ul { | ||
| + | left: 10em; /* match ul width */ | ||
| + | top: 0; | ||
| + | } | ||
| + | ul.sf-menu li li:hover li ul, | ||
| + | ul.sf-menu li li.sfHover li ul { | ||
| + | top: -999em; | ||
| + | } | ||
| + | ul.sf-menu li li li:hover ul, | ||
| + | ul.sf-menu li li li.sfHover ul { | ||
| + | left: 10em; /* match ul width */ | ||
| + | top: 0; | ||
| + | } | ||
| + | |||
| + | /*** DEMO SKIN ***/ | ||
| + | .sf-menu { | ||
| + | float: left; | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | .sf-menu a { | ||
| + | padding: .75em 1em; | ||
| + | text-decoration:none; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ | ||
| + | color: #999999; | ||
| + | } | ||
| + | .sf-menu li { | ||
| + | background: #F9F9F9; | ||
| + | } | ||
| + | .sf-menu li li { | ||
| + | background: #F9F9F9; | ||
| + | } | ||
| + | .sf-menu li li li { | ||
| + | background: #F9F9F9; | ||
| + | } | ||
| + | .sf-menu li:hover, .sf-menu li.sfHover, | ||
| + | .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { | ||
| + | background: #373737; | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | |||
| + | /*** arrows **/ | ||
| + | .sf-menu a.sf-with-ul { | ||
| + | padding-right: 2.25em; | ||
| + | min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ | ||
| + | } | ||
| + | .sf-sub-indicator { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | right: .75em; | ||
| + | top: 1.05em; /* IE6 only */ | ||
| + | width: 10px; | ||
| + | height: 10px; | ||
| + | text-indent: -999em; | ||
| + | overflow: hidden; | ||
| + | |||
| + | } | ||
| + | a > .sf-sub-indicator { /* give all except IE6 the correct values */ | ||
| + | top: .8em; | ||
| + | background-position: 0 -100px; /* use translucent arrow for modern browsers*/ | ||
| + | } | ||
| + | /* apply hovers to modern browsers */ | ||
| + | a:focus > .sf-sub-indicator, | ||
| + | a:hover > .sf-sub-indicator, | ||
| + | a:active > .sf-sub-indicator, | ||
| + | li:hover > a > .sf-sub-indicator, | ||
| + | li.sfHover > a > .sf-sub-indicator { | ||
| + | background-position: -10px -100px; /* arrow hovers for modern browsers*/ | ||
| + | } | ||
| + | |||
| + | /* point right for anchors in subs */ | ||
| + | .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } | ||
| + | .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } | ||
| + | /* apply hovers to modern browsers */ | ||
| + | .sf-menu ul a:focus > .sf-sub-indicator, | ||
| + | .sf-menu ul a:hover > .sf-sub-indicator, | ||
| + | .sf-menu ul a:active > .sf-sub-indicator, | ||
| + | .sf-menu ul li:hover > a > .sf-sub-indicator, | ||
| + | .sf-menu ul li.sfHover > a > .sf-sub-indicator { | ||
| + | background-position: -10px 0; /* arrow hovers for modern browsers*/ | ||
| + | } | ||
| + | |||
| + | /*** shadows for all but IE6 ***/ | ||
| + | .sf-shadow ul { | ||
| + | border-left: 1px solid #EEEEEE; | ||
| + | border-right: 1px solid #EEEEEE; | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | .sf-shadow ul.sf-shadow-off { | ||
| + | background: transparent; | ||
| + | } | ||
| + | |||
| + | /*** twitter ***/ | ||
| + | #twitter{ | ||
| + | border: 5px solid white; | ||
| + | box-shadow: 0 0 10px #888888; | ||
| + | float: right; | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | .tweet, .query { | ||
| + | color: #777777; | ||
| + | font: 80% sans-serif; | ||
| + | width: 200px; | ||
| + | } | ||
| + | .tweet_list { | ||
| + | background-color: #F9F9F9; | ||
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
| + | list-style: none outside none; | ||
| + | margin: 0; | ||
| + | overflow-y: hidden; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .tweet_list li { | ||
| + | list-style-type: none; | ||
| + | overflow-x: hidden; | ||
| + | overflow-y: auto; | ||
| + | padding: 0.5em; | ||
| + | } | ||
| + | .tweet_list li a { | ||
| + | color: #505050 ; | ||
| + | } | ||
| + | .tweet_list .tweet_even { | ||
| + | background-color: #EBEBEB; | ||
| + | } | ||
| + | .tweet_list .tweet_avatar { | ||
| + | float: left; | ||
| + | padding-right: 0.5em; | ||
| + | } | ||
| + | .tweet_list .tweet_avatar img { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #video{ | ||
| + | border: 5px solid white; | ||
| + | box-shadow: 0 0 10px #888888; | ||
| + | float: right; | ||
| + | margin-top: 20px; | ||
| + | width: 200px; | ||
| + | height: 50px; | ||
| + | } | ||
| + | #share{ | ||
| + | border: 5px solid white; | ||
| + | box-shadow: 0 0 10px #888888; | ||
| + | float: right; | ||
| + | margin-top: 20px; | ||
| + | width: 200px; | ||
| + | height: 200px; | ||
| + | } | ||
| + | /*** lucas stuff ***/ | ||
| + | |||
| + | #header { | ||
| + | height: 425px; | ||
| + | } | ||
| + | |||
| + | #inner_header { | ||
| + | background: url("http://openwetware.org/images/2/2a/BM12_nanosaurs_Header.jpg") no-repeat scroll 0 0 transparent; | ||
| + | height: 425px; | ||
| + | margin: auto; | ||
| + | width: auto; | ||
| + | border-bottom: 1px solid #EEEEEE; | ||
| + | } | ||
| + | |||
| + | #title_con { | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | top: 347px; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | .clear { | ||
| + | clear: both; | ||
| + | display: block; | ||
| + | height: 0; | ||
| + | overflow: hidden; | ||
| + | visibility: hidden; | ||
| + | width: 0; | ||
| + | } | ||
| + | #nav { | ||
| + | float: right; | ||
| + | position: relative; | ||
| + | top: 177px; | ||
| + | } | ||
| + | #main_saurs{ | ||
| + | padding: 0px 5px 0px; | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | width: 700px; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | #follow { | ||
| + | background-color: #9AE4E8; | ||
| + | } | ||
| + | #follow a { | ||
| + | padding-left: 10px; | ||
| + | color: #fff; | ||
| + | } | ||
| + | #logo_twitter { | ||
| + | padding-left: 80px; | ||
| + | position: relative; | ||
| + | top: -2px; | ||
| + | } | ||
| + | |||
| + | div.img_left{ | ||
| + | border: 5px solid white; | ||
| + | box-shadow: 0 0 10px #888888; | ||
| + | float: left; | ||
| + | margin: 1em 2em 1em 0; | ||
| + | } | ||
| + | |||
| + | div.img_right{ | ||
| + | border: 5px solid white; | ||
| + | box-shadow: 0 0 10px #888888; | ||
| + | float: right; | ||
| + | margin: 1em 0 1em 2em; | ||
| + | } | ||
| + | div .img_link:hover{ | ||
| + | box-shadow: 0 0 10px #484848; | ||
| + | } | ||
| + | |||
| + | .addthis_toolbox{ | ||
| + | float: right; | ||
| + | padding-left: 0; | ||
| + | padding-right: 5px; | ||
| + | padding-top: 5px; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | .addthis_toolbox img:hover { | ||
| + | box-shadow: 0 0 10px #888; | ||
| + | border-radius: 35px; | ||
| + | } | ||
Revision as of 15:43, 26 October 2012
#column-content { width: 100%; float: right; margin: 0 0 .6em -12.2em; padding: 0; } #content { margin: auto; width: 980px; padding: 0 1em 1em 1em; position: relative; z-index: 2; } #column-one { padding-top: 160px; } #content { background: #F9F9F9; color: black; line-height: 1.5em; } /* 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 { margin: 0; padding: 0; /* addition */ color: #777777; font-family: Verdana; font-size: 12px; font-weight: lighter; line-height: 22px; background-color: #F9F9F9; }
/* 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%; color: black;
/* we don't want the bottom borders of
") no-repeat scroll 0 0 transparent;
height: 425px;
margin: auto;
width: auto;
border-bottom: 1px solid #EEEEEE;
}
#title_con {
float: left;
position: relative;
top: 347px;
padding-left: 5px;
}
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
#nav {
float: right;
position: relative;
top: 177px;
}
#main_saurs{
padding: 0px 5px 0px;
float: left;
position: relative;
width: 700px;
text-align: justify;
}
#follow {
background-color: #9AE4E8;
}
#follow a {
padding-left: 10px;
color: #fff;
}
#logo_twitter {
padding-left: 80px;
position: relative;
top: -2px;
}
div.img_left{
border: 5px solid white;
box-shadow: 0 0 10px #888888;
float: left;
margin: 1em 2em 1em 0;
}
div.img_right{
border: 5px solid white;
box-shadow: 0 0 10px #888888;
float: right;
margin: 1em 0 1em 2em;
}
div .img_link:hover{
box-shadow: 0 0 10px #484848;
}
.addthis_toolbox{
float: right;
padding-left: 0;
padding-right: 5px;
padding-top: 5px;
width: auto;
}
.addthis_toolbox img:hover {
box-shadow: 0 0 10px #888;
border-radius: 35px;
}
