MediaWiki:Darkvector.css

From Twisted Hollywood
Revision as of 15:48, 23 August 2021 by Nicolette (talk | contribs)
Jump to: navigation, search

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)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* ########## */
/* HYPERLINKS */
/* ########## */
a, a:visited { color: #c53cfc !important; }
        @media screen and (min-width: 982px) {
a, a:visited { color: #c53cfc !important; }
        }

/* ############# */
/* BULLET POINTS */
/* ############# */
ul { list-style-image: url(/images/e/ee/bullet-icon.svg); }
        @media screen and (min-width: 982px) {
ul { list-style-image: url(/images/e/ee/bullet-icon.svg); }
        }

/* ################### */
/* ACTIVE TAB OVERLINE */
/* ################### */
#left-navigation div.darkvectorTabs li.selected, #right-navigation div.darkvectorTabs li.selected
{
  background-image: -moz-linear-gradient(top,#c53cfc 0,#333333 10%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c53cfc),color-stop(10%,#333333));
  background-image: -webkit-linear-gradient(top,#c53cfc 0,#333333 10%);
  background-image: linear-gradient(#c53cfc 0,#333333 10%);
}
        @media screen and (min-width: 982px) {
#left-navigation div.darkvectorTabs div.darkvectorMenu li.selected, #right-navigation div.darkvectorTabs li.selected
{
  background-image: -moz-linear-gradient(top,#c53cfc 0,#333333 10%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c53cfc),color-stop(10%,#333333));
  background-image: -webkit-linear-gradient(top,#c53cfc 0,#333333 10%);
  background-image: linear-gradient(#c53cfc 0,#333333 10%);
}
        }

/* ########## */
/* WATCH ICON */
/* ########## */
#ca-watch.icon a:hover, #ca-watch.icon a:focus
{
  background-image: url(/images/c/c1/watch-icon-hl.svg);
  background-image: -webkit-linear-gradient(transparent,transparent),url(/images/c/c1/watch-icon-hl.svg);
  background-image: linear-gradient(transparent,transparent),url(/images/c/c1/watch-icon-hl.svg);
}
#ca-watch.icon a
{
    background-image: url(/images/9/92/watch-icon.svg);
    background-image: -webkit-linear-gradient(transparent,transparent),url(/images/9/92/watch-icon.svg);
    background-image: linear-gradient(transparent,transparent),url(/images/9/92/watch-icon.svg);
}
        @media screen and (min-width: 982px) {
#ca-watch.icon a
{
  background-image: url(/images/9/92/watch-icon.svg);
  background-image: -webkit-linear-gradient(transparent,transparent),url(/images/9/92/watch-icon.svg);
  background-image: linear-gradient(transparent,transparent),url(/images/9/92/watch-icon.svg);
}
#ca-watch.icon a:hover, #ca-watch.icon a:focus
{
  background-image: url(/images/c/c1/watch-icon-hl.svg);
  background-image: -webkit-linear-gradient(transparent,transparent),url(/images/c/c1/watch-icon-hl.svg);
  background-image: linear-gradient(transparent,transparent),url(/images/c/c1/watch-icon-hl.svg);
}
        }