MediaWiki:Vector.css: Unterschied zwischen den Versionen

Version vom 3. Januar 2022, 17:13 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;
}


/* ------------ Icons --------------- */

#mw-sidebar-checkbox:not(:checked) ~ .mw-header #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-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%;
}

/*Watch Filled grey*/
.vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-unwatch.icon a:hover:before {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-eye-fill' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/%3E%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3C/svg%3E);
}

/*Watch Filled*/
.vector-menu-tabs #ca-watch.icon a:focus:before, .vector-menu-tabs #ca-unwatch.icon a:before, .vector-menu-tabs #ca-unwatch.icon a:before {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-eye-fill' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/%3E%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3C/svg%3E);
}

/*Watch Lined*/
.vector-menu-tabs #ca-watch.icon a:before, .vector-menu-tabs #ca-unwatch.icon a:focus: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-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E);
}

#ca-delete: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-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E);
}

/* ------------ Icons END --------------- */

.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;
}