MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
No edit summary |
||
Line 10: | Line 10: | ||
text-align:justify; | text-align:justify; | ||
} | } | ||
table { | |||
background: #333333; | |||
font-size: 100%; | |||
color: #FFFFFF; | |||
} | |||
table { vertical-align:top; } | |||
td { vertical-align:top; } | |||
tr { vertical-align:top; } | |||
a { | |||
text-decoration: none; | |||
color: #6d85a6; | |||
background: none; | |||
} | |||
a:visited { | |||
color: #6d85a6; | |||
} | |||
a:active { | |||
color: #FFFFFF; | |||
} | |||
a:hover { | |||
text-decoration: underline; | |||
} | |||
a.stub { | |||
color: #FFFFFF; | |||
} | |||
a.new, #p-personal a.new { | |||
color: #ba0000; | |||
} | |||
a.new:visited, #p-personal a.new:visited { | |||
color: #a55858; | |||
} | |||
img { | |||
border: none; | |||
vertical-align: middle; | |||
} | |||
p { | |||
margin: .4em 0 .5em 0; | |||
line-height: 1.5em; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
color: #FFFFFF; | |||
background: none; | |||
font-weight: normal; | |||
margin: 0; | |||
padding-top: .5em; | |||
padding-bottom: .17em; | |||
border-bottom: 1px solid #aaa; | |||
} | |||
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: 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; | |||
} | |||
legend { | |||
background: #333333; | |||
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: #FFFFFF; | |||
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: #333333; | |||
} | |||
pre { | |||
padding: 1em; | |||
/* border: 1px dashed #2f6fab; */ | |||
font-family: arial, helvetica; | |||
text-align: justify; | |||
white-space: normal; | |||
font-style: italic; | |||
color: #FFFFFF; | |||
background-color: #333333; | |||
line-height: 1.1em; | |||
} | |||
/* | |||
** the main content area | |||
*/ | |||
#siteSub { | |||
display: none; | |||
} | |||
#jump-to-nav { | |||
display: none; | |||
} | |||
#contentSub, #contentSub2 { | |||
font-size: 84%; | |||
line-height: 1.2em; | |||
margin: 0 0 1.4em 1em; | |||
color: #7d7d7d; | |||
width: auto; | |||
} | |||
span.subpages { | |||
display: block; | |||
} | |||
/* 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 { | |||
margin-bottom: .1em; | |||
} | |||
/* user notification thing */ | |||
.usermessage { | |||
background-color: #333333; | |||
border: 1px solid #ffa500; | |||
color: #FFFFFF; | |||
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; | |||
} | |||
.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: #333333; | |||
} | |||
.successbox { | |||
border-color: green; | |||
background-color: #333333; | |||
} | |||
.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: #333333; | |||
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: #333333; | |||
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; | |||
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: #333333; | |||
width: auto; | |||
} | |||
div.thumb div { | |||
border: 1px solid #333333; | |||
padding: 3px !important; | |||
background-color: #333333; | |||
font-size: 94%; | |||
text-align: center; | |||
overflow: hidden; | |||
} | |||
div.thumb div a img { | |||
border: 1px solid #ccc; | |||
} | |||
div.thumb div div.thumbcaption { | |||
border: none; | |||
text-align: left; | |||
line-height: 1.4em; | |||
padding: .3em 0 .1em 0; | |||
} | |||
div.magnify { | |||
float: right; | |||
border: none !important; | |||
background: none !important; | |||
} | |||
div.magnify a, div.magnify img { | |||
display: block; | |||
border: none !important; | |||
background: none !important; | |||
} | |||
div.tright { | |||
clear: right; | |||
float: right; | |||
border-width: .5em 0 .8em 1.4em; | |||
} | |||
div.tleft { | |||
float: left; | |||
margin-right: .5em; | |||
border-width: .5em 1.4em .8em 0; | |||
} | |||
.hiddenStructure { | |||
display: none; | |||
speak: 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 #aaa; | |||
background-color: #333333; | |||
padding: 5px; | |||
font-size: 95%; | |||
} | |||
div.townBox { | |||
position: relative; | |||
float: right; | |||
background: #333333; | |||
margin-left: 1em; | |||
border: 1px solid gray; | |||
padding: .3em; | |||
width: 200px; | |||
overflow: hidden; | |||
clear: right; | |||
} | |||
div.townBox dl { | |||
padding: 0; | |||
margin: 0 0 .3em; | |||
font-size: 96%; | |||
} | |||
div.townBox dl dt { | |||
background: none; | |||
margin: .4em 0 0; | |||
} | |||
div.townBox dl dd { | |||
margin: .1em 0 0 1.1em; | |||
background-color: #333333; | |||
} | |||
/* | |||
** edit views etc | |||
*/ | |||
.special li { | |||
line-height: 1.4em; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Page history styling */ | |||
/* the auto-generated edit comments */ | |||
.autocomment { | |||
color: gray; | |||
} | |||
#pagehistory span.user { | |||
margin-left: 1.4em; | |||
margin-right: .4em; | |||
} | |||
#pagehistory span.minor { | |||
font-weight: bold; | |||
} | |||
#pagehistory li { | |||
border: 1px solid white; | |||
} | |||
#pagehistory li.selected { | |||
background-color: #333333; | |||
border: 1px dashed #aaa; | |||
} | |||
/* | |||
** Diff rendering | |||
*/ | |||
table.diff, td.diff-otitle, td.diff-ntitle { | |||
background-color: #333333; | |||
} | |||
td.diff-addedline { | |||
background: #333333; | |||
font-size: smaller; | |||
} | |||
td.diff-deletedline { | |||
background: #333333; | |||
font-size: smaller; | |||
} | |||
td.diff-context { | |||
background: #333333; | |||
font-size: smaller; | |||
} | |||
span.diffchange { | |||
color: red; | |||
font-weight: bold; | |||
} | |||
/* | |||
** 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://"], | |||
.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: #36b; | |||
background: none; | |||
padding: 0; | |||
} | |||
#bodyContent a.external { | |||
color: #6d85a6; | |||
} | |||
/* 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: #333333; | |||
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: #333333; | |||
color: #FFFFFF; | |||
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 { | |||
z-index: 3; | |||
position: absolute; /*needed to use z-index */ | |||
top: 0; | |||
left: 0; | |||
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; | |||
} | |||
/* | |||
** the navigation portlet | |||
*/ | |||
#p-navigation { | |||
position: relative; | |||
z-index: 3; | |||
} | |||
#p-navigation .pBody { | |||
padding-right: 0; | |||
} | |||
#p-navigation a { | |||
display: block; | |||
} | |||
#p-navigation li.active a, #p-navigation li.active a:hover { | |||
text-decoration: none; | |||
display: inline; | |||
font-weight: bold; | |||
} | |||
/* | |||
** 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 { | |||
width: 100%; | |||
white-space: nowrap; | |||
padding: 0; | |||
margin: 0; | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
z-index: 0; | |||
border: none; | |||
background: none; | |||
overflow: visible; | |||
line-height: 1.2em; | |||
} | |||
#p-personal h5 { | |||
display: none; | |||
} | |||
#p-personal .portlet, | |||
#p-personal .pBody { | |||
padding: 0; | |||
margin: 0; | |||
border: none; | |||
z-index: 0; | |||
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; | |||
text-transform: lowercase; | |||
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.active { | |||
font-weight: bold; | |||
} | |||
#p-personal li a { | |||
text-decoration: none; | |||
color: #005896; | |||
padding-bottom: .2em; | |||
background: none; | |||
} | |||
#p-personal li a:hover { | |||
background-color: #333333; | |||
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; | |||
} | |||
/* | |||
** 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 .hiddenStructure { | |||
display: none; | |||
} | |||
#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: #333333; | |||
} | |||
#p-cactions li.selected { | |||
border-color: #fabd23; | |||
padding: 0 0 .2em 0; | |||
font-weight: bold; | |||
} | |||
#p-cactions li a { | |||
background-color: #333333; | |||
color: #6d85a6; | |||
border: none; | |||
padding: 0 .8em .3em; | |||
text-decoration: none; | |||
text-transform: lowercase; | |||
position: relative; | |||
z-index: 0; | |||
margin: 0; | |||
} | |||
#p-cactions li.selected a { | |||
z-index: 3; | |||
background-color: #333333; | |||
padding: 0 1em .2em!important; | |||
} | |||
#p-cactions .new a { | |||
color: #6d85a6; | |||
} | |||
#p-cactions li a:hover { | |||
z-index: 3; | |||
text-decoration: none; | |||
background-color: #333333; | |||
} | |||
#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; | |||
} | |||
/* | |||
** 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: #333333; | |||
border-top: 1px solid #fabd23; | |||
border-bottom: 1px solid #fabd23; | |||
margin: .6em 0 1em 0; | |||
padding: .4em 0 1.2em 0; | |||
text-align: center; | |||
font-size: 90%; | |||
} | |||
#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 { | |||
margin: 0; | |||
padding: 0; | |||
width: 100%; | |||
clear: both; | |||
} | |||
#preftoc li { | |||
margin: 1px -2px 1px 2px; | |||
float: left; | |||
padding: 2px 0 3px 0; | |||
background-color: #333333; | |||
color: #FFFFFFF; | |||
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: #333333; | |||
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: #333333; | |||
} | |||
.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: #333333; | |||
} | |||
.mainLegend { | |||
display: none; | |||
} | |||
div.prefsectiontip { | |||
font-size: 95%; | |||
margin-top: 0; | |||
background-color: #333333; | |||
padding: .2em .7em; | |||
clear: both; | |||
} | |||
.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; | |||
} | |||
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 { | |||
border: 1px solid #bbb; | |||
padding: 1.5em 2em; | |||
width: 400px; | |||
background-color: white; | |||
} | |||
Revision as of 18:41, 10 October 2011
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ /* CSS placed here will be applied to all skins */ /* CSS an dieser Stelle wirkt sich auf alle Skins aus */ body { background: #333333; color: #FFFFFF; margin: 0; padding: 0; text-align:justify; } table { background: #333333; font-size: 100%; color: #FFFFFF; } table { vertical-align:top; } td { vertical-align:top; } tr { vertical-align:top; } a { text-decoration: none; color: #6d85a6; background: none; } a:visited { color: #6d85a6; } a:active { color: #FFFFFF; } a:hover { text-decoration: underline; } a.stub { color: #FFFFFF; } a.new, #p-personal a.new { color: #ba0000; } a.new:visited, #p-personal a.new:visited { color: #a55858; } img { border: none; vertical-align: middle; } p { margin: .4em 0 .5em 0; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { color: #FFFFFF; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; } 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: 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; } legend { background: #333333; 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: #FFFFFF; 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: #333333; } pre { padding: 1em; /* border: 1px dashed #2f6fab; */ font-family: arial, helvetica; text-align: justify; white-space: normal; font-style: italic; color: #FFFFFF; background-color: #333333; line-height: 1.1em; } /* ** the main content area */ #siteSub { display: none; } #jump-to-nav { display: none; } #contentSub, #contentSub2 { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; } /* 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 { margin-bottom: .1em; } /* user notification thing */ .usermessage { background-color: #333333; border: 1px solid #ffa500; color: #FFFFFF; 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; } .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: #333333; } .successbox { border-color: green; background-color: #333333; } .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: #333333; 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: #333333; 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; 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: #333333; width: auto; } div.thumb div { border: 1px solid #333333; padding: 3px !important; background-color: #333333; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border: 1px solid #ccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: .3em 0 .1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; } .hiddenStructure { display: none; speak: 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 #aaa; background-color: #333333; padding: 5px; font-size: 95%; } div.townBox { position: relative; float: right; background: #333333; margin-left: 1em; border: 1px solid gray; padding: .3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 .3em; font-size: 96%; } div.townBox dl dt { background: none; margin: .4em 0 0; } div.townBox dl dd { margin: .1em 0 0 1.1em; background-color: #333333; } /* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; } /* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: gray; } #pagehistory span.user { margin-left: 1.4em; margin-right: .4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid white; } #pagehistory li.selected { background-color: #333333; border: 1px dashed #aaa; } /* ** Diff rendering */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: #333333; } td.diff-addedline { background: #333333; font-size: smaller; } td.diff-deletedline { background: #333333; font-size: smaller; } td.diff-context { background: #333333; font-size: smaller; } span.diffchange { color: red; font-weight: bold; } /* ** 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://"], .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: #36b; background: none; padding: 0; } #bodyContent a.external { color: #6d85a6; } /* 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: #333333; 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: #333333; color: #FFFFFF; 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 { z-index: 3; position: absolute; /*needed to use z-index */ top: 0; left: 0; 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; } /* ** the navigation portlet */ #p-navigation { position: relative; z-index: 3; } #p-navigation .pBody { padding-right: 0; } #p-navigation a { display: block; } #p-navigation li.active a, #p-navigation li.active a:hover { text-decoration: none; display: inline; font-weight: bold; } /* ** 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 { width: 100%; white-space: nowrap; padding: 0; margin: 0; position: absolute; left: 0; top: 0; z-index: 0; border: none; background: none; overflow: visible; line-height: 1.2em; } #p-personal h5 { display: none; } #p-personal .portlet, #p-personal .pBody { padding: 0; margin: 0; border: none; z-index: 0; 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; text-transform: lowercase; 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.active { font-weight: bold; } #p-personal li a { text-decoration: none; color: #005896; padding-bottom: .2em; background: none; } #p-personal li a:hover { background-color: #333333; 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; } /* ** 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 .hiddenStructure { display: none; } #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: #333333; } #p-cactions li.selected { border-color: #fabd23; padding: 0 0 .2em 0; font-weight: bold; } #p-cactions li a { background-color: #333333; color: #6d85a6; border: none; padding: 0 .8em .3em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0; } #p-cactions li.selected a { z-index: 3; background-color: #333333; padding: 0 1em .2em!important; } #p-cactions .new a { color: #6d85a6; } #p-cactions li a:hover { z-index: 3; text-decoration: none; background-color: #333333; } #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; } /* ** 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: #333333; border-top: 1px solid #fabd23; border-bottom: 1px solid #fabd23; margin: .6em 0 1em 0; padding: .4em 0 1.2em 0; text-align: center; font-size: 90%; } #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 { margin: 0; padding: 0; width: 100%; clear: both; } #preftoc li { margin: 1px -2px 1px 2px; float: left; padding: 2px 0 3px 0; background-color: #333333; color: #FFFFFFF; 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: #333333; 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: #333333; } .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: #333333; } .mainLegend { display: none; } div.prefsectiontip { font-size: 95%; margin-top: 0; background-color: #333333; padding: .2em .7em; clear: both; } .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; } 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 { border: 1px solid #bbb; padding: 1.5em 2em; width: 400px; background-color: white; } .editsection { float: right; margin-left: 5px; } #ca-watch { display: none !important; } #ca-talk { display: none !important; } /* #ca-move { display: none !important; } */ /* #ca-edit { display: none !important; } */ #ca-addsection { display: none !important; } /* #p-cactions { display: none !important; } */ #p-personal { display: none !important!; } #pt-userpage { display: none !important; } #pt-anonuserpage { display: none !important; } #pt-mytalk { display: none !important; } #pt-preferences { display: none !important; } #pt-watchlist { display: none !important; } #pt-mycontris { display: none !important; } #pt-anonlogin { display: none !important; } #pt-anontalk { display: none !important; } #pt-login { display: none !important; }