MediaWiki:Darkvector.css: Difference between revisions

Jump to: navigation, search
Final Test
m (Reverted edits by Tankman fan 44 (talk) to last revision by Angeleno)
Tags: Rollback Reverted
(Final Test)
Tag: Reverted
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
 
body, .mw-headline {
body, .mw-headline {
font-family: "Rubik", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
}
}
.Navboxcss {
.Navboxcss {
Line 326: Line 326:


.uls-menu .uls-search-label {
.uls-menu .uls-search-label {
     background: transparent url('skins/Vector/resources/common/images/search_tool.png') !important;
     background: transparent url('images/search_tool.png') !important;
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
}
}
Line 532: Line 532:


.gallerytext p {
.gallerytext p {
     color: rgba(255, 255, 255, 0.8);
     color: rgba(0, 0, 0, 0.8);
}
}


Line 538: Line 538:
#right-navigation div.darkvectorTabs {
#right-navigation div.darkvectorTabs {
     background-image: inherit;
     background-image: inherit;
     background-color: #e87057
     background-color: #250b2d
}
}


#left-navigation div.darkvectorTabs ul,
#left-navigation div.darkvectorTabs ul,
#right-navigation div.darkvectorTabs ul {
#right-navigation div.darkvectorTabs ul {
     background-color: #e87057
     background-color: #250b2d
}
}


#left-navigation div.darkvectorTabs ul li,
#left-navigation div.darkvectorTabs ul li,
#right-navigation div.darkvectorTabs ul li {
#right-navigation div.darkvectorTabs ul li {
     background-color: #e87057;
     background-color: #222;
     background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
     background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
     background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
     background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
     background-image: linear-gradient(#333 20%, #2a2a2a 100%)
     background-image: linear-gradient(#2e2e2e 20%, #222 100%)
}
}


Line 643: Line 643:
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     font-family: "Rubik", sans-serif
     font-family: sans-serif
}
}


body {
body {
     background-color: #2a2a2a
     background-color: #000
}
}


Line 653: Line 653:
     margin-left: 10em;
     margin-left: 10em;
     padding: 1em;
     padding: 1em;
     border: 1px solid #e87057;
     border: 1px solid #250b2d;
     border-right-width: 0;
     border-right-width: 0;
     margin-top: -1px;
     margin-top: -1px;
Line 663: Line 663:
.mw-body .mw-editsection,
.mw-body .mw-editsection,
.mw-body .mw-editsection-like {
.mw-body .mw-editsection-like {
     font-family: "Rubik", sans-serif
     font-family: sans-serif
}
}


Line 674: Line 674:
.mw-body h2,
.mw-body h2,
.mw-body #firstHeading {
.mw-body #firstHeading {
     font-family: "Rubik", sans-serif;
     font-family: "Linux Libertine", Georgia, Times, serif;
     line-height: 1.3;
     line-height: 1.3;
     margin-bottom: .25em;
     margin-bottom: .25em;
Line 838: Line 838:
     float: left;
     float: left;
     margin-right: .5em;
     margin-right: .5em;
     margin-left: .5em;
     margin-left: .5em
    font-family: "Rubik", sans-serif;
}
}


Line 922: Line 920:
     overflow: hidden;
     overflow: hidden;
     background-image: url('images/search-ltr.png');
     background-image: url('images/search-ltr.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/resources/common/images/search.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/search.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/Vector/resources/common/images/search.svg');
     background-image: linear-gradient(transparent, transparent), url('images/search.svg');
     background-position: center center;
     background-position: center center;
     background-repeat: no-repeat
     background-repeat: no-repeat
Line 1,215: Line 1,213:


#ca-unwatch.icon a {
#ca-unwatch.icon a {
     background-image: url('images/unwatch-icon.svg');
     background-image: url('images/unwatch-icon.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/unwatch-icon.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon.svg')
     background-image: linear-gradient(transparent, transparent), url('images/unwatch-icon.svg')
}
}


#ca-watch.icon a {
#ca-watch.icon a {
     background-image: url('images/watch-icon.svg');
     background-image: url('images/watch-icon.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon.svg')
     background-image: linear-gradient(transparent, transparent), url('images/watch-icon.svg')
}
}


#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
#ca-unwatch.icon a:focus {
     background-image: url('images/unwatch-icon-hl.svg');
     background-image: url('images/unwatch-icon-hl.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon-hl.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/unwatch-icon-hl.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon-hl.svg')
     background-image: linear-gradient(transparent, transparent), url('images/unwatch-icon-hl.svg')
}
}


#ca-watch.icon a:hover,
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
#ca-watch.icon a:focus {
     background-image: url('images/watch-icon-hl.svg');
     background-image: url('images/watch-icon-hl.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-hl.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-hl.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-hl.svg')
     background-image: linear-gradient(transparent, transparent), url('images/watch-icon-hl.svg')
}
}


#ca-unwatch.icon a.loading,
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
#ca-watch.icon a.loading {
     background-image: url('images/watch-icon-loading.svg');
     background-image: url('images/watch-icon-loading.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
Line 1,271: Line 1,269:
     background-position: bottom left;
     background-position: bottom left;
     background-repeat: repeat-x;
     background-repeat: repeat-x;
     background-color: #2a2a2a;
     background-color: #000;
    background-image:-moz-linear-gradient(top, #222 50%, #2a2a2a 100%);
    background-color: #000
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
background-image:-webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
background-image:linear-gradient(#333 50%, #2a2a2a 100%);
}
}


Line 1,504: Line 1,499:
   font-size: 125%;
   font-size: 125%;
   color: #FFFFFF;
   color: #FFFFFF;
   font-family: Rubik;
   font-family: Helvetica;
   text-align: center;
   text-align: center;
}
}
Line 1,525: Line 1,520:
color: white;
color: white;
}
}
<style>
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
</style>


div#content h1, div#content h2 {font-family: "Rubik", serif}
div#content h1, div#content h2 {font-family: "Rubik", serif}

Navigation menu