MediaWiki:Gadget-DefSideBoxes.css
Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.
- Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
- Konqueror and Chrome: click Reload or press F5;
- Opera: clear the cache in Tools → Preferences;
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
- This stylesheet lacks a documentation subpage. Please create it.
- This script is a part of the
DefSideBoxes
gadget (edit definitions)- Description (edit): Enable definition editing options.
- Other parts: DefSideBoxes.js
- Useful links: subpage list • links • redirects
.defEditButton {
position: absolute;
margin-left: -45px;
width: 45px;
height: 20px;
}
ol li:hover .defEditButton span {
opacity: 1;
filter: alpha(opacity=100);
}
.defEditButton span {
display: block;
margin-top: 3px;
margin-left: 10px;
cursor: pointer;
height: 10px;
width: 10px;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .15s;
-webkit-transition: opacity .15s;
-moz-transition: opacity .15s;
-o-transition: opacity .15s;
background-image: url(//upload.wikimedia.org/wikipedia/commons/d/d3/InterlanguageLinks-Asset-Pencil.gif);
}
.defEditButton span:hover { background-image: url(//upload.wikimedia.org/wikipedia/commons/d/d1/InterlanguageLinks-Asset-Pencil-Hover.gif) }
.addusexbutton {
padding-left: 15px;
margin-top: 0px;
overflow: hidden;
-webkit-transition: all 0.3s 0.3s;
-moz-transition: all 0.3s 0.3s;
-ms-transition: all 0.3s 0.3s;
-o-transition: all 0.3s 0.3s;
transition: all 0.3s 0.3s;
height: 0px;
}
li:hover>.addusexbutton {
margin-top: -4px;
height: 19px;
}
.addusexbutton>a {
vertical-align: top;
cursor: pointer;
font-size: 10px;
}
.addusexbutton>a+a { margin-left: 15px }
.addusexbutton li a {
display: block;
cursor: pointer;
}
.addusexbutton li a.DSBinactive {
color: #AAAAAA;
cursor: default;
}
.addusexbutton ul {
display: none;
position: absolute;
background-color: #FFFFFF;
border: 1px solid #AAA;
list-style: none;
padding: 1px 10px;
margin: -12px 0 0 5px;
}
.DSBRedButton,
.DSBGreenButton {
display: inline-block;
padding: 0px;
border-radius: 5px;
border: #9D9D9D solid 1px;
}
.DSBRedButton {
margin-right: 5px;
margin-left: 3px;
}
.DSBRedButton div,
.DSBGreenButton div {
padding: 1px 5px;
display: inline-block;
font-size: 14px;
color: white;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
}
.DSBRedButton div {
border-left: 1px solid #CA0000;
border-top: 1px solid #CA0000;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C70000),color-stop(1, #7A0000));
background: -moz-linear-gradient(top, #C70000, #7A0000);
background: -o-linear-gradient(top, #C70000, #7A0000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C70000', endColorstr='#7A0000');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C70000', endColorstr='#7A0000');
background-color: #C70000;
}
.DSBGreenButton div {
border-left: 1px solid #3BB677;
border-top: 1px solid #3BB677;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3BB475),color-stop(1, #246E48));
background: -moz-linear-gradient(top, #3BB475, #246E48);
background: -o-linear-gradient(top, #3BB475, #246E48);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BB475', endColorstr='#246E48');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BB475', endColorstr='#246E48');
background-color: #3BB475;
}