Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 16:59, 19 October 2021

/* CSS placed here will be applied to all skins */

.color-left { background: #006c66; }
.color-middle { background: #006c66; }
.color-right { background: #006c66; }

@font-face {
    font-family: 'Merriweather';
    src: url('resources/fonts/Merriweather-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather';
    src: url('resources/fonts/Merriweather-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('resources/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('resources/fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

body {
    background: #006c66;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.7em;
}

#footer { max-height: 200px; }

#p-logo-text a {
    padding: 0.3em 1em 0.2em;
    color: #006C66;
    font-family: 'Merriweather';
    font-variant: none;
    font-size: 1.4em;
    display: block;
    text-decoration: none!important;
}

#p-logo-text a:hover {
    text-decoration: none!important;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: 'Merriweather', serif;
    color: #006C66;
}

#mw-site-navigation h2, #mw-related-navigation h2 { font-family: 'Merriweather', serif; }

.mw-body h1.firstHeading {
    border-bottom: solid 4px #006C66 !important;
}

.mw-body .toctitle h2 {
    font-family: 'Roboto', sans-serif;
    color: #000000;
}

@media screen and (min-width: 851px) and (max-width: 1099px)
#mw-site-navigation h2, #mw-related-navigation h2 { font-family: 'Merriweather',serif; }

.mw-footer-container {
    border-top: solid 1px #00786c;
    box-shadow: inset 0 7px 2px -4px rgb(0 0 0 / 10%);
    color: #ffffff;
}

#mw-site-navigation .sidebar-chunk h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #777;
    text-transform: uppercase;
}

#mw-related-navigation .sidebar-chunk h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #777;
    text-transform: uppercase;
}

#mw-site-navigation .sidebar-chunk .mw-portlet-body a {
    color: #333333;
    text-decoration: none!important;
}

#mw-site-navigation .sidebar-chunk .mw-portlet-body a:hover {
    color: #777777;
    text-decoration: none!important;
}

#mw-site-navigation .sidebar-chunk li:hover {
    background-color:#EEEEEE;
    outline:0
    text-decoration: none!important;
    max-width: 100%;
}

#mw-related-navigation .sidebar-chunk .mw-portlet-body a {
    color: #333333;
    text-decoration: none!important;
}

#mw-related-navigation .sidebar-chunk .mw-portlet-body a:hover {
    color: #777777;
    text-decoration: none!important;
}

#mw-related-navigation .sidebar-chunk li:hover {
    background-color:#EEEEEE;
    outline:0
    text-decoration: none!important;
    max-width: 100%;
}

.toctogglelabel {
    color: #006c66;
}

a {
    color: #006c66;
    text-decoration-thickness: 1px;
    text-decoration-style: dotted;
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: -0.1em;
}

a:hover {
    color: #00201e;
    text-decoration: underline;
}

a:visited {
    color: #005555;
    text-decoration: none;
}

.tocnumber { display: none; }

.mw-body h1.firstHeading {
    margin: 0.25em 0 0.5em;
    border-bottom: solid 4px #537885;
}

#mw-header-hack { display:none!important; }

.mw-whatlinkshere-tools { display:none!important; }

#mw-content-container {
    background: #EEEEEE;
    border-bottom: solid 4px #00786c;
    background-repeat: no-repeat;
    background-position: center 10em;
}

#mw-site-navigation .sidebar-chunk {
    background: #F6F6F6;
}

#mw-related-navigation .sidebar-chunk {
    background: #F6F6F6;
}

ul#filetoc, .toc, .toccolours, .mw-warning {
    background: #f6f6f6;
}

#ca-nstab-main { display: none !important; }
#ca-watch { display: none !important; }
#ca-unwatch { display: none !important; }
#ca-talk { display: none !important; }
#ca-history { display: none !important;}
/* #p-banner { display: none !important;} */
#t-info { display: none !important;}
#t-pagelog { display: none !important;}
#t-permalink { display: none !important;}
#t-recentchangeslinked { display: none !important;}
#footer-info-lastmod { display: none !important;}
.mw-body .mw-search-profile-tabs { display: none !important; }
.mw-body fieldset#mw-searchoptions { display: none !important; }
/* .mw-redirectedfrom { display: none !important; } */
#site-tools { display: none !important; }
#ca-nstab-special { display: none !important; }
#p-userpagetools { display: none !important; }
#catlinks-sidebar { display: none !important; }
/* #p-cactions { display: none !important; } */
#p-views { display: none !important; }
.toctogglespan { display: none !important; }
/* #user-tools { display: none !important; } */
#page-tools { display: none !important; }
#personal { display: none !important; }
#p-pagemisc { display: none !important; }
#catlinks { display: none !important; }
#ca-purge { display: none !important; }
#ca-more { display: none !important; }

/* A–Z Liste */
.srf-listwidget-navigation .ln-letters { font-size: 1.2em; }
.srf-listwidget-navigation .ln-letters a._.ln-disabled { display: none !important; }
.srf-listwidget-navigation .ln-letters a.ln-last { display: none !important; }
.srf-listwidget-navigation .ln-letter-count { display: none !important; }
.srf-listwidget-navigation .ln-letters a { border: 0px solid #DDD; border-right: 1px solid #DDD; width: 0.63em; }
.srf-listwidget-navigation .ln-letters a.z {     border-right: 0px solid #DDD; }
/* .srf-listwidget-navigation a, .ellipse { border: none !important; border-right: 1px solid #DDD; } */

.mw-search-results { max-width: 100%; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #006c66; border-color: #006c66; }
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #00786c; border-color: #00786c; }

.smw-column-header {
    font-family: 'Merriweather',serif;
    color: #006C66;
    font-size: 1.6em;
    font-weight: normal;
    margin-top: 0em;
}

/*What links here */
form:not(.oo-ui-layout) fieldset { display: none !important; }
div#mw-content-text fieldset { display: none !important; }

/* iframePage */
#iframeframe { height: 6em; }