Lakeus.css: Difference between revisions

Revision as of 13:36, 8 July 2025

/* All CSS here will be loaded for users of the Lakeus skin */


:root {
    --color-primary: #0077bb;
    --color-secondary: #ffffff;
    --color-neutral: #a2a9b1;
    --color-warning: #ffcc33;
    --color-error: #dd3333;
    --color-success: #14866d;
    --color-header: #333333;
    --color-link: #0077bb;
    --elevation: 0 2px 2px rgba( 0, 0, 0, 10% );
    --background-color-base: #FFF2E6;
    --color-link--visited: #004c8a;
    --color-link--active: #57a6ee;
    --color-link-new: #bb4400;
    --color-link-new--visited: #840f00;
    --color-link-new--active: #f47334;
    --color-link-external: #006eb1;
    --color-link-external--visited: #004481;
    --color-link-external--active: #559ce3;
    --header-elevation: inset 0px -5px 0px 0px #08c;
    --text-color-header: #ffffff;
    --icon-filter-header: invert(1) hue-rotate(180deg);
    --background-color-search-suggestions-current: #0077bb;
    --background-color-toggle-list: #FFF2E6;
    --background-color-toggle-list-card: #333333;
    --text-color-toggle-list-item: #000000;
    --background-color-toggle-list-item-hover: rgba(0,119,187,0.1);
    --text-color-toggle-list-item-hover: #0077bb;
    --background-color-toggle-list-item-focus: rgba(0,110,177,0.2);
    --text-color-toggle-list-item-focus: #0077bb;
    --subheader-color-toggle-list: #0065a7;
    --logo-text-color-toggle-list: #ffffff;
    --mask-background: rgba(0,0,0,0.8);
    --background-color-content: #FFF2E6;
    --text-color-content: #000000;
    --background-color-body: #FFF2E6;
    --text-color-body: #000000;
    --color-accent-header-tab: #0077bb;
    --color-accent-header-tab-selected: #333333;
    --color-accent-header-tab-new: #333333;
    --color-tagline: rgba(0,0,0,0.7);
    --background-color-portlet-body: #FFF2E6;
    --text-color-portlet-item: #000000;
    --background-color-portlet-item-hover: rgba(0,119,187,0.1);
    --text-color-portlet-item-hover: #0077bb;
    --background-color-portlet-item-focus: rgba(87,166,238,0.1);
    --text-color-portlet-item-focus: #0077bb;
    --background-color-footer: #FFF2E6;
    --text-color-footer: #000000;
    --color-footer-link: #0077bb;
    --color-footer-link--visited: #004c8a;
    --background-color-toc-button: #FFFFFF;
    --icon-filter-toc-button: unset;
    --text-color-sticky-toc-number: rgba(0,0,0,0.7);
}

/* Breite des zentralen Inhaltsbereichs erhöhen */
#content, .mw-body, #mw-wrapper {
    max-width: 75% !important;
    width: 75% !important;
    margin: 0 auto;
    padding-left: 2em;
    padding-right: 2em;
    box-sizing: border-box;
}

/* Optional: Seitenleisten (Sidebar und ggf. Menü) flexibel lassen oder ausblenden */
.lakeus-sidebar {
    max-width: 250px;
}

.lakeus-container {
    max-width: 100% !important;
}

/* Optional: Wenn du die Seite wirklich randlos willst */
body {
    margin: 0;
    padding: 0;
}



@media screen and (max-width: 720px) {
    #content {
    	border-left: none; /* no left and right border when #content is as wide as viewport; adjust the value if not appropriate */
    	border-right: none;
    }
}

#ca-uls .uls-trigger {
    background-image: none;
    padding-left: 0;
}

/* Add fixed page background for main pages and start page */
.page-Main_Page {
    background: url("images/b/b1/MTX-illustrations-splash-page-new-size2.jpg");
    background-attachment: fixed;
    background-position: center;
}

.mw-body {
    padding: 4em;
}



/*Increase line height of main content*/
#content p,
#content li {
    line-height: 150%;
}

/*Style TOC*/
#toc {
    border: none;
    font-size: 1em;
    font-family: var(--font-family);
}

.toc .toctitle {
    text-align: left;
}

/*Style category links*/
#catlinks {
  margin: 2em 0;
  padding: 1em;
  border-top: 1px solid var(--border-color-content);
  border-bottom: none;
  border-left: none;
  border-right: none;
}


/*Adjust .wikitable text alignment*/
.wikitable td {
	text-align: left;
	vertical-align: top;
}

/* Gesamten Footer im Lakeus-Skin ausblenden */
#footer, .lakeus-footer, .mw-footer {
    display: none !important;
}
/* „From [Sitename]“-Zeile ausblenden */
.mw-site-subtitle {
    display: none !important;
}