glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-12 14:57:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Initial feature

Browse Source
This commit is contained in:
db-2001
2023-11-01 19:06:47 -04:00
parent 135aca08ab
commit b03918ab5c
3 changed files with 128 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
Website/styles/style_default.css
View File

@ -250,6 +250,53 @@ publication-name{
font-weight: bold;
}
publication-status {
display: inline-block;
height: 10px;
width: 10px;
border-radius: 50%;
margin: 5px;
position: relative;
vertical-align: middle;
}
publication-status:hover > status-tooltip {
visibility: visible;
}
status-tooltip {
visibility: hidden;
position: absolute;
/*Position*/
left: -50px ;
bottom: 150%;
z-index: 3;
/*Text Properties*/
font-size:10pt;
font-weight:bold;
color:white;
text-align: center;
padding: 5px 5px;
/*Size*/
width:100px;
background-color: black;
border-radius: 6px;
}
status-tooltip::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
publication img {
position: absolute;
top: 0;

48
Website/styles/style_mangahover.css
View File

@ -251,6 +251,54 @@ publication-name{
font-weight: bold;
}
publication-status {
display: inline-block;
height: 10px;
width: 10px;
border-radius: 50%;
margin: 5px;
position: relative;
vertical-align: middle;
}
publication-status:hover > status-tooltip {
visibility: visible;
}
status-tooltip {
visibility: hidden;
position: absolute;
/*Position*/
left: -50px ;
bottom: 150%;
z-index: 3;
/*Text Properties*/
font-size:10pt;
font-weight:bold;
color:white;
text-align: center;
padding: 5px 5px;
/*Size*/
width:100px;
background-color: black;
border-radius: 6px;
}
status-tooltip::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
publication-details {
display: flex;
flex-direction: column;