Difference between revisions of "MediaWiki:Common.css"

/* 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 {
     display: inline-block;
     position: relative;
     height: 1.0em;
     width: 1.0em;
     vertical-align: middle;
     background: rgba(0, 0, 0, 0) url("/img/Key.png") no-repeat
     /* background: url("/img/Key.png") no-repeat scroll; */
     cursor: help;
 
    visibility: hidden;
    width: 150px;
    /* 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;
}