diff --git a/Website/styles/style_default.css b/Website/styles/style_default.css index f4f6fa8..4f4e67c 100644 --- a/Website/styles/style_default.css +++ b/Website/styles/style_default.css @@ -269,8 +269,8 @@ status-tooltip { position: absolute; /*Position*/ - left: 150% ; - bottom: -50%; + left: -50px ; + bottom: 150%; z-index: 3; /*Text Properties*/ @@ -279,7 +279,6 @@ status-tooltip { color:white; text-align: center; padding: 5px 5px; - vertical-align: middle; /*Size*/ width:100px; @@ -290,12 +289,12 @@ status-tooltip { status-tooltip::after { content: " "; position: absolute; - top: 50%; - right: 100%; /* To the left of the tooltip */ - margin-top: -5px; + top: 100%; /* At the bottom of the tooltip */ + left: 50%; + margin-left: -5px; border-width: 5px; border-style: solid; - border-color: transparent black transparent transparent; + border-color: black transparent transparent transparent; } publication img { diff --git a/Website/styles/style_mangahover.css b/Website/styles/style_mangahover.css index d9afb52..2390c0d 100644 --- a/Website/styles/style_mangahover.css +++ b/Website/styles/style_mangahover.css @@ -270,8 +270,8 @@ status-tooltip { position: absolute; /*Position*/ - left: 150% ; - bottom: -50%; + left: -50px ; + bottom: 150%; z-index: 3; /*Text Properties*/ @@ -280,7 +280,6 @@ status-tooltip { color:white; text-align: center; padding: 5px 5px; - vertical-align: middle; /*Size*/ width:100px; @@ -291,12 +290,12 @@ status-tooltip { status-tooltip::after { content: " "; position: absolute; - top: 50%; - right: 100%; /* To the left of the tooltip */ - margin-top: -5px; + top: 100%; /* At the bottom of the tooltip */ + left: 50%; + margin-left: -5px; border-width: 5px; border-style: solid; - border-color: transparent black transparent transparent; + border-color: black transparent transparent transparent; }