MediaWiki:Gadget-CollapsedSidePanels.css
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/**
* CSS Stylesheet for Collapsed Side Panels gadget
* ver. 0.1.2; 2015-12-11
*
* @track [File:Gadget-CollapsedSidePanels.js]
*/
div#mw-panel #p-logo + div.portal h3 {
display: block;
}
div#mw-panel #p-logo + div.portal div.body {
margin: 0 0 0 1.75em;
padding-top: 0;
}
div#mw-panel div.portal h3 {
color: #0645ad;
background-image: url(/w/skins/Vector/images/arrow-collapsed-ltr.png);
background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
background-position: 0 50%;
background-repeat: no-repeat;
font-size: 0.75em;
font-weight: 400;
line-height: 1.1250;
margin-top: 0.50em;
margin-bottom: 0;
margin-left: 0.75em;
padding-left: 1.50em;
}
div#mw-panel div.portal div.body {
background-image: none !important;
/* box-shadow: 0 3px 8px rgba(50, 50, 50, 0.35);*/
margin: 0 0 0 1.75em;
padding-top: 0;
display: none;
}
/*
div#mw-panel div.portal div.body ul {
background-color: #ffffff;
border-top: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}
div#mw-panel div.portal div.body ul li {
font-size: 0.75em;
line-height: 1.1250;
margin-top: 0.50em;
margin-bottom: 0.50em;
padding: 0 0.50em 0 0.50em;
}
div#mw-panel div.portal div.body ul li a {
color: #0645ad;
cursor: pointer;
white-space: nowrap;
}
*/
/* Atom RSS feed inline background icon
div#mw-panel div.portal div.body ul li a.feedlink {
background-position: center left;
background-repeat: no-repeat;
background-size: 12px 12px;
}
*/
/*
div#mw-panel div.bodyForceShow h3 {
background-position: 0 100%;
}
*/
div#mw-panel div.portal:hover h3, div#mw-panel div.bodyForceShow h3 {
color: #4d4d4d;
cursor: pointer;
background-image: url(/w/skins/Vector/images/arrow-expanded.png);
background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-expanded.svg);
background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-expanded.svg);
background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-expanded.svg);
background-position: 0 50%;
background-repeat: no-repeat;
overflow: visible;
}
/*
div#mw-panel div.portal:hover h3 a, div#mw-panel div.bodyForceShow h3 a {
color: #4d4d4d;
text-decoration: none;
}
div#mw-panel div.portal h3 a:focus {
text-decoration: none;
}
*/
/* Enable forcing showing of the menu for accessibility */
div#mw-panel div.portal:hover div.body, div#mw-panel div.bodyForceShow div.body {
display: block;
}