MediaWiki:Common.css: Difference between revisions

From John Bray Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 8: Line 8:
}
}


.tooltip {
.image {
   position: relative;
   position: relative;
   display: inline-block;
   display: inline-block;
Line 14: Line 14:
}
}


.tooltip .tooltiptext {
.image1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
 
.document {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
 
.image .imagecaption {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
 
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}
.image1 .image1caption {
   visibility: hidden;
   visibility: hidden;
   width: 120px;
   width: 120px;
Line 23: Line 51:
   padding: 5px 0;
   padding: 5px 0;
    
    
  /* Position the tooltip */
   position: absolute;
   position: absolute;
   z-index: 1;
   z-index: 1;
Line 30: Line 59:
}
}


.tooltip:hover .tooltiptext {
.document .documentcaption {
   visibility: visible;
   visibility: hidden;
}
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;

Revision as of 10:27, 7 March 2021

/* CSS placed here will be applied to all skins */

/* JRB Hide icons for links and files */

div#content a.external {
    background:none !important;
    padding: 0px !important;
}

.image {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.image1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.document {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.image .imagecaption {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}
.image1 .image1caption {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.document .documentcaption {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;