Common.css: Difference between revisions
An Avatar.Global Resource
mNo edit summary |
No edit summary |
||
(194 intermediate revisions by 3 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 */ | ||
. | b {font-weight:600;} | ||
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; | display:none; | ||
} | } | ||
h1.customtitle { | |||
margin-top:-30px; | |||
} | |||
.collapsible-header { | |||
display:block; | |||
margin-bottom:16px !important; | |||
} | |||
span.mw-headline { | |||
margin-bottom:16px !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 | |||
{ | { | ||
padding: 15px; | position: absolute; | ||
border: 1px solid #eee; | 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; | |||
font-size:11pt; | |||
} | |||
.second-level-menu | |||
{ | |||
position: absolute; | |||
top: 27px; | |||
left: 0; | |||
list-style: none; | |||
padding: 0; | |||
margin: 0; | |||
display: none; | |||
} | |||
.second-level-menu > li | |||
{ | |||
position: relative; | |||
height: 40px; | |||
background: #adadad; | |||
margin-bottom:0px; | |||
margin-top:0px; | |||
width: 250px; | |||
padding-left:10px; | |||
padding-right:10px; | |||
font-size:11pt; | |||
} | |||
.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; | |||
font-size:11pt; | |||
} | |||
.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, p {font-family: "Noto", serif} | |||
div#content h1, div#content h2, div#content h3, div#content h4 { | |||
font-family: "Noto Sans", sans !important; | |||
} | |||
div#content p, div#content li { | |||
line-height:2; | |||
font-family: "Noto", serif | |||
font-size:12pt; | |||
} | |||
div#content li { | |||
line-height:1.8; | |||
} | |||
div#content h1 { | |||
font-weight:600 !important; | |||
font-size:28px !important; | |||
} | |||
div#content h2 { | |||
font-weight:600 !important; | |||
font-size:20px !important; | |||
} | |||
div#content h3 { | |||
font-weight:600 !important; | |||
font-size:18px !important; | |||
} | |||
div#content h3 { | |||
font-weight:bold; | |||
font-size:14px !important; | |||
} | |||
/* PIVOT THEME */ | |||
/* Custom colors - top bar*/ | |||
.tab-bar { | |||
background: #517e9f; | |||
background: ##fafffa; | |||
} | |||
/* 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 13:23, 19 March 2025
/* CSS placed here will be applied to all skins */ b {font-weight:600;} 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:16px !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; font-size:11pt; } .second-level-menu { position: absolute; top: 27px; left: 0; list-style: none; padding: 0; margin: 0; display: none; } .second-level-menu > li { position: relative; height: 40px; background: #adadad; margin-bottom:0px; margin-top:0px; width: 250px; padding-left:10px; padding-right:10px; font-size:11pt; } .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; font-size:11pt; } .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, p {font-family: "Noto", serif} div#content h1, div#content h2, div#content h3, div#content h4 { font-family: "Noto Sans", sans !important; } div#content p, div#content li { line-height:2; font-family: "Noto", serif font-size:12pt; } div#content li { line-height:1.8; } div#content h1 { font-weight:600 !important; font-size:28px !important; } div#content h2 { font-weight:600 !important; font-size:20px !important; } div#content h3 { font-weight:600 !important; font-size:18px !important; } div#content h3 { font-weight:bold; font-size:14px !important; } /* PIVOT THEME */ /* Custom colors - top bar*/ .tab-bar { background: #517e9f; background: ##fafffa; } /* 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; }