Difference between revisions of "User:Bearborg/vector.css"

From Retro Modding Wiki
Jump to: navigation, search
m (Slightly darker color for links.)
m
Line 30: Line 30:
  
 
.vectorTabs li.selected > span > :link {
 
.vectorTabs li.selected > span > :link {
   color: black !important;
+
   color: #333333 !important;
 
}
 
}
  
Line 40: Line 40:
 
   color: #a63829 !important;
 
   color: #a63829 !important;
 
}
 
}
 +
 +
.mw-body h1, .mw-body h2, .mw-body #firstHeading {
 +
  font-family: sans-serif !important;
 +
}
 +
 +
/*This is the CSS for prepending morph ball images to article names. Needs custom classes, or else it'll just put morph balls in front of everything.
 +
table li a::before {
 +
  content: url(http://www.metroid2002.com/retromodding/images/thumb/8/85/Morphball_render.png/20px-Morphball_render.png);
 +
  margin-right: 6px;
 +
  position: relative;
 +
  top: 5px;
 +
}*/

Revision as of 04:41, 26 January 2015

#mw-panel {
  font-weight: bold !important;
}
 
#mw-panel li {
  border: 1px solid transparent !important;
}
 
#mw-panel li :link {
  margin-left: 3px;
}  
 
#mw-panel li:hover {
  background: #30558a;
  background: linear-gradient(#30558a, #7baef1);
  border: 1px solid white !important;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  border-radius: 3px !important;
}
 
#mw-panel li:hover :link {  
  color: white !important;
  text-decoration: none !important;
}
 
.vectorTabs li.new > span > :link {
  color: #a63829 !important;
}
 
 
.vectorTabs li.selected > span > :link {
  color: #333333 !important;
}
 
:link:not(.new) {
  color: #2f66ad !important;
}
 
:link.new {
  color: #a63829 !important;
}
 
.mw-body h1, .mw-body h2, .mw-body #firstHeading {
  font-family: sans-serif !important;
}
 
/*This is the CSS for prepending morph ball images to article names. Needs custom classes, or else it'll just put morph balls in front of everything.
table li a::before {
  content: url(http://www.metroid2002.com/retromodding/images/thumb/8/85/Morphball_render.png/20px-Morphball_render.png);
  margin-right: 6px;
  position: relative;
  top: 5px;
}*/