Difference between revisions of "MediaWiki:Vector.css"

From Dungeon Defenders 2 Wiki
Jump to: navigation, search
 
(254 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Got it!
+
/* CSS placed here will affect users of the Vector skin */
Our website uses cookies to give you the best user experience on our website and to help us deliver our services. By using our services, you agree to our use of cookies. More info
+
@import 'https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans';
Gamepedia
 
Help
 
Sign In
 
Register
 
MediaWiki:Hydra.css
 
Note: After saving, you may have to bypass your browser's cache to see the changes.
 
  
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
+
div#mw-head {
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
+
    #top: 110px;
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
+
}
Opera: Clear the cache in Tools → Preferences
 
/* CSS placed here will affect users of the Hydra skin */
 
  
/* For elements which display only in the mobile view */
+
#contentSub {
.mobileonly {
+
margin: 0px;
display: none;
 
 
}
 
}
  
body {
+
#mw-content-text {
background-color: #1a1a1a;
+
font-family:Noto Sans, sans-serif;
min-width: 500px;
+
color:rgba(244,244,244,.84);
 
}
 
}
  
#pageWrapper {
+
#firstHeading {
margin-right: 10px;
+
font-family:Noto Sans, sans-serif;
 
}
 
}
  
div#content {
+
#mw-content-text a {
background-color: #FFFFFF;
+
color:rgba(255,167,0,.96);
background-image: none;
 
border-left: 1px solid #1a1a1a;
 
        box-sizing: border-box;
 
color: #000000;
 
 
}
 
}
  
h1, h2, h3, h4, h5, h6 {
+
#mw-head-base {
color: #2D2723;
+
    background-image: none;
 +
    background-color: rgba(0, 0, 0, .97);
 +
    border-left: 1px solid #181818;
 +
    border-right: 1px solid #181818;
 +
    border-bottom: 0px solid #181818;
 +
    border-top: 1px solid #181818;
 +
    border-top-left-radius: 0.5em;
 +
    border-top-right-radius: 0.5em;
 +
    bottom: 0;
 +
    height: 48px;
 +
    margin-top: -40px;  
 
}
 
}
  
div#mw-page-base {
+
#p-personal {
background: transparent;
+
    background-color: rgba(0, 0, 0, 1);
 +
    border: 1px solid #181818;
 +
    border-radius: 4px 4px 4px 4px;
 +
    right: 0;
 +
    padding-right: 0.55em;
 +
    padding-bottom: 3px;
 +
    #top: -100px;
 +
    margin-right: 10px;
 
}
 
}
  
div#mw-head-base {
+
#p-personal #pt-mytalk,
background: transparent;
+
#p-personal #pt-preferences,
 +
#p-personal #pt-watchlist,
 +
#p-personal #pt-mycontris,
 +
#p-personal #pt-logout {
 +
    text-transform: lowercase;
 
}
 
}
  
div#mw-panel div.portal {
+
div.vectorTabs {
     background-image: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/0/0f/Portal-break.png");
+
     background-image: none;
    background-position: left top;
+
}
    background-repeat: no-repeat;
+
 
    direction: ltr;
+
div.vectorTabs span {
    margin: 0 0.6em 0 0.7em;
+
     background-image: none;
     padding: 0.25em 0;
 
 
}
 
}
  
div#mw-panel div.portal h3,
+
div.vectorTabs ul {
#mw-panel.collapsible-nav .portal h3 a,
+
     background-image: none;
#mw-panel.collapsible-nav .portal.collapsed h3 a {
 
     color: #ffffcc;
 
 
}
 
}
  
div#mw-panel div.portal div.body ul li a:visited {
+
div.vectorTabs li a {
     color: #DDDDDD;
+
     background-image: none;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a {
+
div.vectorTabs li.selected {
     color: #DDDDDD;
+
    background-color: transparent;
 +
    background-image: none;
 +
}
 +
 
 +
div.vectorTabs ul li {
 +
    background-color:transparent;
 +
    background-image: none;
 +
}
 +
 
 +
#mw-head div.vectorMenu h5 {
 +
    background-image: none;
 +
}
 +
 
 +
div.vectorMenu h5 a {
 +
    background-image: none;
 +
}
 +
 
 +
div.vectorTabs li a, div.vectorTabs li a span {
 +
     color: #FFFFFF;
 +
    cursor: pointer;
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 
}
 
}
  
div#mw-panel div.portal div.body,
+
div.vectorTabs li.selected a,
#mw-panel.collapsible-nav .portal {
+
div.vectorTabs li.selected a span,
     border-bottom:;
+
div.vectorTabs li.selected a:visited,
 +
div.vectorTabs li.selected a:visited span {
 +
    color: white !important;
 +
    font-weight: bold;
 +
    text-decoration: none;
 +
    text-shadow: -1px -1px 1px black;
 +
}
 +
div.vectorTabs li.new a,
 +
div.vectorTabs li.new a span,  
 +
