Difference between revisions of "MediaWiki:Vector.css"

From Hitchwiki
Jump to navigation Jump to search
Line 41: Line 41:
 
.vectorTabs li.selected {
 
.vectorTabs li.selected {
 
   background: rgba(255,255,255,0.5);
 
   background: rgba(255,255,255,0.5);
 +
}
 +
 +
/* Star icon SVG URL-encoded */
 +
.vectorTabs #ca-unwatch.icon a {
 +
  margin-top: 2px;
 +
  background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E%0A");
 +
}
 +
 +
.vectorTabs #ca-unwatch.icon a:hover,
 +
.vectorTabs #ca-unwatch.icon a:focus {
 +
  background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22#fff%22%2F%3E%3Cpath%20d%3D%22M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E%0A");
 
}
 
}

Revision as of 22:09, 28 September 2019

/* CSS placed here will affect users of the Vector skin */

body {
  background: #fff;
}

#mw-page-base {
  background: #f3da71;
}


#mw-head a,
#mw-head a:visited {
  color: #6a491d;
}

.mw-body {
  border-color: #a2a9b1;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
  color: #2b829b;
}


#mw-panel .portal .body {
  font-size: 18px;
}

#mw-panel.collapsible-nav .portal .body {
  margin-left: 0.9em;
}

.vectorTabs,
.vectorTabs ul,
.vectorTabs ul li,
.vectorTabs span {
  background: none;
}
.vectorTabs li.selected {
  background: rgba(255,255,255,0.5);
}

/* Star icon SVG URL-encoded */
.vectorTabs #ca-unwatch.icon a {
  margin-top: 2px;
  background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E%0A");
}

.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
  background-image: linear-gradient(transparent,transparent), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22#fff%22%2F%3E%3Cpath%20d%3D%22M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E%0A");
}