MediaWiki:Chameleon.css: Difference between revisions
No edit summary |
No edit summary |
||
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
@import url( | @import url("https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap|Open+Sans|Patua+One"); | ||
body { | body { | ||
Line 19: | Line 18: | ||
background-size: contain; | background-size: contain; | ||
height: 129px; | height: 129px; | ||
margin-bottom: | margin-bottom: 30px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
Line 45: | Line 44: | ||
text-align: center; | text-align: center; | ||
color: #000000; | color: #000000; | ||
margin-bottom: | margin-bottom: 30px; | ||
} | } | ||
/* headings */ | |||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
font-family: 'Asap'; | font-family: 'Asap'; | ||
Line 55: | Line 55: | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
color: #333; | color: #333; | ||
} | |||
.mw-parser-output h2 { | |||
margin-top:1.5rem; | |||
margin-bottom:1rem; | |||
} | |||
.mw-parser-output .main-page h2 { | |||
margin-top:0; | |||
margin-bottom:0; | |||
} | } | ||
Line 61: | Line 71: | ||
} | } | ||
h4 { | |||
font-weight:bold; | |||
font-size: 16px; | |||
} | |||
/* buttons */ | |||
#ca-edit.btn-primary:not(:active):not(:hover) { | |||
background: white !important; | |||
} | |||
/* table of contents */ | |||
.toc { | .toc { | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
Line 87: | Line 108: | ||
/* links */ | |||
.mw-body a.external:link, | .mw-body a.external:link, | ||
.mw-body a:link { | .mw-body a:link { | ||
Line 103: | Line 125: | ||
/* nav */ | |||
.nav { | .nav { | ||
font-family: 'Patua One'; | font-family: 'Patua One'; | ||
Line 115: | Line 138: | ||
} | } | ||
/* misc */ | |||
img.responsive-image { width: 100% !important; height: auto !important; } | img.responsive-image { width: 100% !important; height: auto !important; } | ||
.thumbcaption { | .thumbcaption { | ||
font-size:10pt; | font-size:10pt; | ||
} | |||
/* to properly position anchor targets */ | |||
:target::before { | |||
content: ""; | |||
display: block; | |||
height: 60px; /* fixed header height*/ | |||
margin: -60px 0 0; /* negative fixed header height */ | |||
} | |||
:target { | |||
padding-top: 60px; | |||
} | |||
.mw-editsection { | |||
z-index:100; | |||
} | |||
#centralNotice, .mw-dismissable-notice, .anon .siteNotice { | |||
position: relative; | |||
margin-bottom: 1rem; | |||
border-color: #bee5eb; | |||
color: #222; | |||
background-color: #fff4e4; | |||
border: 3px dashed #222; | |||
border-radius: 0; | |||
padding: 10px; | |||
font-size: 16px; | |||
overflow: hidden; | |||
} | |||
.mw-dismissable-notice-close { | |||
color: grey; | |||
margin-left: 20px; | |||
} | |||
.sitedir-ltr .mw-dismissable-notice-body { | |||
margin: 0; | |||
} | } |
Latest revision as of 13:12, 25 April 2022
@import url("https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap|Open+Sans|Patua+One"); body { font-family: 'Open Sans'; font-size: 13pt; } .welcome-header { background-image: url(/images/2/21/Brush_s_objects%401x.png); text-align:center; font-size: 36px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: 0.2px; color: #ffffff; background-repeat: no-repeat; background-size: contain; height: 129px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width:576px) { .welcome-header { background-image: none; color: #000; } img.responsive-image { display: none; } } .welcome-text { font-family: Asap; font-size: 18px; font-weight: bold; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #000000; margin-bottom: 30px; } /* headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Asap'; } h1, h2 { border-bottom: 1px solid #ccc; color: #333; } .mw-parser-output h2 { margin-top:1.5rem; margin-bottom:1rem; } .mw-parser-output .main-page h2 { margin-top:0; margin-bottom:0; } h3 { /*color: #0394a6;*/ } h4 { font-weight:bold; font-size: 16px; } /* buttons */ #ca-edit.btn-primary:not(:active):not(:hover) { background: white !important; } /* table of contents */ .toc { border: 1px solid #ccc; border-radius: 5px; background-color: #f8f9fa; padding: 0 10px 10px 10px; font-size: 11pt; } .toc h2 { color: #444; font-size: 12pt; } .tocnumber { color: #444; } .toclevel-2 { text-indent: 15px; } .toclevel-3 { text-indent: 30px; } /* links */ .mw-body a.external:link, .mw-body a:link { /*color: #0394a6;*/ /*text-decoration: underline;*/ } div.toc a:link { text-decoration: none; } div.toc a:link .new { color: red; } /* nav */ .nav { font-family: 'Patua One'; } .navbar-nav > li:first-child { border-right: 1px solid #ddd; } .navbar-default .navbar-nav > li:first-child > a { color: #333; } /* misc */ img.responsive-image { width: 100% !important; height: auto !important; } .thumbcaption { font-size:10pt; } /* to properly position anchor targets */ :target::before { content: ""; display: block; height: 60px; /* fixed header height*/ margin: -60px 0 0; /* negative fixed header height */ } :target { padding-top: 60px; } .mw-editsection { z-index:100; } #centralNotice, .mw-dismissable-notice, .anon .siteNotice { position: relative; margin-bottom: 1rem; border-color: #bee5eb; color: #222; background-color: #fff4e4; border: 3px dashed #222; border-radius: 0; padding: 10px; font-size: 16px; overflow: hidden; } .mw-dismissable-notice-close { color: grey; margin-left: 20px; } .sitedir-ltr .mw-dismissable-notice-body { margin: 0; }