div.vectorTabs li.new a:visited,
 +
div.vectorTabs li.new a:visited span {
 +
     color: #FFFFFFF;
 +
    font-weight: bold;
 
}
 
}
  
div#mw-panel.collapsible-nav div#p-socialProfiles.portal,
+
div.vectorTabs li a {
#mw-panel.collapsible-nav #p-sitePromos.portal {
 
 
     background-image: none;
 
     background-image: none;
 
}
 
}
  
div#footer ul li {
+
ul.tabbernav {
     color: #eae8d3;
+
    margin: 0;
 +
    padding: 3px 0;
 +
    border-bottom: 1px solid rgba(255,255,255,.30);
 +
    font: bold 12px Verdana, sans-serif;
 +
}
 +
 
 +
ul.tabbernav li {
 +
    list-style: none;
 +
    margin: 0;
 +
    display: inline;
 +
}
 +
 
 +
ul.tabbernav li a {
 +
    padding: 3px .5em;
 +
    margin-left: 3px;
 +
    border: 1px solid #CCC;
 +
    border-bottom: none;
 +
    background: rgba(21,2,30,.94);
 +
    text-decoration: none;
 +
}
 +
 
 +
ul.tabbernav li a:link {
 +
    color: #448;
 +
}
 +
 
 +
ul.tabbernav li a:visited {
 +
    color: #667;
 +
}
 +
 
 +
ul.tabbernav li a:hover {
 +
     color: #000;
 +
    background: rgba(255,255,255,.30) !important;
 +
    border-color: #CCC;
 
}
 
}
  
div#footer a {
+
ul.tabbernav li.tabberactive a {
     color: #E4C62E;  
+
     color: rgba(21,2,30,.94) !important;
 +
    background: #FFF;
 +
    border-bottom: 1px solid #FFF;
 
}
 
}
  
table {
+
ul.tabbernav li.tabberactive a:hover {
     font-size: 100%;
+
     color: #000;
     color: #2D2723;
+
     background: #FFF;
/* we don't want the bottom borders of <h2>s to be visible through
+
    border-bottom: 1px solid #FFF;
* floated tables */
+
}
     background-color: transparent;
+
 
 +
.tabber .tabbertab {
 +
     padding: 5px;
 +
    border: 1px solid #CCC;
 +
    border-top: 0;
 +
}
 +
 
 +
li.gallerybox {
 +
border-style:none !important;
 +
}
 +
 
 +
#mainwiki {
 +
border-collapse:collapse;
 +
text-align:left;
 +
font-family:Noto Sans, sans-serif;
 
}
 
}
  
/* tabs */
+
#mainwiki tr {
#left-navigation {
+
border: 1px solid #0a010c;
    background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
 
    margin-top: 39px;
 
 
}
 
}
  
#right-navigation {
+
#mainwiki th {
    background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
+
vertical-align:top;
    margin-right: 10px;
+
background-image: url(https://wiki.dungeondefenders2.com/images/4/4d/Wikigradient_small.png) !important;
    margin-top: 39px;
+
height:36px;
 +
text-align:center;
 +
font-size:1.4em;
 +
color:#f2f2f2;
 
}
 
}
  
div.vectorTabs,
+
#mainwiki td.content {
div.vectorTabs ul li {
+
padding: 1em;
    background-color: rgba(0, 0, 0, 0);
+
background: rgb(21,2,30); /* Old browsers */
    background-image: none;
+
background: -moz-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
vertical-align:top;
 +
/*color:#f2f2f2;*/
 +
color:rgba(244,244,244,.84);
 
}
 
}
  
div.vectorTabs ul {
+
#mainwiki a {
    background-color: rgba(0, 0, 0, 0);
+
/*color: #faa700;*/
    background-image: none;
+
color:rgba(255,167,0,.96);
 
}
 
}
  
div.vectorTabs span {
+
#mainwiki td.space {
    background-color: rgba(0, 0, 0, 0);
+
border-right:1px solid rgba(255,255,255,.30);
     background-image: none;
+
-moz-background-clip: border;     /* Firefox 3.6 */
 +
-webkit-background-clip: border; /* Safari 4? Chrome 6? */
 +
background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
 
}
 
}
  
div#mw-head div.vectorMenu h4,
+
table.wikitable th {
div#p-variants.vectorMenu #mw-vector-current-variant {
+
color: #FFF;
    color: #ffffff;
 
    padding-top: 1.375em !important;
 
    text-transform: uppercase;
 
 
}
 
}
  
div.vectorTabs li a,
+
th.headerSort {
div.vectorTabs li a:visited {
+
color:rgba(255,167,0,.96) !important;
    color: #ffffff;
 
    text-transform: uppercase;
 
 
}
 
}
  
div.vectorTabs li.selected {
+
.diffchange {
    background: rgba(0, 0, 0, 0) url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/7/79/Skin_tab_background.png") repeat-x scroll center bottom;
+
color:black;
 
}
 
}
  
