Difference between revisions of "MediaWiki:Common.css"
From dataZoa Wiki
Line 54: | Line 54: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
− | + | } | |
− | } | + | |
/* Tooltip text */ | /* Tooltip text */ | ||
.tooltip .tooltiptext { | .tooltip .tooltiptext { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
visibility: hidden; | visibility: hidden; | ||
− | width: | + | width: 120px; |
− | background-color: white | + | background-color: white; |
− | + | color: blue; | |
− | + | text-align: center; | |
padding: 5px 0; | padding: 5px 0; | ||
border-radius: 6px; | border-radius: 6px; | ||
− | + | ||
− | /* Position the tooltip text */ | + | /* Position the tooltip text - see examples below! */ |
− | + | position: absolute; | |
− | + | z-index: 1; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Show the tooltip text when you mouse over the tooltip container */ | /* Show the tooltip text when you mouse over the tooltip container */ |
Revision as of 19:42, 27 October 2016
/* 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; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: white; color: blue; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }