MediaWiki:Common.css
From TDWG Terms Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* 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;
}
/* 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;
}
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
/* forms */
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%;
}
/* 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, table.formtable * textarea.mandatoryField{
border:1px solid #fcaf3e;
margin:1px;
}
table.formtable * select, table.formtable * input, table.formtable * textarea{
border:1px solid #d3d7cf; /* light gray*/
margin:1px;
}
/* formtable Fonts*/
.formtable input, .formtable textarea{
font-family:monospace;
font-size:100%;
}
/* formtable floatable dl*/
td.dl-float-left dl{
float:left;
margin-left:2px;
margin-right:2px;
}
td.dl-float-left dl:first-child{
margin-left:0px;
}
td.dl-inline dl dt, td.dl-inline dl dd{
display: inline;
}
.formtable dd {
margin-left: 0em;
}
/* formtable with multible values */
.multipleTemplate * td {
background-color:#CCCCCC;/* CCCCCC → dark gray */
}
.multipleTemplate * table, .multipleTemplate table{
border-spacing:0px;
}
/* formtable floating box */
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;
}
/* 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;
}
/* comments*/
.comment-gray,.comment-grey{
color:#828282;
}
span.rdflink a:hover, div.rdflink a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://terms.gbif.org/w/extensions/SemanticMediaWiki/skins/images/rdf_flyer.18.gif");
background-origin: padding-box;
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: auto;
color: #0000ff!important;
margin-right: 0px!important;
padding-right: 20px!important;
text-decoration: none!important;
}
span.rdflink a, div.rdflink a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://terms.gbif.org/w/extensions/SemanticMediaWiki/skins/images/rdf_flyer.18.gif");
background-origin: padding-box;
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: auto;
color: #888888!important;
padding-right: 20px;
}
/* icon talk */
#ca-talk a {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://terms.gbif.org/w/skins/vector/images/talk-icon.png");
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;
}
.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;
}
