Difference between revisions of "MediaWiki:Gadget-ReferenceTooltips.css"
Jump to navigation
Jump to search
Paul Herring (talk | contribs) |
Paul Herring (talk | contribs) (Undo revision 837 by Paul Herring (talk)) |
||
Line 1: | Line 1: | ||
− | / | + | /* See [[mw:Reference Tooltips]] */ |
− | + | ||
− | + | .referencetooltip { | |
− | + | position: absolute; | |
− | + | list-style: none; | |
− | + | list-style-image: none; | |
− | + | opacity: 0; | |
− | + | font-size: 10px; | |
− | + | margin: 0; | |
− | + | z-index: 5; | |
− | + | padding: 0; | |
− | + | } | |
− | + | .referencetooltip li { | |
− | + | border: #080086 2px solid; | |
− | + | max-width: 260px; | |
− | + | padding: 10px 8px 13px 8px; | |
− | + | margin: 0px; | |
− | + | background-color: #F7F7F7; | |
− | + | box-shadow: 2px 4px 2px rgba(0,0,0,0.3); | |
− | + | -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3); | |
− | + | -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3); | |
− | + | } | |
− | + | .referencetooltip li+li { | |
− | + | margin-left: 7px; | |
− | + | margin-top: -2px; | |
− | + | border: 0; | |
− | + | padding: 0; | |
− | + | height: 3px; | |
− | + | width: 0px; | |
− | + | background-color: transparent; | |
− | + | box-shadow: none; | |
− | + | -moz-box-shadow: none; | |
− | + | -webkit-box-shadow: none; | |
− | + | border-top: 12px #080086 solid; | |
− | + | border-right: 7px transparent solid; | |
− | + | border-left: 7px transparent solid; | |
− | + | } | |
− | + | .referencetooltip>li+li::after { | |
− | + | content: ''; | |
− | + | border-top: 8px #F7F7F7 solid; | |
− | + | border-right: 5px transparent solid; | |
− | + | border-left: 5px transparent solid; | |
− | + | margin-top: -12px; | |
− | + | margin-left: -5px; | |
− | + | z-index: 1; | |
− | + | height: 0px; | |
− | + | width: 0px; | |
− | + | display: block; | |
− | + | } | |
− | + | .client-js .referencetooltip li ul li { | |
− | + | border: none; | |
− | + | box-shadow: none; | |
− | + | -moz-box-shadow: none; | |
− | + | -webkit-box-shadow: none; | |
− | + | height: auto; | |
− | + | width: auto; | |
− | + | margin: auto; | |
− | + | padding: 0; | |
− | + | position: static; | |
− | + | } | |
− | + | .RTflipped { | |
− | + | padding-top: 13px; | |
− | + | } | |
− | + | .referencetooltip.RTflipped li+li { | |
− | + | position: absolute; | |
− | + | top: 2px; | |
− | + | border-top: 0; | |
− | + | border-bottom: 12px #080086 solid; | |
− | + | } | |
− | + | .referencetooltip.RTflipped li+li::after { | |
− | + | border-top: 0; | |
− | + | border-bottom: 8px #F7F7F7 solid; | |
− | + | position: absolute; | |
− | + | margin-top: 7px; | |
− | + | } | |
− | + | .RTsettings{ | |
− | + | float: right; | |
− | + | height: 16px; | |
− | + | width: 16px; | |
− | + | cursor: pointer; | |
− | + | background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png); | |
− | + | margin-top: -9px; | |
− | + | margin-right: -7px; | |
− | + | -webkit-transition: opacity 0.15s; | |
− | + | -moz-transition: opacity 0.15s; | |
− | + | -o-transition: opacity 0.15s; | |
− | + | -ms-transition: opacity 0.15s; | |
− | + | transition: opacity 0.15s; | |
− | + | opacity: 0.6; | |
− | + | filter: alpha(opacity=60); | |
− | + | } | |
− | + | .RTsettings:hover{ | |
− | + | opacity: 1; | |
− | + | filter: alpha(opacity=100); | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Latest revision as of 12:33, 5 October 2012
/* See [[mw:Reference Tooltips]] */
.referencetooltip {
position: absolute;
list-style: none;
list-style-image: none;
opacity: 0;
font-size: 10px;
margin: 0;
z-index: 5;
padding: 0;
}
.referencetooltip li {
border: #080086 2px solid;
max-width: 260px;
padding: 10px 8px 13px 8px;
margin: 0px;
background-color: #F7F7F7;
box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
}
.referencetooltip li+li {
margin-left: 7px;
margin-top: -2px;
border: 0;
padding: 0;
height: 3px;
width: 0px;
background-color: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-top: 12px #080086 solid;
border-right: 7px transparent solid;
border-left: 7px transparent solid;
}
.referencetooltip>li+li::after {
content: '';
border-top: 8px #F7F7F7 solid;
border-right: 5px transparent solid;
border-left: 5px transparent solid;
margin-top: -12px;
margin-left: -5px;
z-index: 1;
height: 0px;
width: 0px;
display: block;
}
.client-js .referencetooltip li ul li {
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
height: auto;
width: auto;
margin: auto;
padding: 0;
position: static;
}
.RTflipped {
padding-top: 13px;
}
.referencetooltip.RTflipped li+li {
position: absolute;
top: 2px;
border-top: 0;
border-bottom: 12px #080086 solid;
}
.referencetooltip.RTflipped li+li::after {
border-top: 0;
border-bottom: 8px #F7F7F7 solid;
position: absolute;
margin-top: 7px;
}
.RTsettings{
float: right;
height: 16px;
width: 16px;
cursor: pointer;
background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
margin-top: -9px;
margin-right: -7px;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
transition: opacity 0.15s;
opacity: 0.6;
filter: alpha(opacity=60);
}
.RTsettings:hover{
opacity: 1;
filter: alpha(opacity=100);
}