Difference between revisions of "MediaWiki:Common.css"
From TDWG Terms Wiki
m (word-wrap for too long sourc codes) |
m (added .three-columns .two-columns) |
||
(23 intermediate revisions by 3 users not shown) | |||
Line 7: | Line 7: | ||
border:1px dotted gray; | border:1px dotted gray; | ||
padding:4px; | padding:4px; | ||
+ | } | ||
+ | |||
+ | /* Warning in MediaWiki-Namespace*/ | ||
+ | .mw-editinginterface, | ||
+ | .mw-translateinterface { | ||
+ | background: #f9f9f9; | ||
+ | border: 1px solid #c00000; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | .mw-editinginterface + .mw-translateinterface { | ||
+ | border-top: none; | ||
+ | margin-top: -8px; | ||
} | } | ||
Line 65: | Line 77: | ||
<pre> itself in the Wiki does not allow any tags or formatting, it renders as <nowiki> | <pre> itself in the Wiki does not allow any tags or formatting, it renders as <nowiki> | ||
but Wiki text starting with a blank character on a line does allow tags and other formatting */ | but Wiki text starting with a blank character on a line does allow tags and other formatting */ | ||
− | div.no-pre-border pre { | + | div.no-pre-border pre { border:0px none;} |
− | + | div.no-pre-margin pre { margin:0px; } | |
− | + | div.no-pre-padding pre { padding:0px; } | |
− | div.no-pre-margin pre { | + | div.no-pre-wrap pre { white-space: pre; } |
− | + | ||
− | + | ||
− | div.no-pre-padding pre { | + | |
− | + | ||
− | } | + | |
/* For template documentation */ | /* For template documentation */ | ||
Line 83: | Line 90: | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
− | /* | + | /*----------------------------------------------------------------------------------------------*/ |
+ | /* FORM-STYLING - TO BE REVISED */ | ||
+ | /*----------------------------------------------------------------------------------------------*/ | ||
+ | |||
+ | /* OLD FORM STYLING, TO BE REVISED: */ | ||
+ | /* custom class formtable */ | ||
table.formtable { | table.formtable { | ||
border-collapse:collapse; | border-collapse:collapse; | ||
Line 97: | Line 109: | ||
padding:2px; | padding:2px; | ||
} | } | ||
− | + | ||
− | table.formtable textarea.textarea-default, textarea.textarea-fullwidth { | + | table.formtable textarea.textarea-default |
+ | , textarea.textarea-fullwidth { | ||
width:100%; | width:100%; | ||
+ | } | ||
+ | table.formtable textarea { | ||
+ | background-color: #FFFFFF!important; | ||
} | } | ||
/* inputs, textarea:focus */ | /* inputs, textarea:focus */ | ||
− | table.formtable | + | table.formtable select.mandatoryField:focus |
+ | , table.formtable input.mandatoryField:focus | ||
+ | , table.formtable textarea.mandatoryField:focus{ | ||
border:2px inset #fcaf3e; | border:2px inset #fcaf3e; | ||
margin:0px; | margin:0px; | ||
} | } | ||
− | table.formtable | + | table.formtable select:focus |
+ | , table.formtable input:focus | ||
+ | , table.formtable textarea:focus{ | ||
border:2px inset #d3d7cf; /* light gray*/ | border:2px inset #d3d7cf; /* light gray*/ | ||
margin:0px; | margin:0px; | ||
} | } | ||
/* inputs, textarea */ | /* inputs, textarea */ | ||
− | table.formtable | + | table.formtable select.mandatoryField |
− | border:1px solid #fcaf3e; | + | , table.formtable input.mandatoryField{ |
+ | border:1px solid transparent; | ||
+ | border-bottom:1px solid #fcaf3e; | ||
margin:1px; | margin:1px; | ||
} | } | ||
− | table.formtable | + | table.formtable textarea.mandatoryField{ |
+ | border-top: 1px solid #fcaf3e; | ||
+ | border-bottom:1px solid #fcaf3e; | ||
+ | border-left: 1px dotted #fcaf3e; | ||
+ | border-right: 1px dotted #fcaf3e; | ||
+ | margin:1px; | ||
+ | } | ||
+ | table.formtable select | ||
+ | , table.formtable input { | ||
+ | border-left:1px solid transparent; | ||
+ | border-top:1px solid transparent; | ||
+ | border-right:1px solid transparent; | ||
+ | border-bottom:1px solid #d3d7cf; /* light gray*/ | ||
+ | margin:1px; | ||
+ | } | ||
+ | table.formtable input[type=checkbox] { | ||
border:1px solid #d3d7cf; /* light gray*/ | border:1px solid #d3d7cf; /* light gray*/ | ||
+ | margin:1px; | ||
+ | } | ||
+ | table.formtable textarea{ | ||
+ | border-left:1px dotted #d3d7cf; /* light gray*/ | ||
+ | border-right:1px dotted #d3d7cf; /* light gray*/ | ||
+ | border-bottom:1px solid #d3d7cf; /* light gray*/ | ||
+ | border-top:1px solid #d3d7cf; /* light gray*/ | ||
margin:1px; | margin:1px; | ||
} | } | ||
Line 123: | Line 167: | ||
font-family:monospace; | font-family:monospace; | ||
font-size:100%; | font-size:100%; | ||
+ | } | ||
+ | |||
+ | /* formtable minimize borders when elements are narrow together */ | ||
+ | table.formtable td.minimal-visible-borders span.inputSpan , | ||
+ | table.formtable td.minimal-visible-borders div.multipleTemplateInstance { | ||
+ | margin:0px; | ||
+ | border:0px; | ||
+ | padding:0px; | ||
} | } | ||
/* formtable floatable dl*/ | /* formtable floatable dl*/ | ||
− | td.dl-float-left dl{ | + | table.formtable td.dl-float-left dl{ |
float:left; | float:left; | ||
margin-left:2px; | margin-left:2px; | ||
margin-right:2px; | margin-right:2px; | ||
} | } | ||
− | td.dl-float-left dl:first-child{ | + | table.formtable td.dl-float-left dl:first-child{ |
margin-left:0px; | margin-left:0px; | ||
} | } | ||
− | td.dl-inline dl dt, td.dl-inline dl dd{ | + | table.formtable td.dl-inline dl dt, td.dl-inline dl dd{ |
display: inline; | display: inline; | ||
} | } | ||
Line 139: | Line 191: | ||
margin-left: 0em; | margin-left: 0em; | ||
} | } | ||
− | /* formtable with | + | /* formtable with multiple values */ |
− | .multipleTemplate * td { | + | table.formtable .multipleTemplate * td { |
− | background-color:#CCCCCC;/* CCCCCC → dark gray */ | + | background-color:#CCCCCC; /* CCCCCC → dark gray */ |
} | } | ||
− | .multipleTemplate * table, .multipleTemplate table{ | + | table.formtable .multipleTemplate * table |
+ | , table.formtable .multipleTemplate table{ | ||
border-spacing:0px; | border-spacing:0px; | ||
} | } | ||
/* formtable floating box */ | /* formtable floating box */ | ||
− | div.floating-form-parts { | + | table.formtable div.floating-form-parts { |
float:left; margin-right: 0.75em; | float:left; margin-right: 0.75em; | ||
} | } | ||
Line 159: | Line 212: | ||
border-bottom:1px #aaaaaa solid; | border-bottom:1px #aaaaaa solid; | ||
} | } | ||
+ | |||
+ | |||
+ | /* NEW SEMANTIC FORM STYLING: */ | ||
+ | #sfForm { | ||
+ | margin:10px auto; | ||
+ | /* max-width: 800px; */ | ||
+ | padding:0px 5px 10px 5px; | ||
+ | font-size: 11px; | ||
+ | } | ||
+ | #sfForm label{ | ||
+ | margin:0 0 3px 0; | ||
+ | padding:0px; | ||
+ | display:block; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #sfForm input[type=text], #sfForm input[type=date], #sfForm input[type=datetime], | ||
+ | #sfForm input[type=number], #sfForm input[type=search], #sfForm input[type=time], | ||
+ | #sfForm input[type=url], #sfForm input, #sfForm input[type=email], textarea, select{ | ||
+ | box-sizing: border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | border:1px solid #BEBEBE; | ||
+ | padding:4px; | ||
+ | margin:0px; | ||
+ | -webkit-transition: all 0.30s ease-in-out; | ||
+ | -moz-transition: all 0.30s ease-in-out; | ||
+ | -ms-transition: all 0.30s ease-in-out; | ||
+ | -o-transition: all 0.30s ease-in-out; | ||
+ | outline: none; | ||
+ | } | ||
+ | #sfForm input[type=text]:focus, #sfForm input[type=date]:focus, #sfForm input[type=datetime]:focus, | ||
+ | #sfForm input[type=number]:focus, #sfForm input[type=search]:focus, #sfForm input[type=time]:focus, | ||
+ | #sfForm input[type=url]:focus, #sfForm input[type=email]:focus, #sfForm input:focus, #sfForm textarea:focus, #sfForm select:focus{ | ||
+ | -moz-box-shadow: 0 0 8px #88D5E9; | ||
+ | -webkit-box-shadow: 0 0 8px #88D5E9; | ||
+ | box-shadow: 0 0 8px #88D5E9; | ||
+ | border: 1px solid #88D5E9; | ||
+ | } | ||
+ | |||
+ | /* NOT USED: | ||
+ | #sfForm .field-divided{width: 49%;} | ||
+ | #sfForm .field-long{width: 100%;} | ||
+ | #sfForm select{width: 100%;} | ||
+ | #sfForm .field-textarea{height: 100px;} | ||
+ | END NOT USED */ | ||
+ | |||
+ | #sfForm input[type=submit], #sfForm input[type=button]{ | ||
+ | padding: 8px 15px 8px 15px; | ||
+ | margin-right: 10px; | ||
+ | border: none; | ||
+ | } | ||
+ | #sfForm input[type=submit]:hover, .form-style-1 input[type=button]:hover{ | ||
+ | background: #4691A4; | ||
+ | box-shadow:none; | ||
+ | -moz-box-shadow:none; | ||
+ | -webkit-box-shadow:none; | ||
+ | } | ||
+ | |||
+ | /* SemanticForms reduzierte Rahmenlinien */ | ||
+ | #sfForm input.createboxInput, form input.formInput, | ||
+ | #sfForm input.yearInput, #sfForm input.dayInput, | ||
+ | #sfForm input.hoursInput, #sfForm input.minutesInput, | ||
+ | #sfForm input.secondsInput, #sfForm input[type=text] { | ||
+ | border:1px solid transparent; | ||
+ | border-bottom:1px dotted #ccc; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | #sfForm textarea, #sfForm textarea.createboxInput { | ||
+ | border:1px dotted #ccc; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | /* hover */ | ||
+ | #sfForm textarea:hover, form input.formInput:hover, | ||
+ | #sfForm input.yearInput:hover, #sfForm input.dayInput:hover, | ||
+ | #sfForm input.hoursInput:hover, #sfForm input.minutesInput:hover, | ||
+ | #sfForm input.secondsInput:hover, | ||
+ | #sfForm input.createboxInput:hover, | ||
+ | #sfForm input[type=text]:hover { | ||
+ | border:1px solid #cccccc; | ||
+ | } | ||
+ | /* focus */ | ||
+ | #sfForm textarea:focus, form input.formInput:focus, | ||
+ | #sfForm input.yearInput:focus, #sfForm input.dayInput:focus, | ||
+ | #sfForm input.hoursInput:focus, #sfForm input.minutesInput:focus, | ||
+ | #sfForm input.secondsInput:focus, | ||
+ | #sfForm input.createboxInput:focus, | ||
+ | #sfForm input[type=text]:focus, | ||
+ | /* active */ | ||
+ | #sfForm textarea:active, form input.formInput:active, | ||
+ | #sfForm input.yearInput:active, #sfForm input.dayInput:active, | ||
+ | #sfForm input.hoursInput:active, #sfForm input.minutesInput:active, | ||
+ | #sfForm input.secondsInput:active, | ||
+ | #sfForm input.createboxInput:active, | ||
+ | #sfForm input[type=text]:active { | ||
+ | border:1px solid #8e8e8e; | ||
+ | } | ||
+ | #sfForm .mandatoryField, #sfForm .createboxInput.mandatoryField { | ||
+ | border-bottom-color:orange; | ||
+ | } | ||
+ | #sfForm .mandatoryField:hover, | ||
+ | #sfForm .createboxInput.mandatoryField:hover, | ||
+ | #sfForm .mandatoryField:focus, | ||
+ | #sfForm .createboxInput.mandatoryField:focus, | ||
+ | #sfForm .mandatoryField:active, | ||
+ | #sfForm .createboxInput.mandatoryField:active { | ||
+ | border-color:orange; | ||
+ | } | ||
+ | |||
/* minimize multiple form-boxes div box must be outside of form definition */ | /* minimize multiple form-boxes div box must be outside of form definition */ | ||
.minimized-margin-padding * p { | .minimized-margin-padding * p { | ||
Line 168: | Line 329: | ||
border:0px none; | border:0px none; | ||
} | } | ||
+ | /* End Form */ | ||
/* comments*/ | /* comments*/ | ||
.comment-gray,.comment-grey{ | .comment-gray,.comment-grey{ | ||
Line 174: | Line 336: | ||
span.rdflink a:hover, div.rdflink a:hover { | span.rdflink a:hover, div.rdflink a:hover { | ||
− | + | /* "http://terms.tdwg.org/w/extensions/SemanticMediaWiki/res/images/rdf_flyer.18.gif" */ | |
− | + | background: url('data:image/gif;base64,R0lGODlhEQASAIQeAIWjzhpTo0h1tvH0+SpeqUh1tWeMwjlqr+Hp89Ld7cLR5rPG4RpSo8PS53aYyDhpr5Wv1FiBvO/z+KS62uDo8ileqWaMwXWXx7LF4KO62pSu1FeAu9Hc7P///wtHnQtHnSH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAh+QQBAAAfACwAAAAAEQASAAAFU+AnjuQneKhQriclpSvJSC/qxaNX2/hn/6pY6udRAX03k82Y6dROJKjI01H8VknfDoXNbbmkougEBC+DZDES1aHAcChKZ9nzza89HbGefvfSDh8hADs=') 100% 50% no-repeat transparent !important; | |
− | + | ||
− | + | ||
− | background | + | |
− | + | ||
− | + | ||
− | + | ||
color: #0000ff!important; | color: #0000ff!important; | ||
margin-right: 0px!important; | margin-right: 0px!important; | ||
Line 189: | Line 345: | ||
span.rdflink a, div.rdflink a { | span.rdflink a, div.rdflink a { | ||
− | + | /* "http://terms.tdwg.org/w/extensions/SemanticMediaWiki/res/images/rdf_flyer.18.gif" */ | |
− | + | background: url('data:image/gif;base64,R0lGODlhEQASAIQeAIWjzhpTo0h1tvH0+SpeqUh1tWeMwjlqr+Hp89Ld7cLR5rPG4RpSo8PS53aYyDhpr5Wv1FiBvO/z+KS62uDo8ileqWaMwXWXx7LF4KO62pSu1FeAu9Hc7P///wtHnQtHnSH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAh+QQBAAAfACwAAAAAEQASAAAFU+AnjuQneKhQriclpSvJSC/qxaNX2/hn/6pY6udRAX03k82Y6dROJKjI01H8VknfDoXNbbmkougEBC+DZDES1aHAcChKZ9nzza89HbGefvfSDh8hADs=') 100% 50% no-repeat transparent !important; | |
− | + | ||
− | + | ||
− | background | + | |
− | + | ||
− | + | ||
− | + | ||
color: #888888!important; | color: #888888!important; | ||
− | padding-right: 20px; | + | padding-right: 20px!important; |
} | } | ||
/* icon talk */ | /* icon talk */ | ||
Line 204: | Line 354: | ||
background-attachment: scroll; | background-attachment: scroll; | ||
background-color: transparent; | background-color: transparent; | ||
− | background-image: url(" | + | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdElEQVR4Xn3QTQqAIBAFYC8fRNeKAjdlxxD/wf3UTGoo2sBbyPuQUbbtK8zLNAz2zzCG4GcQ11BKWUUp1YVYULTWlBDCEBIwxoC1dggxBJxz/R3FJfIho+rVnPMXok6woFMc4L2HGCOhAtt/a1GB6RYqRrkBKEFJ6m9q5RIAAAAASUVORK5CYII="); |
background-position: 95% 65%; | background-position: 95% 65%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 246: | Line 396: | ||
div.display-inline { | div.display-inline { | ||
display:inline; | display:inline; | ||
+ | } | ||
+ | div.force-display-inline * { | ||
+ | display: inline; | ||
} | } | ||
/* emulate buttons a.autoedit-trigger is from semantic forms */ | /* emulate buttons a.autoedit-trigger is from semantic forms */ | ||
Line 274: | Line 427: | ||
-ms-word-break:break-all; | -ms-word-break:break-all; | ||
} | } | ||
+ | div.mw-geshi.mw-code {/* fix in MW 1.20.2 */ | ||
+ | border:0px none; | ||
+ | padding:0px; | ||
+ | } | ||
+ | .white-space-normal * { | ||
+ | white-space: normal; | ||
+ | } | ||
+ | /* for Template:BrowseByAskQueryPreviousNext */ | ||
+ | div.navigation-arrows.position-page-title-top { | ||
+ | position:relative; | ||
+ | width:60px; | ||
+ | top:-42px; | ||
+ | } | ||
+ | div.navigation-arrows.position-page-title-top span{ | ||
+ | position:absolute; | ||
+ | right:0px; | ||
+ | } | ||
+ | /* reduce font size of SMW {{#info: … }} */ | ||
+ | div.smwtt{ | ||
+ | font-size:10pt; | ||
+ | } | ||
+ | /* Extension:Semantic DrillDown more indent to layout of Special:BrowseData */ | ||
+ | .drilldown-filter-values{ | ||
+ | margin-left:13px; | ||
+ | margin-bottom:0.5ex; | ||
+ | } | ||
+ | a.drilldown-values-toggle{ | ||
+ | cursor:pointer!important; | ||
+ | } | ||
+ | /* use space more effectively, no line break */ | ||
+ | .drilldown-filter-values form div.ui-widget{ | ||
+ | display:inline-block; | ||
+ | } | ||
+ | .drilldown-filter-values form input[type=submit]{ | ||
+ | margin-left:2em!important; | ||
+ | } | ||
+ | |||
+ | .sharedUploadNotice { | ||
+ | padding:1ex; | ||
+ | border:2px solid #BB4020; | ||
+ | background-color:#FFFFEE; | ||
+ | margin-top: 1ex; | ||
+ | margin-bottom: 1ex; | ||
+ | } | ||
+ | .sharedUploadNotice a { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | /* inline definitions */ | ||
+ | .definition-inline dt { float:left; padding-right:0.5em; margin-bottom: 0px} | ||
+ | .definition-inline dd { margin-bottom: 0px} | ||
+ | |||
+ | /* booktable as in (scientific) books/journals */ | ||
+ | table.booktable, table.booktabledotted { | ||
+ | margin: 1em 1em 1em 0; | ||
+ | background: #ffffff; | ||
+ | border-top: 2px #656463 solid; | ||
+ | border-bottom: 2px #656463 solid; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | .booktabledotted td { | ||
+ | border-bottom: 1px dotted gray; | ||
+ | padding:0.2em; | ||
+ | } | ||
+ | .booktable td { | ||
+ | border: 0px none !important; | ||
+ | padding:0.2em; | ||
+ | } | ||
+ | .booktable tr.line-t td, .booktable tr td.line-t{ | ||
+ | border-top: 1px #656463 solid !important; | ||
+ | } | ||
+ | .booktable tr.line-b td, .booktable tr td.line-b{ | ||
+ | border-bottom: 1px #656463 solid !important; | ||
+ | } | ||
+ | .booktable tr.line-tb td, .booktable tr td.line-tb{ | ||
+ | border-bottom: 1px #656463 solid !important; | ||
+ | border-top: 1px #656463 solid !important; | ||
+ | } | ||
+ | .booktabledotted th, .booktable th { | ||
+ | vertical-align:bottom; | ||
+ | border-bottom:1px solid #656463; | ||
+ | border-top: 1px solid #656463; | ||
+ | border-left:0px; | ||
+ | border-right:0px; | ||
+ | padding: 0.2em; | ||
+ | } | ||
+ | |||
+ | .booktabledotted th, .booktable th { | ||
+ | background: #ffffff; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .booktable caption, .booktabledotted caption { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | /* references hanging layout */ | ||
+ | div.hanging-indent p, div.hanging-indent { | ||
+ | margin-left:1em !important; | ||
+ | text-indent:-1em; | ||
+ | margin-top: 0.0em !important; | ||
+ | margin-bottom: 0.0em !important; | ||
+ | } | ||
+ | |||
+ | div.hanging-indent p *, div.hanging-indent div * { | ||
+ | text-indent:0; | ||
+ | } | ||
+ | /* inline definitions */ | ||
+ | .definition-inline dt { float:left; padding-right:0.5em; margin-bottom: 0px} | ||
+ | .definition-inline dd { margin-bottom: 0px} | ||
+ | |||
+ | /* div box for highlighting some text */ | ||
+ | .wikinote { | ||
+ | background-color: #dfdfe6; | ||
+ | border: 1px dashed #ffa500; | ||
+ | color: black; | ||
+ | margin: 2em 0 1em; | ||
+ | padding: 0.5em 1em; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | /* 2 column Layout */ | ||
+ | .two-columns { | ||
+ | -moz-column-count:2; /* Firefox */ | ||
+ | -webkit-column-count:2; /* Safari and Chrome */ | ||
+ | column-count:2; | ||
+ | |||
+ | -moz-column-gap:40px; /* Firefox */ | ||
+ | -webkit-column-gap:40px; /* Safari and Chrome */ | ||
+ | column-gap:40px; | ||
+ | |||
+ | -moz-column-rule:2px outset gray; /* Firefox */ | ||
+ | -webkit-column-rule:2px outset gray; /* Safari and Chrome */ | ||
+ | column-rule:2px outset gray; | ||
+ | } | ||
+ | /* 3 column Layout */ | ||
+ | .three-columns { | ||
+ | -moz-column-count:3; /* Firefox */ | ||
+ | -webkit-column-count:3; /* Safari and Chrome */ | ||
+ | column-count:3; | ||
+ | |||
+ | -moz-column-gap:40px; /* Firefox */ | ||
+ | -webkit-column-gap:40px; /* Safari and Chrome */ | ||
+ | column-gap:40px; | ||
+ | |||
+ | -moz-column-rule:2px outset gray; /* Firefox */ | ||
+ | -webkit-column-rule:2px outset gray; /* Safari and Chrome */ | ||
+ | column-rule:2px outset gray; | ||
+ | } | ||
+ | .three-columns.flat-ul ul li { | ||
+ | float:left; | ||
+ | margin-left:1.5em; | ||
+ | } | ||
+ | .three-columns.flat-ul ul { | ||
+ | clear:both; | ||
+ | margin:0px 0px 0.5ex 0px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | .three-columns.flat-ul p { | ||
+ | margin:5px 0px 0ex 0px; | ||
+ | } | ||
+ | .three-columns tr { | ||
+ | /* verhindere Spaltenumbruch */ | ||
+ | -webkit-column-break-inside: avoid; /* Chrome, Safari */ | ||
+ | page-break-inside: avoid; /* Theoretically FF 20+ */ | ||
+ | break-inside: avoid-column; /* IE 11 */ | ||
+ | } |
Latest revision as of 15:31, 3 February 2020
/* CSS placed here will be applied to all skins */
/* constrain the height of preview */
#wikiPreview {
overflow-y:auto;
max-height:400px;
border:1px dotted gray;
padding:4px;
}
/* Warning in MediaWiki-Namespace*/
.mw-editinginterface,
.mw-translateinterface {
background: #f9f9f9;
border: 1px solid #c00000;
padding: 2px;
}
.mw-editinginterface + .mw-translateinterface {
border-top: none;
margin-top: -8px;
}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
}
table.ombox-notice {
border: 1px solid #aaa; /* Gray */
}
table.ombox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ombox-delete {
border: 2px solid #b22222; /* Red */
}
table.ombox-content {
border: 1px solid #f28500; /* Orange */
}
table.ombox-style {
border: 1px solid #f4c430; /* Yellow */
}
table.ombox-move {
border: 1px solid #9932cc; /* Purple */
}
table.ombox-protection {
border: 2px solid #bba; /* Gray-gold */
}
/*
superimpose CSS on Wiki’s pre layout
<pre> itself in the Wiki does not allow any tags or formatting, it renders as <nowiki>
but Wiki text starting with a blank character on a line does allow tags and other formatting */
div.no-pre-border pre { border:0px none;}
div.no-pre-margin pre { margin:0px; }
div.no-pre-padding pre { padding:0px; }
div.no-pre-wrap pre { white-space: pre; }
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
/*----------------------------------------------------------------------------------------------*/
/* FORM-STYLING - TO BE REVISED */
/*----------------------------------------------------------------------------------------------*/
/* OLD FORM STYLING, TO BE REVISED: */
/* custom class formtable */
table.formtable {
border-collapse:collapse;
}
table.formtable td{
vertical-align:top;
text-align:left;
padding:2px;
}
table.formtable th{
vertical-align:top;
font-weight: bold;
padding:2px;
}
table.formtable textarea.textarea-default
, textarea.textarea-fullwidth {
width:100%;
}
table.formtable textarea {
background-color: #FFFFFF!important;
}
/* inputs, textarea:focus */
table.formtable select.mandatoryField:focus
, table.formtable input.mandatoryField:focus
, table.formtable textarea.mandatoryField:focus{
border:2px inset #fcaf3e;
margin:0px;
}
table.formtable select:focus
, table.formtable input:focus
, table.formtable textarea:focus{
border:2px inset #d3d7cf; /* light gray*/
margin:0px;
}
/* inputs, textarea */
table.formtable select.mandatoryField
, table.formtable input.mandatoryField{
border:1px solid transparent;
border-bottom:1px solid #fcaf3e;
margin:1px;
}
table.formtable textarea.mandatoryField{
border-top: 1px solid #fcaf3e;
border-bottom:1px solid #fcaf3e;
border-left: 1px dotted #fcaf3e;
border-right: 1px dotted #fcaf3e;
margin:1px;
}
table.formtable select
, table.formtable input {
border-left:1px solid transparent;
border-top:1px solid transparent;
border-right:1px solid transparent;
border-bottom:1px solid #d3d7cf; /* light gray*/
margin:1px;
}
table.formtable input[type=checkbox] {
border:1px solid #d3d7cf; /* light gray*/
margin:1px;
}
table.formtable textarea{
border-left:1px dotted #d3d7cf; /* light gray*/
border-right:1px dotted #d3d7cf; /* light gray*/
border-bottom:1px solid #d3d7cf; /* light gray*/
border-top:1px solid #d3d7cf; /* light gray*/
margin:1px;
}
/* formtable Fonts*/
.formtable input, .formtable textarea{
font-family:monospace;
font-size:100%;
}
/* formtable minimize borders when elements are narrow together */
table.formtable td.minimal-visible-borders span.inputSpan ,
table.formtable td.minimal-visible-borders div.multipleTemplateInstance {
margin:0px;
border:0px;
padding:0px;
}
/* formtable floatable dl*/
table.formtable td.dl-float-left dl{
float:left;
margin-left:2px;
margin-right:2px;
}
table.formtable td.dl-float-left dl:first-child{
margin-left:0px;
}
table.formtable td.dl-inline dl dt, td.dl-inline dl dd{
display: inline;
}
.formtable dd {
margin-left: 0em;
}
/* formtable with multiple values */
table.formtable .multipleTemplate * td {
background-color:#CCCCCC; /* CCCCCC → dark gray */
}
table.formtable .multipleTemplate * table
, table.formtable .multipleTemplate table{
border-spacing:0px;
}
/* formtable floating box */
table.formtable div.floating-form-parts {
float:left; margin-right: 0.75em;
}
/* formtable select option box: Fix for FF gray → ??? */
.formtable select {
background-color: #FFFFFF;
}
/* hidden fields */
.formtable * .collapsebox .indicateHiddenInputs {
border-left:2px #aaaaaa solid;
border-bottom:1px #aaaaaa solid;
}
/* NEW SEMANTIC FORM STYLING: */
#sfForm {
margin:10px auto;
/* max-width: 800px; */
padding:0px 5px 10px 5px;
font-size: 11px;
}
#sfForm label{
margin:0 0 3px 0;
padding:0px;
display:block;
font-weight: bold;
}
#sfForm input[type=text], #sfForm input[type=date], #sfForm input[type=datetime],
#sfForm input[type=number], #sfForm input[type=search], #sfForm input[type=time],
#sfForm input[type=url], #sfForm input, #sfForm input[type=email], textarea, select{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border:1px solid #BEBEBE;
padding:4px;
margin:0px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
#sfForm input[type=text]:focus, #sfForm input[type=date]:focus, #sfForm input[type=datetime]:focus,
#sfForm input[type=number]:focus, #sfForm input[type=search]:focus, #sfForm input[type=time]:focus,
#sfForm input[type=url]:focus, #sfForm input[type=email]:focus, #sfForm input:focus, #sfForm textarea:focus, #sfForm select:focus{
-moz-box-shadow: 0 0 8px #88D5E9;
-webkit-box-shadow: 0 0 8px #88D5E9;
box-shadow: 0 0 8px #88D5E9;
border: 1px solid #88D5E9;
}
/* NOT USED:
#sfForm .field-divided{width: 49%;}
#sfForm .field-long{width: 100%;}
#sfForm select{width: 100%;}
#sfForm .field-textarea{height: 100px;}
END NOT USED */
#sfForm input[type=submit], #sfForm input[type=button]{
padding: 8px 15px 8px 15px;
margin-right: 10px;
border: none;
}
#sfForm input[type=submit]:hover, .form-style-1 input[type=button]:hover{
background: #4691A4;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
/* SemanticForms reduzierte Rahmenlinien */
#sfForm input.createboxInput, form input.formInput,
#sfForm input.yearInput, #sfForm input.dayInput,
#sfForm input.hoursInput, #sfForm input.minutesInput,
#sfForm input.secondsInput, #sfForm input[type=text] {
border:1px solid transparent;
border-bottom:1px dotted #ccc;
background-color: #fff;
}
#sfForm textarea, #sfForm textarea.createboxInput {
border:1px dotted #ccc;
background-color: #fff;
}
/* hover */
#sfForm textarea:hover, form input.formInput:hover,
#sfForm input.yearInput:hover, #sfForm input.dayInput:hover,
#sfForm input.hoursInput:hover, #sfForm input.minutesInput:hover,
#sfForm input.secondsInput:hover,
#sfForm input.createboxInput:hover,
#sfForm input[type=text]:hover {
border:1px solid #cccccc;
}
/* focus */
#sfForm textarea:focus, form input.formInput:focus,
#sfForm input.yearInput:focus, #sfForm input.dayInput:focus,
#sfForm input.hoursInput:focus, #sfForm input.minutesInput:focus,
#sfForm input.secondsInput:focus,
#sfForm input.createboxInput:focus,
#sfForm input[type=text]:focus,
/* active */
#sfForm textarea:active, form input.formInput:active,
#sfForm input.yearInput:active, #sfForm input.dayInput:active,
#sfForm input.hoursInput:active, #sfForm input.minutesInput:active,
#sfForm input.secondsInput:active,
#sfForm input.createboxInput:active,
#sfForm input[type=text]:active {
border:1px solid #8e8e8e;
}
#sfForm .mandatoryField, #sfForm .createboxInput.mandatoryField {
border-bottom-color:orange;
}
#sfForm .mandatoryField:hover,
#sfForm .createboxInput.mandatoryField:hover,
#sfForm .mandatoryField:focus,
#sfForm .createboxInput.mandatoryField:focus,
#sfForm .mandatoryField:active,
#sfForm .createboxInput.mandatoryField:active {
border-color:orange;
}
/* minimize multiple form-boxes div box must be outside of form definition */
.minimized-margin-padding * p {
margin:0px; padding:0px;
}
.minimized-margin-padding .multipleTemplateInstance{
margin:0px;
padding:2px 2px;
border:0px none;
}
/* End Form */
/* comments*/
.comment-gray,.comment-grey{
color:#828282;
}
span.rdflink a:hover, div.rdflink a:hover {
/* "http://terms.tdwg.org/w/extensions/SemanticMediaWiki/res/images/rdf_flyer.18.gif" */
background: url('data:image/gif;base64,R0lGODlhEQASAIQeAIWjzhpTo0h1tvH0+SpeqUh1tWeMwjlqr+Hp89Ld7cLR5rPG4RpSo8PS53aYyDhpr5Wv1FiBvO/z+KS62uDo8ileqWaMwXWXx7LF4KO62pSu1FeAu9Hc7P///wtHnQtHnSH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAh+QQBAAAfACwAAAAAEQASAAAFU+AnjuQneKhQriclpSvJSC/qxaNX2/hn/6pY6udRAX03k82Y6dROJKjI01H8VknfDoXNbbmkougEBC+DZDES1aHAcChKZ9nzza89HbGefvfSDh8hADs=') 100% 50% no-repeat transparent !important;
color: #0000ff!important;
margin-right: 0px!important;
padding-right: 20px!important;
text-decoration: none!important;
}
span.rdflink a, div.rdflink a {
/* "http://terms.tdwg.org/w/extensions/SemanticMediaWiki/res/images/rdf_flyer.18.gif" */
background: url('data:image/gif;base64,R0lGODlhEQASAIQeAIWjzhpTo0h1tvH0+SpeqUh1tWeMwjlqr+Hp89Ld7cLR5rPG4RpSo8PS53aYyDhpr5Wv1FiBvO/z+KS62uDo8ileqWaMwXWXx7LF4KO62pSu1FeAu9Hc7P///wtHnQtHnSH+FUNyZWF0ZWQgd2l0aCBUaGUgR0lNUAAh+QQBAAAfACwAAAAAEQASAAAFU+AnjuQneKhQriclpSvJSC/qxaNX2/hn/6pY6udRAX03k82Y6dROJKjI01H8VknfDoXNbbmkougEBC+DZDES1aHAcChKZ9nzza89HbGefvfSDh8hADs=') 100% 50% no-repeat transparent !important;
color: #888888!important;
padding-right: 20px!important;
}
/* icon talk */
#ca-talk a {
background-attachment: scroll;
background-color: transparent;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdElEQVR4Xn3QTQqAIBAFYC8fRNeKAjdlxxD/wf3UTGoo2sBbyPuQUbbtK8zLNAz2zzCG4GcQ11BKWUUp1YVYULTWlBDCEBIwxoC1dggxBJxz/R3FJfIho+rVnPMXok6woFMc4L2HGCOhAtt/a1GB6RYqRrkBKEFJ6m9q5RIAAAAASUVORK5CYII=");
background-position: 95% 65%;
background-repeat: no-repeat;
padding-right: 20px !important;
text-transform: none;
}
#ca-talk.new a {
background-image:none;
padding-right:0px !important;
}
/* used by Template:Hidden */
.border-round { /* optional */
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
-o-border-radius:0.5em;
-khtml-border-radius:0.5em;
border-radius:0.5em;
}
/* for toggle position */
div.mw-collapsible.force-toggle-float-left span.mw-collapsible-toggle {
clear:right; float:left;margin-right:0.2em;
}
.hover-explain:hover {/* do not use default explain class it cannot be overriden */
background-color:#fff7d0;
border-bottom: 0px mone !important;
cursor:help;
}
.hover-explain:target{
background-color: #FFF7D0;
}
table.vertical-align-top * td,table.vertical-align-top * th {
vertical-align:top;
}
/* make forms inline */
div.display-inline form, div.display-inline p{
display:inline;
}
div.display-inline {
display:inline;
}
div.force-display-inline * {
display: inline;
}
/* emulate buttons a.autoedit-trigger is from semantic forms */
div.autoedit a.autoedit-trigger, span.linkbtn, a.linkbtn, a.small-linkbtn { /* span to emulate buttons */
background-color:#EEF0F0;
font-weight:bold;
padding:1.5px 6px; /* check span.leadout followed by span.leadon, the two a.linkbtn can overlap. */
text-align:center;
vertical-align:middle;
display: inline-block;
border: 1px outset #cccccc;
border-radius:4px;
white-space:nowrap;
}
div.autoedit a.autoedit-trigger:visited, a.linkbtn:visited, a.linkbtn:hover { color:#444444; text-decoration:none; }
div.autoedit a.autoedit-trigger:hover, a.linkbtn:hover, a.small-linkbtn:hover { background-color:#DFDFDF; }
td.concept-relation-list li {/* wrapping on info box on a concept page */
max-width:300px;
overflow-wrap:break-all; word-wrap:break-all; word-wrap:break-word;
-ms-word-break:break-all;
}
/* break words for too long sourc codes */
div.mw-geshi * {
overflow-wrap:break-all;
word-wrap:break-all;
word-wrap:break-word;
-ms-word-break:break-all;
}
div.mw-geshi.mw-code {/* fix in MW 1.20.2 */
border:0px none;
padding:0px;
}
.white-space-normal * {
white-space: normal;
}
/* for Template:BrowseByAskQueryPreviousNext */
div.navigation-arrows.position-page-title-top {
position:relative;
width:60px;
top:-42px;
}
div.navigation-arrows.position-page-title-top span{
position:absolute;
right:0px;
}
/* reduce font size of SMW {{#info: … }} */
div.smwtt{
font-size:10pt;
}
/* Extension:Semantic DrillDown more indent to layout of Special:BrowseData */
.drilldown-filter-values{
margin-left:13px;
margin-bottom:0.5ex;
}
a.drilldown-values-toggle{
cursor:pointer!important;
}
/* use space more effectively, no line break */
.drilldown-filter-values form div.ui-widget{
display:inline-block;
}
.drilldown-filter-values form input[type=submit]{
margin-left:2em!important;
}
.sharedUploadNotice {
padding:1ex;
border:2px solid #BB4020;
background-color:#FFFFEE;
margin-top: 1ex;
margin-bottom: 1ex;
}
.sharedUploadNotice a {
font-weight:bold;
}
/* inline definitions */
.definition-inline dt { float:left; padding-right:0.5em; margin-bottom: 0px}
.definition-inline dd { margin-bottom: 0px}
/* booktable as in (scientific) books/journals */
table.booktable, table.booktabledotted {
margin: 1em 1em 1em 0;
background: #ffffff;
border-top: 2px #656463 solid;
border-bottom: 2px #656463 solid;
border-collapse: collapse;
}
.booktabledotted td {
border-bottom: 1px dotted gray;
padding:0.2em;
}
.booktable td {
border: 0px none !important;
padding:0.2em;
}
.booktable tr.line-t td, .booktable tr td.line-t{
border-top: 1px #656463 solid !important;
}
.booktable tr.line-b td, .booktable tr td.line-b{
border-bottom: 1px #656463 solid !important;
}
.booktable tr.line-tb td, .booktable tr td.line-tb{
border-bottom: 1px #656463 solid !important;
border-top: 1px #656463 solid !important;
}
.booktabledotted th, .booktable th {
vertical-align:bottom;
border-bottom:1px solid #656463;
border-top: 1px solid #656463;
border-left:0px;
border-right:0px;
padding: 0.2em;
}
.booktabledotted th, .booktable th {
background: #ffffff;
text-align: center;
}
.booktable caption, .booktabledotted caption {
font-weight: normal;
}
/* references hanging layout */
div.hanging-indent p, div.hanging-indent {
margin-left:1em !important;
text-indent:-1em;
margin-top: 0.0em !important;
margin-bottom: 0.0em !important;
}
div.hanging-indent p *, div.hanging-indent div * {
text-indent:0;
}
/* inline definitions */
.definition-inline dt { float:left; padding-right:0.5em; margin-bottom: 0px}
.definition-inline dd { margin-bottom: 0px}
/* div box for highlighting some text */
.wikinote {
background-color: #dfdfe6;
border: 1px dashed #ffa500;
color: black;
margin: 2em 0 1em;
padding: 0.5em 1em;
vertical-align: middle;
}
/* 2 column Layout */
.two-columns {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:2px outset gray; /* Firefox */
-webkit-column-rule:2px outset gray; /* Safari and Chrome */
column-rule:2px outset gray;
}
/* 3 column Layout */
.three-columns {
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:2px outset gray; /* Firefox */
-webkit-column-rule:2px outset gray; /* Safari and Chrome */
column-rule:2px outset gray;
}
.three-columns.flat-ul ul li {
float:left;
margin-left:1.5em;
}
.three-columns.flat-ul ul {
clear:both;
margin:0px 0px 0.5ex 0px;
padding:0px;
}
.three-columns.flat-ul p {
margin:5px 0px 0ex 0px;
}
.three-columns tr {
/* verhindere Spaltenumbruch */
-webkit-column-break-inside: avoid; /* Chrome, Safari */
page-break-inside: avoid; /* Theoretically FF 20+ */
break-inside: avoid-column; /* IE 11 */
}