div.vectorTabs li.selected a,
+
.wikiEditor-preview-contents {
div.vectorTabs li.selected a:visited {
+
background-color: transparent;
    color: #ffffff !important;
 
 
}
 
}
  
div#mw-head div.vectorMenu h3,
+
.wikiEditor-ui {
div.vectorMenu h3 > a {
+
background-color: transparent;
    background-image: none;
 
 
}
 
}
  
div.vectorMenu h3 span {
+
.simple-tooltip {
    color: #ffffff;
+
color: orange;
    text-transform: uppercase;
 
 
}
 
}

Latest revision as of 12:47, 19 December 2018

/* CSS placed here will affect users of the Vector skin */
@import 'https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans';

div#mw-head {
    #top: 110px;
}

#contentSub {
margin: 0px;
}

#mw-content-text {
font-family:Noto Sans, sans-serif;
color:rgba(244,244,244,.84);
}

#firstHeading {
font-family:Noto Sans, sans-serif;
}

#mw-content-text a {
color:rgba(255,167,0,.96);
}

#mw-head-base {
    background-image: none;
    background-color: rgba(0, 0, 0, .97);
    border-left: 1px solid #181818;
    border-right: 1px solid #181818;
    border-bottom: 0px solid #181818;
    border-top: 1px solid #181818;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    bottom: 0;
    height: 48px;
    margin-top: -40px; 
}

#p-personal {
    background-color: rgba(0, 0, 0, 1);
    border: 1px solid #181818;
    border-radius: 4px 4px 4px 4px;
    right: 0;
    padding-right: 0.55em;
    padding-bottom: 3px;
    #top: -100px;
    margin-right: 10px;
}

#p-personal #pt-mytalk, 
#p-personal #pt-preferences, 
#p-personal #pt-watchlist, 
#p-personal #pt-mycontris, 
#p-personal #pt-logout {
    text-transform: lowercase;
}

div.vectorTabs {
    background-image: none;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs ul {
    background-image: none;
}

div.vectorTabs li a {
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
}

div.vectorTabs ul li {
    background-color:transparent;
    background-image: none;
}

#mw-head div.vectorMenu h5 {
    background-image: none;
}

div.vectorMenu h5 a {
    background-image: none;
}

div.vectorTabs li a, div.vectorTabs li a span {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

div.vectorTabs li.selected a, 
div.vectorTabs li.selected a span, 
div.vectorTabs li.selected a:visited, 
div.vectorTabs li.selected a:visited span {
    color: white !important;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px black;
}
div.vectorTabs li.new a, 
div.vectorTabs li.new a span, 
div.vectorTabs li.new a:visited, 
div.vectorTabs li.new a:visited span {
    color: #FFFFFFF;
    font-weight: bold;
}

div.vectorTabs li a {
    background-image: none;
}

ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid rgba(255,255,255,.30);
    font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a {
    padding: 3px .5em;
    margin-left: 3px;
    border: 1px solid #CCC;
    border-bottom: none;
    background: rgba(21,2,30,.94);
    text-decoration: none;
}

ul.tabbernav li a:link {
    color: #448;
}

ul.tabbernav li a:visited {
    color: #667;
}

ul.tabbernav li a:hover {
    color: #000;
    background: rgba(255,255,255,.30) !important;
    border-color: #CCC;
}

ul.tabbernav li.tabberactive a {
    color: rgba(21,2,30,.94) !important;
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

ul.tabbernav li.tabberactive a:hover {
    color: #000;
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

.tabber .tabbertab {
    padding: 5px;
    border: 1px solid #CCC;
    border-top: 0;
}

li.gallerybox {
border-style:none !important;
}

#mainwiki {
border-collapse:collapse;
text-align:left;
font-family:Noto Sans, sans-serif;
}

#mainwiki tr {
border: 1px solid #0a010c;
}

#mainwiki th {
vertical-align:top;
background-image: url(https://wiki.dungeondefenders2.com/images/4/4d/Wikigradient_small.png) !important;
height:36px;
text-align:center;
font-size:1.4em;
color:#f2f2f2;
}

#mainwiki td.content {
padding: 1em;
background: rgb(21,2,30); /* Old browsers */
background: -moz-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
vertical-align:top;
/*color:#f2f2f2;*/
color:rgba(244,244,244,.84);
}

#mainwiki a {
/*color: #faa700;*/
color:rgba(255,167,0,.96);
}

#mainwiki td.space {
border-right:1px solid rgba(255,255,255,.30);
-moz-background-clip: border;     /* Firefox 3.6 */
-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

table.wikitable th {
color: #FFF;
}

th.headerSort {
color:rgba(255,167,0,.96) !important;
}

.diffchange {
color:black;
}

.wikiEditor-preview-contents {
background-color: transparent;
}

.wikiEditor-ui {
background-color: transparent;
}

.simple-tooltip {
color: orange;
}