MediaWiki:Common.css: Difference between revisions

From John Bray Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 65: Line 65:
   color: #fff;
   color: #fff;
   text-align: center;
   text-align: center;
  border-radius: 6px;
  padding: 5px 0;
 
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}
.image:hover .imagecaption {
  visibility: visible;
}
.image1:hover .image1caption {
  visibility: visible;
}
.document:hover .documentcaption {
  visibility: visible;
}

Revision as of 11:13, 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;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.image:hover .imagecaption {
  visibility: visible;
}

.image1:hover .image1caption {
  visibility: visible;
}

.document:hover .documentcaption {
  visibility: visible;
}