Difference between revisions of "MediaWiki:Common.css"
From dataZoa Wiki
Line 47: | Line 47: | ||
#footer-places-privacy {display:none!important;} | #footer-places-privacy {display:none!important;} | ||
#footer-icons {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; | ||
+ | } |
Revision as of 08:05, 19 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; 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; }