Thành viên:Plantaest/Status/styles.css

.tooltip {
  position: relative;
  display: inline-block;
  background: #0C0;
  float: right;
  width: 20px;
  height: 20px;
  user-select: none;
}

.tooltip .tooltiptext {
  font-family: Courier New;
  visibility: hidden;
  width: 120px;
  background-color: #f1f1f1;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -7px;
  right: 140%;
  opacity: 0;
  transition: opacity 1s;
  font-size: 0.875em;   
  font-weight: 300;
  box-shadow: 0 2px 5px #ccc;
}

/*.tooltip .tooltiptext::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 100%;*/
/*  margin-top: -5px;*/
/*  border-width: 5px;*/
/*  border-style: solid;*/
/*  border-color: transparent transparent transparent #f1f1f1;*/
/*}*/
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Test modal */

.modal {
  margin: 100px auto;
  padding: 20px;
  background: #fff;
  width: 300px;
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  position: relative;
}

.modal h2 { margin-top: 0; }

.modal .close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 20px;
  opacity: 0.8;
  transition: all 200ms;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #777;
}

.modal .close:hover { opacity: 1; }

.modal .content {
  max-height: 400px;
  overflow: auto;
}

.modal p {
  margin: 0 0 1em;
}

.modal p:last-child { margin: 0; }

.overlay2 {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: visibility 200ms, opacity 200ms;
  visibility: hidden;
  opacity: 0;
  display: block!important;
}

.overlay2 .cancel a {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}

.overlay2:target {
  visibility: visible;
  opacity: 1;
}
.overflow h3 {
    overflow: initial;
}

.right-button a {
    cursor: default;
    padding: 0!important;
	background: #0C0 !important;
    float: right;
    width: 20px;
    height: 20px;
    user-select: none;
}