Difference between revisions of "MediaWiki:Vector.css"

From Hitchwiki
Jump to navigation Jump to search
Line 46: Line 46:
 
.vectorTabs #ca-unwatch.icon a {
 
.vectorTabs #ca-unwatch.icon a {
 
   margin-top: 2px;
 
   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");
+
   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%20fill%3D%22currentColor%22%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");
 +
 
 +
/* Un-encoded SVG just for the record:
 +
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
 +
 
 +
*/
 
}
 
}
  
 
.vectorTabs #ca-unwatch.icon a:hover,
 
.vectorTabs #ca-unwatch.icon a:hover,
 
.vectorTabs #ca-unwatch.icon a:focus {
 
.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");
+
   color: #fff;
 
}
 
}

Revision as of 22:12, 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%20fill%3D%22currentColor%22%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");

/* Un-encoded SVG just for the record:
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

*/
}

.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
  color: #fff;
}