Difference between revisions of "User:Chocohead/common.css"
Jump to navigation
Jump to search
m (I wonder whether this will work...) |
m (Added tooltip testing) |
||
Line 20: | Line 20: | ||
.mw-body a.extiw { | .mw-body a.extiw { | ||
color: #024EA1 !important; | color: #024EA1 !important; | ||
} | |||
/************************************* | |||
* Tooltip Testing * | |||
*************************************/ | |||
div.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; | |||
} | } |
Revision as of 15:04, 21 February 2015
@font-face { font-family: 'Minecraftia'; src: url("http://ftbwiki.org/images/9/90/Minecraftia.ttf"); font-weight: normal; font-style: normal; } /*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; } /************************************* * Tooltip Testing * *************************************/ div.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; }