Common.css: Difference between revisions
An Avatar.Global Resource
No edit summary |
No edit summary |
||
(47 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 */ | ||
div#mw-content-subtitle {display:none;} | |||
h1.title {display:none;} | |||
span.mw-page-title-main {display:none;} | |||
h3#tagline {display:none;} | |||
.mw-editsection { | .mw-editsection { | ||
display:none; | display:none; | ||
} | } | ||
h1.customtitle { | |||
margin-top:-30px; | |||
} | |||
.collapsible-header { | .collapsible-header { | ||
display:block; | display:block; | ||
Line 37: | Line 44: | ||
width: 150px; | width: 150px; | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0 0 0 10px; | ||
margin: 0; | margin: 0; | ||
display: none; | display: none; | ||
Line 45: | Line 52: | ||
{ | { | ||
height: 30px; | height: 30px; | ||
background: # | background: #adadad; | ||
padding-left:10px; | |||
} | } | ||
.second-level-menu | .second-level-menu | ||
{ | { | ||
position: absolute; | position: absolute; | ||
top: | top: 23px; | ||
left: 0; | left: 0; | ||
width: | width: 280px; | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0; | ||
Line 65: | Line 72: | ||
position: relative; | position: relative; | ||
height: 30px; | height: 30px; | ||
background: # | background: #adadad; | ||
margin-bottom:0px; | margin-bottom:0px; | ||
margin-top:0px; | margin-top:0px; | ||
width:180px; | |||
padding-left:10px; | |||
padding-right:10px; | |||
} | } | ||
.top-level-menu | .top-level-menu | ||
{ | { | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0 10px 0 10px; | ||
margin-left:-10px !important; | |||
margin-top:-100px !important; | |||
} | } | ||
Line 82: | Line 93: | ||
position: relative; | position: relative; | ||
float: left; | float: left; | ||
height: | height: 35px; | ||
color:#eee; | |||
background: #adadad; | |||
padding-left:10px; | |||
padding-right:10px; | padding-right:10px; | ||
} | } | ||
.top-level-menu li:hover > ul | .top-level-menu li:hover > ul | ||
Line 97: | Line 109: | ||
/* Menu Link Styles */ | /* Menu Link Styles */ | ||
.top-level-menu a /* Apply to all links inside the multi-level menu */ | ul.top-level-menu a /* Apply to all links inside the multi-level menu */ | ||
{ | { | ||
color: white; | |||
color: | |||
text-decoration: none; | text-decoration: none; | ||
padding: 0 | padding: .25em .5em .25em 0; | ||
/* Make the link cover the entire list item-container */ | /* Make the link cover the entire list item-container */ | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
.top-level-menu > li:hover { background: #CCCCCC; } | |||
.second-level-menu > li:hover { background: #CCCCCC; } | |||
.third-level-menu > li:hover { background: #CCCCCC; } | |||
.top-level-menu a:hover { color: #000000; } | .top-level-menu a:hover { color: #000000; } | ||
.second-level-menu a:hover { color: #000000;} | |||
.third-level-menu a:hover { color: #000000;} | |||
/* END ALT MENUING */ | /* END ALT MENUING */ | ||
/* | /* | ||
div.topnav ul { | div.topnav ul { | ||
Line 243: | Line 137: | ||
overflow: hidden; | overflow: hidden; | ||
background-color: #fffafa; | background-color: #fffafa; | ||
border-bottom: 1px solid #888 | |||
} | } | ||
Line 255: | Line 149: | ||
color: #222; | color: #222; | ||
text-align: center; | text-align: center; | ||
padding: | padding: 0 10px 0 10px; | ||
text-decoration: none; | text-decoration: none; | ||
transition: .8s background-color; | transition: .8s background-color; | ||
Line 286: | Line 180: | ||
div.nav ul a:hover:not(.active) { | div.nav ul a:hover:not(.active) { | ||
background-color: # | background-color: #adadad; | ||
} | } | ||
div.nav ul .active { | div.nav ul .active { | ||
background-color:# | background-color:#adadad; | ||
} | } | ||
Line 311: | Line 205: | ||
blockquote.definition, div.definition { | blockquote.definition, div.definition { | ||
margin-top:25px; | margin-top:30px; | ||
margin-bottom:25px; | |||
padding-top:0px; | padding-top:0px; | ||
padding-left: | padding-left:15px; | ||
clear:left; | clear:left; | ||
border: 1px solid # | border-left: 1px solid #adadad !important; | ||
display:block; | display:block; | ||
} | } | ||
Line 328: | Line 223: | ||
div#content h1, div#content h2 {font-family: "Noto Serif", serif} | div#content h1, div#content h2 {font-family: "Noto Serif", serif} | ||
/* changes the default font used for MediaWiki headings to Noto Serif */ | /* changes the default font used for MediaWiki headings to Noto Serif */ | ||
/* PIVOT THEME */ | |||
/* Custom colors - top bar*/ | |||
.tab-bar { | |||
background: #517e9f; | |||
} | |||
/* Navigation Labels on Sidebar */ | |||
/* style the labels */ | |||
ul.side-nav li ^ | |||
background:#123; | |||
ul.side-nav label { | |||
background: #eee; | |||
color: #333; | |||
padding: .25em .5em; | |||
} | |||
ul.side-nav a { | |||
color: #fff !important; | |||
} | |||
/* sidebar background color */ | |||
body { | |||
background-color: #adadad !important; | |||
} | |||
Main Body of Page Content | |||
/* controls the main body area styling */ | |||
#p-cactions { | |||
padding-top: 1.5em; | |||
padding-bottom: .5em; | |||
background-color: #f1fefe; | |||
border-left: 1px solid #ccc; | |||
border-right: 1px solid #ccc; | |||
} |
Revision as of 19:19, 17 March 2025
/* CSS placed here will be applied to all skins */ div#mw-content-subtitle {display:none;} h1.title {display:none;} span.mw-page-title-main {display:none;} h3#tagline {display:none;} .mw-editsection { display:none; } h1.customtitle { margin-top:-30px; } .collapsible-header { display:block; margin-bottom:16px !important; } span.mw-headline { margin-bottom:18px !important; } #mw-content h1.firstHeading { border-bottom: solid 1px #008b9c; } #mw-content h1, #mw-content h2 {border-bottom: solid 1px #008b9c;} .color-middle, .color-left, .color-right {color:#008b9c;background:#008b9c;} a {color:#008b9c;} a:hover {color:#cb4a3b;} li a.selflink {font-weight:bold !important;} .left80 {margin-left: -80px;} /* ALT MENUING */ /* Menu Styles */ .third-level-menu { position: absolute; top: 0; right: -150px; width: 150px; list-style: none; padding: 0 0 0 10px; margin: 0; display: none; } .third-level-menu > li { height: 30px; background: #adadad; padding-left:10px; } .second-level-menu { position: absolute; top: 23px; left: 0; width: 280px; list-style: none; padding: 0; margin: 0; display: none; } .second-level-menu > li { position: relative; height: 30px; background: #adadad; margin-bottom:0px; margin-top:0px; width:180px; padding-left:10px; padding-right:10px; } .top-level-menu { list-style: none; padding: 0 10px 0 10px; margin-left:-10px !important; margin-top:-100px !important; } .top-level-menu > li { position: relative; float: left; height: 35px; color:#eee; background: #adadad; padding-left:10px; padding-right:10px; } .top-level-menu li:hover > ul { /* On hover, display the next level's menu */ display: inline; } /* Menu Link Styles */ ul.top-level-menu a /* Apply to all links inside the multi-level menu */ { color: white; text-decoration: none; padding: .25em .5em .25em 0; /* Make the link cover the entire list item-container */ display: inline-block; } .top-level-menu > li:hover { background: #CCCCCC; } .second-level-menu > li:hover { background: #CCCCCC; } .third-level-menu > li:hover { background: #CCCCCC; } .top-level-menu a:hover { color: #000000; } .second-level-menu a:hover { color: #000000;} .third-level-menu a:hover { color: #000000;} /* END ALT MENUING */ /* div.topnav ul { list-style-type: none; margin: 0; margin-bottom:28px; padding: 0; overflow: hidden; background-color: #fffafa; border-bottom: 1px solid #888 } div.topnav li { float: left; ; } div.topnav li a { display: block; color: #222; text-align: center; padding: 0 10px 0 10px; text-decoration: none; transition: .8s background-color; } div.nav ul { list-style-type: none; margin: 0; margin-bottom:28px; padding: 0; overflow: hidden; background-color: #fafffa; border-bottom: 1px solid #888 } div.nav li { float: left; ; } div.nav li a { display: block; color: #222; text-align: center; padding: 14px 16px; text-decoration: none; transition: .8s background-color; } div.nav ul a:hover:not(.active) { background-color: #adadad; } div.nav ul .active { background-color:#adadad; } */ div.toc-mobile h2 { display:none; } div.toc { display:none; } div#toc { display:none; } blockquote.definition, div.definition { margin-top:30px; margin-bottom:25px; padding-top:0px; padding-left:15px; clear:left; border-left: 1px solid #adadad !important; display:block; } @import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif") body {font-family: "Noto Sans", sans-serif} /* changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text) */ div#content h1, div#content h2 {font-family: "Noto Serif", serif} /* changes the default font used for MediaWiki headings to Noto Serif */ /* PIVOT THEME */ /* Custom colors - top bar*/ .tab-bar { background: #517e9f; } /* Navigation Labels on Sidebar */ /* style the labels */ ul.side-nav li ^ background:#123; ul.side-nav label { background: #eee; color: #333; padding: .25em .5em; } ul.side-nav a { color: #fff !important; } /* sidebar background color */ body { background-color: #adadad !important; } Main Body of Page Content /* controls the main body area styling */ #p-cactions { padding-top: 1.5em; padding-bottom: .5em; background-color: #f1fefe; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }