MediaWiki:Darkvector.css: Difference between revisions

Jump to: navigation, search
No edit summary
(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');
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
body, .mw-headline {
body, .mw-headline {
font-family: "Rubik", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
font-family: "Rubik", "Helvetica Neue", "Segoe UI", Wingdings, sans-serif;
}
}
.Navboxcss {
.Navboxcss {
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 647: Line 647:


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 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 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('skins/DarkVector/resources/common/images/unwatch-icon.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/unwatch-icon.svg')
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/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('skins/DarkVector/resources/common/images/watch-icon.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon.svg')
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/resources/common/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('skins/DarkVector/resources/common/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('skins/DarkVector/resources/common/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('skins/DarkVector/resources/common/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('skins/DarkVector/resources/common/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,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}
Line 1,539: Line 1,537:
padding-right:13px
padding-right:13px
}
}
/* Cursors */
/* Cursors */