Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2025-12-26 15:57:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added tooltip styles

Browse Source 
Tooltip styles for role descriptions on game page.
This commit is contained in:
rtmoffat
2020-04-18 21:12:18 -04:00
committed by GitHub
parent 033417724e
commit e715403664
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/styles.css
View File

@@ -1446,3 +1446,26 @@ color: #333243;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
/*Tooltip styles. Taken from w3schools*/
#game-container .alive-player .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 50%;
left: 150%;
margin-left: -60px;
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
/*opacity: 0;*/
/*transition: opacity 1s;*/
}
#game-container .alive-player:hover .tooltiptext {
visibility: visible;
opacity: 1;
}