FANDOM


Okay since I know a bit of CSS I thought I would share it. Anyway the first thing I would like to show ya is the hover glow thingy. I FINALLY found the code for this and it might look good on your wiki! It works like this:

If you hover over a link, the link will glow. If you want to change the color of the glow click here for a full list of colors.

So here is the code to put in MediaWiki:Common.css

/*Link shadows */ 
a:visited:hover, .color2 a:visited:hover { 
  text-shadow: brown 0 0 3px;
  text-decoration:none;
}
 
a:hover, .color2 a:hover {
  text-shadow: brown 0 0 3px;
  text-decoration:none;
}
 
.WikiaFooter .tools-menu a:hover {
    text-shadow: #FFFFFF 0 3px 3px;
}

With

/*Link shadows */ 
a:hover {
    text-shadow: white 0 0 3px;
    color: white !important;
    text-decoration:none;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
}
a {
    color: #80C1E0;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
}
a:active {
    color: #80C1E0;
}
 
a:visited:hover, .color2 a:visited:hover { 
  color:#80C1E0
  text-shadow: #80C1E0 0 0 3px;
  text-decoration:none;
}
 
a:hover, .color2 a:hover {
  color:#9C6B98;
  text-shadow: #5C8FA6 0 0 3px;
  text-decoration:none;
  -webkit-transition: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -ms-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
}
 
.WikiaFooter .tools-menu a:hover {
  color:#80C1E0;
  text-shadow: #80C1E0 0 3px 3px;
  text-decoration:none;
  -webkit-transition: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -ms-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
}
 
a.new:hover {
  color:#80C1E0;
  text-shadow: #80C1E0 0 0 3px;
  text-decoration:none;
  -webkit-transition: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -ms-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  transition: all .2s linear 0s;
}

If you got any other questions about how CSS works or something click here to message me!

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.