Difference between revisions of "MediaWiki:Common.css"
From TDWG Terms Wiki
m (span.rdflink a, .comment-gray) |
m (+formtable CSS) |
||
Line 43: | Line 43: | ||
padding: 5px; | 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; | ||
+ | } | ||
+ | |||
/* comments*/ | /* comments*/ | ||
.comment-gray{ | .comment-gray{ |
Revision as of 16:04, 4 September 2012
/* CSS placed here will be applied to all skins */
/* 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 */
}
/* remove dashed border line from MediaWiki’s pre */
div.noborder pre {
border:0px none;
}
/* 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;
}
/* comments*/
.comment-gray{
color:#828282;
}
span.rdflink a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://species-id.net/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 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://species-id.net/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;
}