Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(added line height to tag cloud) |
(be more specific in the selector) |
||
(20 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | /* CSS placed here will be applied to all skins */ | + | /** CSS placed here will be applied to all skins */ |
− | |||
− | |||
− | + | /** make lists more like Microsoft Word | |
− | + | https://www.mediawiki.org/wiki/Help:Lists#Site-wide */ | |
− | |||
− | + | .mw-body ol { | |
− | + | list-style-type:decimal; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | body | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .mw-body ol li > ol { | |
− | + | list-style-type:lower-alpha; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | .mw-body ol li > ol li > ol { | |
− | + | list-style-type:lower-roman | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /** |
− | table. | + | * Adaptions for the main table class |
− | + | */ | |
− | + | table.smworgtable-v2 { | |
− | margin: | + | background-color: #fff; |
− | + | border: 1px solid #5e9dc8; | |
− | + | margin: 0 0 0.5em 1em; | |
− | + | padding: 0; | |
− | + | -moz-border-radius: 3px; | |
− | + | border-radius: 3px; | |
− | |||
− | |||
} | } | ||
− | . | + | table.smworgtable-v2 tr { |
− | + | background-color: #ffffff; | |
− | |||
− | |||
} | } | ||
− | . | + | table.smworgtable-v2 td { |
− | + | padding: 5px; | |
− | + | vertical-align: top !important; | |
− | |||
− | |||
− | |||
} | } | ||
− | . | + | table.smworgtable-v2 th { |
− | background:# | + | background-color: #5e9dc8; |
+ | border: 0px; | ||
+ | padding: 3px; | ||
+ | font-size: 100%; | ||
+ | font-weight: normal; | ||
+ | font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif; | ||
+ | color: #ffffff; | ||
+ | vertical-align: top !important; | ||
} | } | ||
− | . | + | table.smworgtable-v2 th a { |
− | + | color: #ffffff; | |
} | } | ||
− | . | + | table.smworgtable-v2 th.smworange { |
− | background:# | + | background-color: #f5f5f5; |
} | } | ||
− | . | + | table.smworgtable-v2-toc th a { |
− | + | color: #0c2c52; | |
} | } | ||
− | + | #smworgtable-v2-toc #toc.toc { | |
− | + | text-indent: -15px; | |
+ | margin-left: 15px; | ||
+ | font-size: 110%; | ||
} | } | ||
− | + | #smworgtable-v2-toc #toc { | |
− | background:# | + | border: 0px solid #aaaaaa; |
+ | background-color: #ffffff; | ||
+ | font-size: 100%; | ||
+ | width: 230px; | ||
} | } | ||
− | . | + | #smworgtable-v2-toc.smworgtable-v2-toc th a { |
− | + | color: #5e9dc8; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | // hide the upload file link in 'Tools' | |
− | + | // for some reason, had no effect in testing?! | |
− | + | /** #t-upload {display:none;} */ | |
− | |||
− | } | ||
− | . | + | // fix google maps little man in responsive skin |
− | + | .gm-style img { max-width: none; } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | / | + | // styles for 'message boxes' |
− | . | + | .message-box { |
− | + | font-family: Verdana, Arial, Helvetica, sans-serif; | |
− | + | font-size: 11px; | |
− | + | background-color:#EBFFEA; | |
− | + | border:1px solid #0BD200; | |
+ | color:#333333; | ||
+ | padding:8px; | ||
+ | margin:10px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 6px 6px; | ||
} | } | ||
− | + | .message-box a:link, .message-box a:active, .message-box a:visited { | |
− | . | + | color:#990000; |
− | . | + | text-decoration:none; |
− | + | border-bottom:1px solid #cccccc; | |
− | |||
} | } | ||
− | + | .message-box a:hover { | |
− | + | color:#990000; | |
− | + | text-decoration:none; | |
− | + | border-bottom:1px solid #990000; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | .message-success { | |
− | . | + | font-weight: bold; |
− | + | border:1px solid #8FD500; | |
− | + | background-color:#F2FFD7; | |
− | + | background-image: url(images/32px-Dialog-ok-apply.svg.png); | |
− | + | padding-left: 32px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .message-failure { | |
− | # | + | font-weight: bold; |
− | + | color: #990000; | |
− | + | border:1px solid #DD3C10; | |
+ | background-color:#FFEBE8; | ||
+ | background-image: url(images/32px-Dialog-error.svg.png); | ||
+ | padding-left: 32px; | ||
} | } | ||
− | + | .message-warning { | |
− | + | font-weight: bold; | |
− | + | color:#FF6633; | |
− | + | border: 1px solid #ff9900; | |
− | + | background-color:#fbf8c7; | |
− | + | background-image: url(images/32px-Dialog-warning.svg.png); | |
− | + | padding-left: 32px; | |
} | } | ||
− | . | + | .message-box .message-normal { |
− | . | + | font-weight:normal; |
− | + | color: #333; | |
+ | background-image: url(images/32px-Dialog-information.svg.png); | ||
+ | padding-left: 32px; | ||
} | } | ||
− | /* | + | /** Declare the @font-face rules used on the Font page*/ |
− | + | @font-face { | |
− | + | font-family: 'gillius-adf', gillius-sans, sans-serif; | |
− | + | src: local ('gillius adf'), | |
− | + | local ('gillius ADF', | |
− | + | url('/usr/local/share/fonts/GilliusADF-Regular.otf') format('opentype'); | |
− | + | font-weight: normal; | |
− | + | font-style: normal; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /** declare a class to apply the font-family */ | |
− | + | .slogan { | |
− | + | font-family: gillius-adf; | |
− | |||
} | } | ||
− | /* | + | /** styles for Bootstrap -- not sure if these are overrides */ |
− | + | .jumbotron { | |
− | + | background-image: url(https://freephile.org/w/images/f/f5/Mt_blanc.jpg); | |
− | |||
− | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | background-position: -600px -400px; | ||
+ | color: white; | ||
} | } | ||
− | + | .jumbotron a:link {color:white; background:#2963A2; text-decoration:underline;} | |
− | + | .jumbotron a:visited {color:gray; background:#2963A2; text-decoration:underline;} | |
− | + | .jumbotron a:hover {color:white; background:#2963A2; text-decoration:none; font-weight:bold;} | |
− | + | .jumbotron a:active {color:green; background:#2963A2; text-decoration:none;} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | a | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Latest revision as of 09:40, 14 July 2023
/** CSS placed here will be applied to all skins */
/** make lists more like Microsoft Word
https://www.mediawiki.org/wiki/Help:Lists#Site-wide */
.mw-body ol {
list-style-type:decimal;
}
.mw-body ol li > ol {
list-style-type:lower-alpha;
}
.mw-body ol li > ol li > ol {
list-style-type:lower-roman
}
/**
* Adaptions for the main table class
*/
table.smworgtable-v2 {
background-color: #fff;
border: 1px solid #5e9dc8;
margin: 0 0 0.5em 1em;
padding: 0;
-moz-border-radius: 3px;
border-radius: 3px;
}
table.smworgtable-v2 tr {
background-color: #ffffff;
}
table.smworgtable-v2 td {
padding: 5px;
vertical-align: top !important;
}
table.smworgtable-v2 th {
background-color: #5e9dc8;
border: 0px;
padding: 3px;
font-size: 100%;
font-weight: normal;
font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
color: #ffffff;
vertical-align: top !important;
}
table.smworgtable-v2 th a {
color: #ffffff;
}
table.smworgtable-v2 th.smworange {
background-color: #f5f5f5;
}
table.smworgtable-v2-toc th a {
color: #0c2c52;
}
#smworgtable-v2-toc #toc.toc {
text-indent: -15px;
margin-left: 15px;
font-size: 110%;
}
#smworgtable-v2-toc #toc {
border: 0px solid #aaaaaa;
background-color: #ffffff;
font-size: 100%;
width: 230px;
}
#smworgtable-v2-toc.smworgtable-v2-toc th a {
color: #5e9dc8;
}
// hide the upload file link in 'Tools'
// for some reason, had no effect in testing?!
/** #t-upload {display:none;} */
// fix google maps little man in responsive skin
.gm-style img { max-width: none; }
// styles for 'message boxes'
.message-box {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#EBFFEA;
border:1px solid #0BD200;
color:#333333;
padding:8px;
margin:10px;
background-repeat: no-repeat;
background-position: 6px 6px;
}
.message-box a:link, .message-box a:active, .message-box a:visited {
color:#990000;
text-decoration:none;
border-bottom:1px solid #cccccc;
}
.message-box a:hover {
color:#990000;
text-decoration:none;
border-bottom:1px solid #990000;
}
.message-success {
font-weight: bold;
border:1px solid #8FD500;
background-color:#F2FFD7;
background-image: url(images/32px-Dialog-ok-apply.svg.png);
padding-left: 32px;
}
.message-failure {
font-weight: bold;
color: #990000;
border:1px solid #DD3C10;
background-color:#FFEBE8;
background-image: url(images/32px-Dialog-error.svg.png);
padding-left: 32px;
}
.message-warning {
font-weight: bold;
color:#FF6633;
border: 1px solid #ff9900;
background-color:#fbf8c7;
background-image: url(images/32px-Dialog-warning.svg.png);
padding-left: 32px;
}
.message-box .message-normal {
font-weight:normal;
color: #333;
background-image: url(images/32px-Dialog-information.svg.png);
padding-left: 32px;
}
/** Declare the @font-face rules used on the Font page*/
@font-face {
font-family: 'gillius-adf', gillius-sans, sans-serif;
src: local ('gillius adf'),
local ('gillius ADF',
url('/usr/local/share/fonts/GilliusADF-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
/** declare a class to apply the font-family */
.slogan {
font-family: gillius-adf;
}
/** styles for Bootstrap -- not sure if these are overrides */
.jumbotron {
background-image: url(https://freephile.org/w/images/f/f5/Mt_blanc.jpg);
background-repeat: no-repeat;
background-position: -600px -400px;
color: white;
}
.jumbotron a:link {color:white; background:#2963A2; text-decoration:underline;}
.jumbotron a:visited {color:gray; background:#2963A2; text-decoration:underline;}
.jumbotron a:hover {color:white; background:#2963A2; text-decoration:none; font-weight:bold;}
.jumbotron a:active {color:green; background:#2963A2; text-decoration:none;}