Difference between revisions of "MediaWiki:Common.css"

From dataZoa Wiki
Jump to: navigation, search
Line 54: Line 54:
 
     position: relative;
 
     position: relative;
 
     display: inline-block;
 
     display: inline-block;
     border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+
     }
}
+
  
 
/* Tooltip text */
 
/* Tooltip text */
 
.tooltip .tooltiptext {
 
.tooltip .tooltiptext {
    display: inline-block;
 
    position: relative;
 
    height: 1.0em;
 
    width: 1.0em;
 
    vertical-align: middle;
 
    /* background: url("/img/Key.png") no-repeat scroll; */
 
    cursor: help;
 
 
 
     visibility: hidden;
 
     visibility: hidden;
     width: 150px;
+
     width: 120px;
     background-color: white
+
     background-color: white;
     /* color: #fff; */
+
     color: blue;
     /* text-align: center; */
+
     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; */
+
     position: absolute;
     /* z-index: 1; */
+
     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;
 
    background-color: white;
 
}
 
  
 
/* 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;
}