MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
-/* Link color and shadow glow */
+/* Link color and glow */
-a:link {
+a:link, a:visited {
-   color: #0080d9;
+   color: #0080d9 !IMPORTANT;
    text-decoration: none;
    transition: .35s;
 }
-a:visited {
+a:hover, a:active {
-   color: #0080d9;
+   color: #ffffff !IMPORTANT;
-   text-decoration: none;
+  text-shadow: #ffffff 0 0 10px;
+   text-decoration: none !IMPORTANT;
    transition: .35s;
 }
-a:hover {
+/* The !IMPORTANT (or !important) part forces the rule to override all other
-  color: #ffffff;
+relevant rules. For example, at one place an object is defined in red colour,
-  text-shadow: #ffffff 0 0 10px;
+while at another place it is orange, the CSS rule with the !important will have
-  text-decoration: none;
+a higher priority over all other colour definitions.
-  transition: .35s;
-}
-a:active {
+These should be used sparingly as they can cause much confusion in large
-  color: #ffffff;
+projects.
-  text-shadow: #ffffff 0 0 10px;
+*/
-  text-decoration: none;
-  transition: .35s;
-}