MediaWiki:Gadget-artTab.css
Revision as of 14:54, 14 January 2018 by Pianoforte (talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.artTab {
overflow: hidden;
position:relative;
background-color: rgba(100,100,100,0.7);
margin: 2px;
padding: 5px 0;
display: flex;
flex-grow: 1;
}
.artTab .variantswitcher {
position: absolute;
width: 95%
}
/* Style the buttons inside the tab */
.artTab .variantswitcher button {
padding: 3px 6px;
margin: 2px 2px;
border-radius: 15px;
border: none;
text-shadow:none;
z-index:5;
font-family: arial;
font-weight: bold;
font-size: 1em;
opacity:0.5;
background-color: #4E443C;
color:#F0b000;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
opacity:0.5;
}
.artTab .variantswitcher button.right {
float: right;
}
.artTab .variantswitcher button.enabled {
border: thin solid #F0b000;
}
/* Change background color of buttons on hover */
.artTab .variantswitcher button:hover {
opacity:1;
}
/* Create an active/current tablink class */
.artTab .variantswitcher button.active {
color:#4E443C;
background-color: #F0b000;
border-radius: 15px;
border: none;
text-shadow:none;
z-index:5;
}
.artTabContent {
margin: auto;
}