Difference between revisions of "User:BOBO/Sandbox"

From Detective Conan Wiki
(→‎Template:Css test)
Line 2: Line 2:
 
__NOTOC__
 
__NOTOC__
 
=Template:Css test=
 
=Template:Css test=
−
<span class="cover">Hidden text</span>
+
<div class="tooltip">Hover over me<span class="tooltiptext">Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text </span></div>
 
{{css|
 
{{css|
−
.cover, .cover a, a .cover, .cover a.new {
+
.tooltip {
−
   background-color: #252525;
+
   position: relative;
−
   color: #252525;
+
   display: inline-block;
−
   text-shadow: none;
+
   border-bottom: 1px dotted black;
 +
  cursor: help;
 
}
 
}
−
.cover:hover, .cover:active,
+
 
−
.cover:hover .cover, .cover:active .cover {
+
.tooltip .tooltiptext {
−
   color: white !important;
+
  visibility: hidden;
 +
  opacity: 0;
 +
  transition: opacity 0.2s;
 +
  width: 160px;
 +
  background-color: white;
 +
  color: black;
 +
  text-align: center;
 +
  border-radius: 3px;
 +
  padding: 6px 8px;
 +
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
 +
  border: 1px solid #ccc;
 +
 
 +
  position: absolute;
 +
  z-index: 1;
 +
  bottom: 125%;
 +
  left: 50%;
 +
  transform: translateX(-50%);
 +
   pointer-events: auto;
 
}
 
}
−
.cover:hover a, a:hover .cover,
+
 
−
.cover:active a, a:active .cover {
+
.tooltip:hover .tooltiptext,
−
   color: lightblue !important;
+
.tooltip .tooltiptext:hover {
−
}
+
   visibility: visible;
−
.cover:hover .new, .cover .new:hover, .new:hover .cover,
+
   opacity: 1;
−
.cover:active .new, .cover .new:active, .new:active .cover {
 
−
   color: #BA0000 !important;
 
 
}
 
}
 
}}
 
}}

Revision as of 16:44, 1 June 2025

This is a SANDBOX page, feel free to make any alterations.

Template:Css test

Hover over meTooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text Tooltip text

Template:Css

Anime production staff

Screenplay


Organizer


Storyboard


Episode Director

Retrieved from "https://www.detectiveconanworld.com/wiki/index.php?title=User:BOBO/Sandbox&oldid=386926"