Difference between revisions of "MediaWiki:Common.css"
From The SpiritWiki
m |
|||
(69 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 */ | ||
#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;} | |||
/* MENUING */ | |||
#coolMenu, | |||
#coolMenu ul { | |||
list-style: none; | |||
} | |||
#coolMenu li p { | |||
margin-top:12px; | |||
} | |||
#coolMenu { | |||
float: left; | |||
width:100%; | |||
margin-bottom:20px; | |||
margin-left:0px; | |||
border-bottom: 1px dotted black | |||
} | |||
#coolMenu > li { | |||
float: left; | |||
} | |||
#coolMenu li a { | |||
display: block; | |||
height: 2em; | |||
line-height: 2em; | |||
text-decoration: none; | |||
padding:10px 12px 10px 12px; | |||
} | |||
#coolMenu ul { | |||
position: absolute; | |||
display: none; | |||
z-index: 999; | |||
} | |||
#coolMenu ul li a { | |||
padding-left:0px; | |||
width:max-content; | |||
} | |||
#coolMenu ul.submenu { | |||
position: absolute; | |||
display: none; | |||
z-index: 999; | |||
} | |||
#coolMenu ul.subsubmenu { | |||
position: absolute; | |||
display: none; | |||
z-index: 999; | |||
} | |||
#coolMenu ul.submenuvert { | |||
position: absolute; | |||
display: none; | |||
z-index: 999; | |||
} | |||
#coolMenu li:hover ul.submenu { | |||
display: block; | |||
display:flex; | |||
} | |||
#coolMenu li:hover ul.submenuvert { | |||
display:block; | |||
} | |||
#coolMenu ul.submenu li:hover ul.subsubmenu { | |||
display: block; | |||
} | |||
/* Main Menu */ | |||
#coolMenu { | |||
font-family: Arial; | |||
font-size: 12px; | |||
background: #ebfceb; | |||
} | |||
#coolMenu > li > a { | |||
color: #222; | |||
font-weight: 400; | |||
} | |||
#coolMenu li:hover > a { | |||
background: #e5f6e5; | |||
color: #000; | |||
} | |||
/* Submenu | |||
------------------------------------------*/ | |||
#coolMenu ul.submenu { | |||
background: #e5f6e5; | |||
margin-top:-2px; | |||
} | |||
#coolMenu ul.submenuvert { | |||
background: #e5f6e5; | |||
padding-left:0px; | |||
} | |||
#coolMenu ul.submenu li:hover a { | |||
background: #e5f6e5; | |||
} | |||
#coolMenu ul.subsubmenu { | |||
background: #daebda; | |||
margin-top:-2px; | |||
} | |||
#coolMenu ul.subsubmenu li:hover a { | |||
background: #daebda; | |||
} | |||
#coolMenu ul li a { | |||
color: #000; | |||
padding:8px; | |||
} | |||
/* submenu positioning */ | |||
ul.submenu:nth-child(2) {margin-left:0px;} | |||
ul.submenu:nth-child(3) {margin-left:0px;} | |||
ul.submenu:nth-child(4) {margin-left:-20px;} | |||
ul.submenu:nth-child(5) {margin-left:-30px;} | |||
ul.submenu:nth-child(6) {margin-left:-60px;} | |||
ul.submenu:nth-child(7) {margin-left:-40px;} | |||
/* MENUING end */ | |||
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: 14px 16px; | |||
text-decoration: none; | |||
transition: .8s background-color; | |||
} | |||
div.nav ul { | div.nav ul { | ||
Line 8: | Line 170: | ||
overflow: hidden; | overflow: hidden; | ||
background-color: #fafffa; | background-color: #fafffa; | ||
border-bottom: 1px solid #888 | |||
} | } | ||
div.nav li { | div.nav li { | ||
float: left; | float: left; | ||
; | |||
} | } | ||
Line 20: | Line 184: | ||
padding: 14px 16px; | padding: 14px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
transition: .8s background-color; | |||
} | } | ||
div.nav ul a:hover:not(.active) { | div.nav ul a:hover:not(.active) { | ||
background-color: # | background-color: #f3fff3; | ||
} | } | ||
Line 42: | Line 207: | ||
blockquote.definition, div.definition { | |||
{ | padding: 5px; | ||
padding: | |||
border: 1px solid #eee; | border: 1px solid #eee; | ||
margin-top:52px; | |||
margin-left:2px;margin-right:2px; | |||
} | } | ||
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif") | @import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif") | ||
Latest revision as of 03:18, 21 February 2020
/* CSS placed here will be applied to all skins */ #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;} /* MENUING */ #coolMenu, #coolMenu ul { list-style: none; } #coolMenu li p { margin-top:12px; } #coolMenu { float: left; width:100%; margin-bottom:20px; margin-left:0px; border-bottom: 1px dotted black } #coolMenu > li { float: left; } #coolMenu li a { display: block; height: 2em; line-height: 2em; text-decoration: none; padding:10px 12px 10px 12px; } #coolMenu ul { position: absolute; display: none; z-index: 999; } #coolMenu ul li a { padding-left:0px; width:max-content; } #coolMenu ul.submenu { position: absolute; display: none; z-index: 999; } #coolMenu ul.subsubmenu { position: absolute; display: none; z-index: 999; } #coolMenu ul.submenuvert { position: absolute; display: none; z-index: 999; } #coolMenu li:hover ul.submenu { display: block; display:flex; } #coolMenu li:hover ul.submenuvert { display:block; } #coolMenu ul.submenu li:hover ul.subsubmenu { display: block; } /* Main Menu */ #coolMenu { font-family: Arial; font-size: 12px; background: #ebfceb; } #coolMenu > li > a { color: #222; font-weight: 400; } #coolMenu li:hover > a { background: #e5f6e5; color: #000; } /* Submenu ------------------------------------------*/ #coolMenu ul.submenu { background: #e5f6e5; margin-top:-2px; } #coolMenu ul.submenuvert { background: #e5f6e5; padding-left:0px; } #coolMenu ul.submenu li:hover a { background: #e5f6e5; } #coolMenu ul.subsubmenu { background: #daebda; margin-top:-2px; } #coolMenu ul.subsubmenu li:hover a { background: #daebda; } #coolMenu ul li a { color: #000; padding:8px; } /* submenu positioning */ ul.submenu:nth-child(2) {margin-left:0px;} ul.submenu:nth-child(3) {margin-left:0px;} ul.submenu:nth-child(4) {margin-left:-20px;} ul.submenu:nth-child(5) {margin-left:-30px;} ul.submenu:nth-child(6) {margin-left:-60px;} ul.submenu:nth-child(7) {margin-left:-40px;} /* MENUING end */ 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: 14px 16px; 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: #f3fff3; } div.nav ul .active { background-color:#fafafa; } div.toc-mobile h2 { display:none } div.toc { display:none; } blockquote.definition, div.definition { padding: 5px; border: 1px solid #eee; margin-top:52px; margin-left:2px;margin-right:2px; } @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 */