From af9b084a4f437c2b1a44b83875ea87de375e70aa Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Sun, 1 May 2022 11:47:35 +0100 Subject: [PATCH] Avatar image style --- epicyon-blog.css | 49 ++++++++++++++++++++++++++++++++++++--------- epicyon-links.css | 49 ++++++++++++++++++++++++++++++++++++--------- epicyon-profile.css | 30 +++++++++++++-------------- 3 files changed, 93 insertions(+), 35 deletions(-) diff --git a/epicyon-blog.css b/epicyon-blog.css index cb052ba12..cba1e4665 100644 --- a/epicyon-blog.css +++ b/epicyon-blog.css @@ -581,7 +581,7 @@ input[type=submit]:hover { } .timeline-avatar { - margin: 10px auto; + margin: 0px 0px; padding: 0px 0px; width: 8%; float: left; @@ -589,7 +589,8 @@ input[type=submit]:hover { .timeline-avatar-reply { padding: 0px 0px; - width: 80%; + width: 4%; + float: left; } .search-result-text { @@ -801,6 +802,12 @@ div.gallery img { padding: 0px 0px; border-radius: var(--avatar-rounding); } + .timeline-avatar-reply img { + opacity: 1.0; + width: 100%; + padding: 0px 0px; + border-radius: var(--avatar-rounding); + } .cwButton { border-radius: var(--button-corner-radius); background-color: #554; @@ -1149,10 +1156,15 @@ div.gallery img { border-radius: 0%; } .timeline-avatar { - margin: 10px auto; - padding: 0px 0px; - width: 15%; - float: left; + margin: 0px 0px; + padding: 0px 0px; + width: 15%; + float: left; + } + .timeline-avatar-reply { + padding: 0px 0px; + width: 12%; + float: left; } .timeline-avatar img { opacity: 1.0; @@ -1160,6 +1172,12 @@ div.gallery img { padding: 0px 0px; border-radius: var(--avatar-rounding); } + .timeline-avatar-reply img { + opacity: 1.0; + width: 100%; + padding: 0px 0px; + border-radius: var(--avatar-rounding); + } .cwButton { border-radius: var(--button-corner-radius); background-color: #554; @@ -1499,10 +1517,15 @@ div.gallery img { border-radius: 0%; } .timeline-avatar { - margin: 10px auto; - padding: 0px 0px; - width: 15%; - float: left; + margin: 0px 0px; + padding: 0px 0px; + width: 15%; + float: left; + } + .timeline-avatar-reply { + padding: 0px 0px; + width: 12%; + float: left; } .timeline-avatar img { opacity: 1.0; @@ -1510,6 +1533,12 @@ div.gallery img { padding: 0px 0px; border-radius: var(--avatar-rounding); } + .timeline-avatar-reply img { + opacity: 1.0; + width: 100%; + padding: 0px 0px; + border-radius: var(--avatar-rounding); + } .cwButton { border-radius: var(--button-corner-radius); background-color: #554; diff --git a/epicyon-links.css b/epicyon-links.css index 76c016bf7..5197ec4e4 100644 --- a/epicyon-links.css +++ b/epicyon-links.css @@ -582,7 +582,7 @@ input[type=submit]:hover { } .timeline-avatar { - margin: 10px auto; + margin: 0px 0px; padding: 0px 0px; width: 8%; float: left; @@ -594,7 +594,8 @@ input[type=submit]:hover { .timeline-avatar-reply { padding: 0px 0px; - width: 80%; + width: 4%; + float: left; } .search-result-text { @@ -1060,6 +1061,12 @@ aside .toggle-inside li { padding: 0px 0px; border-radius: var(--avatar-rounding); } + .timeline-avatar-reply img { + opacity: 1.0; + width: 100%; + padding: 0px 0px; + border-radius: var(--avatar-rounding); + } .buttonevent { border-radius: var(--button-corner-radius); background-color: var(--button-highlighted); @@ -1523,10 +1530,15 @@ aside .toggle-inside li { border-radius: 0%; } .timeline-avatar { - margin: 10px auto; - padding: 0px 0px; - width: 15%; - float: left; + margin: 0px 0px; + padding: 0px 0px; + width: 15%; + float: left; + } + .timeline-avatar-reply { + padding: 0px 0px; + width: 12%; + float: left; } .timeline-avatar img { opacity: 1.0; @@ -1534,6 +1546,12 @@ aside .toggle-inside li { padding: 0px 0px; border-radius: var(--avatar-rounding); } + .timeline-avatar-reply img { + opacity: 1.0; + width: 100%; + padding: 0px 0px; + border-radius: var(--avatar-rounding); + } .buttonevent { border-radius: var(--button-corner-radius); background-color: var(--button-highlighted); @@ -1989,10 +2007,15 @@ aside .toggle-inside li { border-radius: 0%; } .timeline-avatar { - margin: 10px auto; - padding: 0px 0px; - width: 15%; - float: left; + margin: 0px 0px; + padding: 0px 0px; + width: 15%; + float: left; + } + .timeline-avatar-reply { + padding: 0px 0px; + width: 12%; + float: left; } .timeline-avatar img { opacity: 1.0; @@ -2000,6 +2023,12 @@ aside .toggle-inside li { padding: 0px 0px; border-radius: var(--avatar-rounding); } + .timeline-avatar-reply img { + opacity: 1.0; + width: 100%; + padding: 0px 0px; + border-radius: var(--avatar-rounding); + } .buttonevent { border-radius: var(--button-corner-radius); background-color: var(--button-highlighted); diff --git a/epicyon-profile.css b/epicyon-profile.css index 92430f0d2..03bf3bc3c 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -885,7 +885,7 @@ input[type=submit]:hover { } .timeline-avatar { - margin: 10px auto; + margin: 0px 0px; padding: 0px 0px; width: 8%; float: left; @@ -2235,15 +2235,15 @@ h3 { border-radius: 0%; } .timeline-avatar { - margin: 10px auto; - padding: 0px 0px; - width: 15%; - float: left; + margin: 0px 0px; + padding: 0px 0px; + width: 15%; + float: left; } .timeline-avatar-reply { - padding: 0px 0px; - width: 7.5%; - float: left; + padding: 0px 0px; + width: 12%; + float: left; } .timeline-avatar img { opacity: 1.0; @@ -3009,15 +3009,15 @@ h3 { border-radius: 0%; } .timeline-avatar { - margin: 10px auto; - padding: 0px 0px; - width: 15%; - float: left; + margin: 0px 0px; + padding: 0px 0px; + width: 15%; + float: left; } .timeline-avatar-reply { - padding: 0px 0px; - width: 7.5%; - float: left; + padding: 0px 0px; + width: 12%; + float: left; } .timeline-avatar img { opacity: 1.0;