Difference between revisions of "MediaWiki:Common.css"
From TDWG Terms Wiki
Gabi Dröge (Talk | contribs) |
m (linkfixes: terms.gbif.org -> terms.tdwg.org) |
||
Line 214: | Line 214: | ||
span.rdflink a:hover, div.rdflink a:hover { | span.rdflink a:hover, div.rdflink a:hover { | ||
− | background: url("http://terms. | + | background: url("http://terms.tdwg.org/w/extensions/SemanticMediaWiki/resources/images/rdf_flyer.18.gif") 100% 50% no-repeat transparent !important; |
color: #0000ff!important; | color: #0000ff!important; | ||
margin-right: 0px!important; | margin-right: 0px!important; | ||
Line 222: | Line 222: | ||
span.rdflink a, div.rdflink a { | span.rdflink a, div.rdflink a { | ||
− | background: url("http://terms. | + | background: url("http://terms.tdwg.org/w/extensions/SemanticMediaWiki/resources/images/rdf_flyer.18.gif") 100% 50% no-repeat transparent !important; |
color: #888888!important; | color: #888888!important; | ||
padding-right: 20px!important; | padding-right: 20px!important; | ||
Line 230: | Line 230: | ||
background-attachment: scroll; | background-attachment: scroll; | ||
background-color: transparent; | background-color: transparent; | ||
− | background-image: url("http://terms. | + | background-image: url("http://terms.tdwg.org/w/skins/vector/images/talk-icon.png"); |
background-position: 95% 65%; | background-position: 95% 65%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; |
Revision as of 09:09, 1 April 2015
/* 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%;
}
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*/
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: url("http://terms.tdwg.org/w/extensions/SemanticMediaWiki/resources/images/rdf_flyer.18.gif") 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 {
background: url("http://terms.tdwg.org/w/extensions/SemanticMediaWiki/resources/images/rdf_flyer.18.gif") 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("http://terms.tdwg.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;
}
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;
}