Difference between revisions of "User:KamranMackey/common.css"
Jump to navigation
Jump to search
KamranMackey (talk | contribs) |
KamranMackey (talk | contribs) (Fixed the CSS, again.) |
||
(10 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/*Fixed links changing | /*Fixed links changing colour if you follow them*/ | ||
a, | a.new:visited, #p-personal a.new, a.new:visited{ | ||
color: #BA0000 !important; | |||
} | |||
div.vectorTabs li.new a { | |||
color: #BA0000 !important; | |||
} | |||
a:visited, | a:visited, | ||
.mw-body a.external, | .mw-body a.external, | ||
Line 8: | Line 15: | ||
} | } | ||
.pops a { | |||
background-color: #FFF !important; | |||
} | |||
/************************************* | |||
* Tooltip Testing * | |||
*************************************/ | |||
.a1 { | |||
height: 32px; | |||
margin: 0; | |||
padding: 0; | |||
position: absolute; | |||
width: 32px; | |||
} | } | ||
#tooltip-display { | |||
. | font-family: Minecraftia; | ||
font-size: 16px; | |||
- | line-height: 1.25em; | ||
- | |||
- | background-color: rgba(16,0,16,0.94); | ||
color: #fff; | |||
-webkit- | text-shadow: 0.125em 0.125em 0 #3f3f3f; | ||
- | |||
background- | border-top: 0.125em solid rgba(80,0,255, 0.31); | ||
border-bottom: 0.125em solid rgba(40, 0, 127, 0.31); | |||
position: absolute; | |||
padding: 0 0.25em 0.25em 0.25em; | |||
margin: 0.25em 0.375em; | |||
z-index: 98; | |||
white-space: nowrap; | |||
pointer-events: none; | |||
content: attr(data-tooltip); | |||
} | |||
#tooltip-display:before { | |||
content: ""; | |||
position: absolute; | |||
top: -0.25em; | |||
right: -0.125em; | |||
bottom: -0.25em; | |||
left: -0.125em; | |||
border: 0.125em solid rgba(16, 0, 16, 0.94); | |||
} | |||
#tooltip-display:after { | |||
content: ""; | |||
position: absolute; | |||
top: -0.125em; | |||
right: -0.25em; | |||
bottom: -0.125em; | |||
left: -0.25em; | |||
background-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)), | |||
-webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)); | |||
background-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)), linear-gradient(rgba(80, 0, 255, 0.31), | |||
rgba(40, 0, 127, 0.31)); | |||
background-size: 0.125em 100%; | |||
background-repeat: no-repeat; | |||
background-position: left, right; | |||
border: solid rgba(16, 0, 16, 0.94); | |||
border-width: 0 0.125em; | |||
} |
Latest revision as of 04:40, 22 February 2015
/*Fixed links changing colour if you follow them*/ a.new:visited, #p-personal a.new, a.new:visited{ color: #BA0000 !important; } div.vectorTabs li.new a { color: #BA0000 !important; } a:visited, .mw-body a.external, .mw-body a.external:visited, .mw-body a.extiw { color: #024EA1 !important; } .pops a { background-color: #FFF !important; } /************************************* * Tooltip Testing * *************************************/ .a1 { height: 32px; margin: 0; padding: 0; position: absolute; width: 32px; } #tooltip-display { font-family: Minecraftia; font-size: 16px; line-height: 1.25em; background-color: rgba(16,0,16,0.94); color: #fff; text-shadow: 0.125em 0.125em 0 #3f3f3f; border-top: 0.125em solid rgba(80,0,255, 0.31); border-bottom: 0.125em solid rgba(40, 0, 127, 0.31); position: absolute; padding: 0 0.25em 0.25em 0.25em; margin: 0.25em 0.375em; z-index: 98; white-space: nowrap; pointer-events: none; content: attr(data-tooltip); } #tooltip-display:before { content: ""; position: absolute; top: -0.25em; right: -0.125em; bottom: -0.25em; left: -0.125em; border: 0.125em solid rgba(16, 0, 16, 0.94); } #tooltip-display:after { content: ""; position: absolute; top: -0.125em; right: -0.25em; bottom: -0.125em; left: -0.25em; background-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)), -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)); background-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)), linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)); background-size: 0.125em 100%; background-repeat: no-repeat; background-position: left, right; border: solid rgba(16, 0, 16, 0.94); border-width: 0 0.125em; }