MediaWiki:Common.css
From dataZoa Wiki
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: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */ /* change the size of the dZ logo in the Vector Skin */ #p-logo a { background-size: 150px 50px; } /* changes the size of the dZ logo for the Boostrapskin */ #p-logo { width: 70%; } #mw-head { background-color: #27AE60; } #mw-page-base { background-image: linear-gradient(#00af89 50%,#27ae60 100%); } #mw-head-base { background-color: #27AE60; } body { background-color: #27AE60; } #innerbodycontent { border-radius: 12px; } .btn { border-radius: 6px; } #offCanvas { border-radius: 12px; } /* remove tools from sidebar */ #p-tb { display:none !important; } //remove footer from bootstrap template #footer-places-disclaimer {display:none!important;} #footer-places-about {display:none!important;} #footer-places-privacy {display:none!important;} #footer-icons {display:none!important;} /* = TOOLTIP STUFF */ /* Tooltip container */ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 1s; } /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }