MediaWiki:Common.css: различия между версиями

Материал из Bluemoon Wiki
м (тултипы 4)
м (тултипы 5)
Строка 16: Строка 16:
.tooltip-content {
.tooltip-content {
   display: none;
   display: none;
   position: absolute;
   position: absolute;
 
   left: -8px;
   left: 0;
   top: calc(1.2em - 8px);
   top: 1.2em;
 
  box-sizing: content-box;


  cursor: default;
   width: 200px;
   width: 200px;
  background: white;
   padding: 4px;
   padding: 4px;
   margin: 0;
   margin: 0;


   border-radius: 4px;
   border-radius: 4px;
  border: 8px solid transparent;
  background: #e1e1e1;
}
.tooltip-content:before {
  content: '';
  display: block;
  width: 40px;
  height: 60px;
  float: left;
  background-image: url('/images/1/19/Safety-moth.png');
  background-size: 40px 60px;
}


  box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 90px -20px, rgb(234, 236, 240) 0px 0px 0px 1px;
.tooltip-content.no-moth:before {
  display: none;
}
}

Версия от 20:44, 24 октября 2024

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.tooltip {
  position: relative;
}

.tooltip > .text {
  cursor: help;
  text-decoration: underline dotted;
}

.tooltip:hover .tooltip-content,
.tooltip-content:hover {
  display: block;
}

.tooltip-content {
  display: none;

  position: absolute;
  left: -8px;
  top: calc(1.2em - 8px);

  box-sizing: content-box;

  width: 200px;
  padding: 4px;
  margin: 0;

  border-radius: 4px;
  border: 8px solid transparent;

  background: #e1e1e1;
}

.tooltip-content:before {
  content: '';
  display: block;

  width: 40px;
  height: 60px;

  float: left;

  background-image: url('/images/1/19/Safety-moth.png');
  background-size: 40px 60px;
}

.tooltip-content.no-moth:before {
  display: none;
}