MediaWiki:Common.css

From Anemos wiki
Revision as of 12:02, 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 #fff;
border-width: 0;
padding: 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;
}