User:Saag/common.css: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
Saag (talk | contribs)
No edit summary
Saag (talk | contribs)
mNo edit summary
 
(113 intermediate revisions by the same user not shown)
Line 1: Line 1:
.popover__wrapper {
/*:root {*/
  position: relative;
/*    --weapon-orange: #d5903f;*/
  margin-top: 1.5rem;
/*    --vitality-green: #74b01c; */
  display: inline-block;
/*    --spirit-purple: #c288f0;*/
}
/*}*/
.popover__content {
 
  opacity: 0;
/*a:link, a:visited {*/
  visibility: hidden;
/* color: #694a2c;*/
  position: absolute;
/*}*/
  left: -150px;
 
  transform: translate(0, 10px);
/*body, .mw-header, .mw-page-container, #article, #content, #catlinks {*/
  background-color: #bfbfbf;
/* color: #21130b;*/
  padding: 1.5rem;
/*    background-color: #f5eedd;*/
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
/*}*/
  width: auto;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}

Latest revision as of 15:40, 26 October 2024

/*:root {*/
/*    --weapon-orange: #d5903f;*/
/*    --vitality-green: #74b01c; */
/*    --spirit-purple: #c288f0;*/
/*}*/

/*a:link, a:visited {*/
/*	color: #694a2c;*/
/*}*/

/*body, .mw-header, .mw-page-container, #article, #content, #catlinks {*/
/*	color: #21130b;*/
/*    background-color: #f5eedd;*/
/*}*/