MediaWiki:Common.css: Difference between revisions

From John Bray Wiki
Jump to navigation Jump to search
(Created page with "→â€: →â€: div#content a.external { background:none !important; padding: 0px !import...")
 
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* External links are green */
.mw-body-content a.external {color: #008000}
.mw-body-content a.external:visited {color: #008000}


/* JRB Hide icons for links and files */
/* JRB Hide icons for links and files */
Line 8: Line 12:
}
}


.tooltip {
.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;
   position: relative;
   display: inline-block;
   display: inline-block;
Line 14: Line 30:
}
}


.tooltip .tooltiptext {
.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;
   visibility: hidden;
   width: 120px;
   width: 120px;
Line 31: Line 80:
}
}


.tooltip:hover .tooltiptext {
.image:hover .imagecaption {
  visibility: visible;
}
 
.image1:hover .image1caption {
  visibility: visible;
}
 
.document:hover .documentcaption {
   visibility: visible;
   visibility: visible;
}
}

Latest revision as of 20:46, 20 December 2021

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

/* External links are green */
.mw-body-content a.external {color: #008000}
.mw-body-content a.external:visited {color: #008000}

/* 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;
}