MediaWiki:Common.css: Difference between revisions
From Freephile Wiki
No edit summary |
extract messagebox template styles to use TemplateStyles css in the template namespace |
||
(7 intermediate revisions by the same user 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 it so the search box does not collapse (Chameleon-only?) */ | |||
@media (min-width: 768px) { | |||
.p-search { | |||
width: max-content; | |||
} | |||
} | |||
/** 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 | |||
} | |||
/** | /** | ||
Line 9: | Line 29: | ||
margin: 0 0 0.5em 1em; | margin: 0 0 0.5em 1em; | ||
padding: 0; | padding: 0; | ||
-moz-border-radius: | -moz-border-radius: 3px; | ||
border-radius: | border-radius: 3px; | ||
} | } | ||
table.smworgtable-v2 tr { | table.smworgtable-v2 tr { | ||
Line 53: | Line 73: | ||
} | } | ||
/** fix google maps little man in responsive skin */ | |||
/ | |||
.gm-style img { max-width: none; } | .gm-style img { max-width: none; } | ||
/** Declare the @font-face rules used on the Font page | |||
using the Fontspring bulletproof syntax | |||
*/ | |||
/** Declare the @font-face rules used on the Font page*/ | |||
@font-face { | @font-face { | ||
font-family: 'gillius-adf' | font-family: 'gillius-adf'; | ||
src: local | src: url('/usr/local/share/fonts/GilliusADF-Regular.eot'); /* IE9 Compat Modes */ | ||
src: url('/usr/local/share/fonts/GilliusADF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ | |||
url('/usr/local/share/fonts/GilliusADF-Regular.woff2') format('woff2'), /* Super Modern Browsers */ | |||
url('/usr/local/share/fonts/GilliusADF-Regular.woff') format('woff'), /* Modern Browsers */ | |||
url('/usr/local/share/fonts/GilliusADF-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ | |||
url('/usr/local/share/fonts/GilliusADF-Regular.svg#GilliusADF-Regular') format('svg'); /* Legacy iOS */ | |||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; |
Latest revision as of 16:13, 3 September 2025
/** CSS placed here will be applied to all skins */
/** Make it so the search box does not collapse (Chameleon-only?) */
@media (min-width: 768px) {
.p-search {
width: max-content;
}
}
/** 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;
}
/** fix google maps little man in responsive skin */
.gm-style img { max-width: none; }
/** Declare the @font-face rules used on the Font page
using the Fontspring bulletproof syntax
*/
@font-face {
font-family: 'gillius-adf';
src: url('/usr/local/share/fonts/GilliusADF-Regular.eot'); /* IE9 Compat Modes */
src: url('/usr/local/share/fonts/GilliusADF-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/usr/local/share/fonts/GilliusADF-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/usr/local/share/fonts/GilliusADF-Regular.woff') format('woff'), /* Modern Browsers */
url('/usr/local/share/fonts/GilliusADF-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/usr/local/share/fonts/GilliusADF-Regular.svg#GilliusADF-Regular') format('svg'); /* Legacy iOS */
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;}