MediaWiki:Vector.css: Unterschied zwischen den Versionen

Aus Wiki der Akademie der Bildenden Künste Nürnberg
Zur Navigation springen Zur Suche springen
Zeile 21: Zeile 21:


#mw-sidebar-button:before {
#mw-sidebar-button:before {
     background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-arrow-left-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E);
     background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-left-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E);
     background-size: 170%;
     background-size: 170%;
}
}

Version vom 3. Januar 2022, 16:06 Uhr

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");

body {
    background: rgb(57, 57, 57);
}

#mw-panel {
    background-image: none !important;
    padding-left: 2em;
}

#mw-navigation a {
    color: grey !important;
}

#mw-sidebar-checkbox:not(:checked) ~ .mw-header #mw-sidebar-button:before {
    background-image: url(http://195.50.135.228/mediawiki/images/d/d7/Menu-white-48dp.png);
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E);
    background-size: 150%;
}

#mw-sidebar-button:before {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-left-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E);
    background-size: 170%;
}

.mw-workspace-container, .mw-content-container, .mw-article-toolbar-container, header {
    /*max-width: 80em;*/
    /*margin-left: auto !important;*/
    /*margin-right: auto !important;*/
}

.mw-body {
    border-top: 1px solid #a2a9b1;
}

.mw-page-container {
    border: none;
    padding: 0;
}

.mw-header {
    background: rgb(57, 57, 57);
    margin-top: 0;
    padding: 0.5em 1em;
}

.vector-menu-tabs li {
    background-image: none;
}

.mw-logo {
    color: white !important;
    margin-right: 2.85714286em;
}

.mw-logo strong {
    font-size: 1em;
}

#searchform {
    max-width: none
}

#p-search {
    margin-left: 0;
    float: none;
    /*width: 100%;*/
    flex-basis: unset;
    /*margin: 2em 0 0 0;*/
}

#p-search input {
    /*font-size: 1.5em;*/
    font-weight: bold;
    background-color: white;
}

#p-personal {
    flex-basis: unset;
    margin-left: none;
}

#p-personal a, #p-personal a:visited {
    color: rgb(195, 195, 195) !important;
}

#p-search > #searchform, #p-search .wvui-typeahead-search {
    max-width: none;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(#a2a9b1, #a2a9b1);
    background-size: 1px 65%;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
    font-family: unset;
    font-weight: bold;
}

img {
    max-width: 100%;
    height: auto;
}

a, a:visited, a.extiw, .mw-parser-output a.external, .mw-parser-output a.extiw:visited, a.external:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: rgb(0, 158, 185);
}

a.new, a.new:visited {
   color: rgb(255, 93, 148);
}

#mw-sidebar-button:focus {
    box-shadow: none;
    border: 0px;
}

.mw-editsection, .mw-editsection a, .toctogglelabel, .toctogglespan {
    color: grey;
}

.toc, .toccolours {
    /*background-color: #f5fffd;*/
}

svg {
    color: white;
}