MediaWiki:Common.css
From Anemos wiki
Revision as of 12:15, 3 November 2022 by Anemosadmin (talk | contribs)
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
body {
background-color: #fff;
font-family: 'Rubik', 'Roboto', 'Helvetica', sans-serif;
}
#mw-page-base {
background-color: #fff;
background-image: none;
}
.vector-menu-tabs li a {
color: #00adee;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
}
a.new, #p-personal a.new {
color: black;
}
a, .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited, .portal .body li a:visited, .vector-menu-portal .body li a:visited, .portal .body li a, .vector-menu-portal .body li a, a:visited {
color: #00adee;
}
.vector-menu-tabs li {
background-image: none;
background: white;
}
.vector-menu-tabs .selected, .vector-menu-tabs li:hover {
background-image: none;
background: #00adee;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, .vector-menu-tabs a:hover, .vector-menu-tabs .new a:hover {
color: white;
text-decoration: none;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
margin-bottom: 0.25em;
padding: 0;
font-family: 'Rubik', sans-serif;
line-height:1.3;
font-weight: 100; /*normal */
}
.mw-body-content {
font-family: 'Rubik', sans-serif;
font-size: 0.875em;
font-size: calc(1em * 0.875);
line-height:1.6
}
#p-logo a {
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 9.5em;
height: 160px;
text-decoration: none;
}
/* this is the sidebar menu text */
/*
#mw-panel {
font-size: 1em;
font-family: 'Rubik', sans-serif;
font-weight: 100;
}
*/
#mw-panel {
font-size: 18px;
font-family: 'Rubik',sans-serif;
font-weight: 400;
}
/**
----------------------------------
TimeLess SKIN modifications
----------------------------------
*/
#mw-header-nav-hack, #mw-header-hack, #p-banner {
display: none !important;
}
.mw-body-content {
font-size: calc(1em * 0.9);
}
.ts-inner {
max-width: none;
}
/*#mw-content {
border: solid #00adee;
border-width: 1px;
box-shadow: none;
}*/
#mw-content-container {
background: white;
border-bottom: none;
background-image: none;
}
.mw-body h1.firstHeading {
border-width: 0px 0px 2px 0px;
border-style: solid;
border-image: linear-gradient(to left, white, #00adee, white) 1;
}
.tools-inline li {
border-bottom: solid 2px transparent;
}
.tools-inline li.selected, .tools-inline li:hover {
border:1px;
border-style: hidden hidden solid hidden;
border-image: linear-gradient(to left, white, #00adee, white) 1;
border-bottom-color: none;
}
.new a:hover, a.new:hover, a.new:visited:hover, .new a:visited:hover, .mw-footer-container, .tools-inline li a:hover {
color: #000000;
}
.mw-footer-container a, .mw-footer-container a:visited, a.new, .new a, a.new:visited, .new a:visited {
color: #00adee;
}
.mw-footer-container {
border-top: none;
box-shadow: inset 0 5px 2px -4px rgba(0,0,0,0.1);
}
.mw-footer ul, .mw-footer li {
padding: 5px;
margin: 0px;
}
#personal h2, #mw-related-navigation h2, #mw-site-navigation h2, h1, h2, h3, h4, h5, h6, h7, h8, h9 {
font-family: 'Rubik', 'Roboto', 'Helvetica', sans-serif !important;
}
#personal h2 {
font-size: 1em;
color: #00adee;
}
#simpleSearch {
box-shadow: none;
border: solid 1px #E9E9E9;
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
border:1px;
border-style: hidden hidden solid hidden;
border-image: linear-gradient(to left, white, #00adee, white) 1;
}
@media screen and (min-width: 1100px) {
#mw-site-navigation .sidebar-chunk , #mw-related-navigation .sidebar-chunk {
border: none;
box-shadow: none;
background: transparent;
padding: 1em 1em 0;
}
#mw-related-navigation {
flex: 0 0 14em;
}
#mw-site-navigation {
margin-top: -40px;
}
#user-tools {
min-width: 14em;
}
#mw-header-container {
position: unset;
min-height: auto;
}
}
#ca-talk a, .client-js #ca-edit a {
padding: 0 2px 0 25px;
}
.tools-inline li[id^="ca-nstab-"] a, #ca-history a, #ca-viewsource a {
padding: 0 2px 0 22px;
}
#p-logo a {
width: 185px;
height: 195px;
}
.mw-wiki-logo.timeless-logo img {
width: auto;
margin: 0px;
}
.mw_metadata, .mw-datatable, .wikitable {
border-color: #8ddaf8;
box-shadow: none;
}
.mw_metadata > tr > th, .mw-datatable > tr > th, .wikitable > tr > th, .mw_metadata > * > tr > th, .mw-datatable > * > tr > th, .wikitable > * > tr > th {
color: white;
background-color: #00adee;
border: 1px solid #8ddaf8;
}
.mw_metadata > tr > td, .mw-datatable > tr > td, .wikitable > tr > td, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td {
color: black;
font-weight: bold;
background: white;
border: 1px solid #8ddaf8;
}
.mw-wiki-logo {
margin: 0 auto;
}
#footer-info-lastmod {
color: #797D82;
font-size: 14px;
}
.gallerytext p {
margin: 0.2em 0em 2em 0em;
}
@media screen and (min-width: 850px) {
#footer-info-lastmod {
position: absolute;
right: 7px;
padding-top: 8px;
}
#footer-list {
display: flex;
}
}
@media screen and (max-width: 850px) {
#footer-list {
display: flex;
flex-direction: column;
}
#footer-info {
order: 2;
display: flex;
flex-direction: column;
}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
#mw-content, #content-bottom-stuff {
margin-left: 14em;
margin-top: 40px;
}
}
.thumbinner {
background: none;
border: solid #eaecf0;
border-width: 1px 1px /*0.1em*/;
padding: 1.25em 1.25em /*1.75em*/;
box-shadow: none;
padding: 0.75em;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.mw-body li.gallerybox div.thumb {
background: none;
border: solid #eaecf0;
border-width: 1px 1px 0.2em;
padding: 1.25em 1.75em;
box-shadow: none;
padding: 0;
}