From af6d80d0a9d46154df73d1015040cf4659591cf2 Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Mon, 25 May 2020 16:53:38 +0100 Subject: [PATCH] Untabify --- epicyon-blog.css | 528 +++++++++++++++++++++---------------------- epicyon-follow.css | 48 ++-- epicyon-login.css | 16 +- epicyon-profile.css | 537 ++++++++++++++++++++++---------------------- 4 files changed, 567 insertions(+), 562 deletions(-) diff --git a/epicyon-blog.css b/epicyon-blog.css index 2de47ebef..6df6bc874 100644 --- a/epicyon-blog.css +++ b/epicyon-blog.css @@ -662,29 +662,29 @@ div.gallery img { @media screen and (min-width: 400px) { body, html { font-size: var(--font-size4); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; } .galleryContainer { - display: grid; - grid-template-columns: 50% 50%; - grid-column-gap: 5px; - background-color: var(--main-bg-color); + display: grid; + grid-template-columns: 50% 50%; + grid-column-gap: 5px; + background-color: var(--main-bg-color); } div.gallerytext { - color: var(--gallery-text-color); - font-size: var(--gallery-font-size); - font-family: "Times New Roman", Roman, serif; + color: var(--gallery-text-color); + font-size: var(--gallery-font-size); + font-family: "Times New Roman", Roman, serif; } div.gallery { - margin: 5px; - border: 1px solid var(--gallery-border); - float: left; - width: 100%; - object-fit: scale-down; + margin: 5px; + border: 1px solid var(--gallery-border); + float: left; + width: 100%; + object-fit: scale-down; } div.imagedesc { - padding: 22px; - text-align: center; + padding: 22px; + text-align: center; } .container img { float: left; @@ -707,21 +707,21 @@ div.gallery img { transform: translateY(-25%); } .container img.timelineicon { - float: right; - margin-left: 0px; - margin-right:0; - padding: 0 0; - margin: 0 0; - width: 50px; + float: right; + margin-left: 0px; + margin-right:0; + padding: 0 0; + margin: 0 0; + width: 50px; } .container img.emojiheader { - float: none; - width: 25px; - margin-left: 0px; - margin-right: 0px; - padding-right: 0px; - border-radius: 0px; - vertical-align: middle; + float: none; + width: 25px; + margin-left: 0px; + margin-right: 0px; + padding-right: 0px; + border-radius: 0px; + vertical-align: middle; } .containericons img { float: right; @@ -759,7 +759,7 @@ div.gallery img { color: #FFFFFE; text-align: center; font-size: var(--font-size5); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: 2px; cursor: pointer; margin: 5px; @@ -771,7 +771,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: var(--button-height-padding); transition: all 0.5s; cursor: pointer; @@ -784,7 +784,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: var(--button-height-padding); width: 10%; max-width: 100px; @@ -794,20 +794,20 @@ div.gallery img { margin: 5px; } .buttonhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding); - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; + border-radius: var(--button-corner-radius); + background-color: var(--button-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-header); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding); + width: 10%; + max-width: 100px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; } .buttonselected { border-radius: var(--button-corner-radius); @@ -816,7 +816,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: var(--button-height-padding); width: 10%; max-width: 100px; @@ -826,52 +826,52 @@ div.gallery img { margin: 5px; } .buttonselectedhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-selected-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding); - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; + border-radius: var(--button-corner-radius); + background-color: var(--button-selected-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-header); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding); + width: 10%; + max-width: 100px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; } .followApprove { - border-radius: var(--button-corner-radius); - background-color: var(--button-approve); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding); - width: 20%; - max-width: 200px; - min-width: 80px; - cursor: pointer; - margin: 0 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-approve); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size-header); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding); + width: 20%; + max-width: 200px; + min-width: 80px; + cursor: pointer; + margin: 0 5px; + float: right; } .followDeny { - border-radius: var(--button-corner-radius); - background-color: var(--button-deny); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding); - width: 20%; - max-width: 200px; - min-width: 80px; - cursor: pointer; - margin: 0 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-deny); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size-header); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding); + width: 20%; + max-width: 200px; + min-width: 80px; + cursor: pointer; + margin: 0 5px; + float: right; } .pageicon { width: 4%; @@ -891,7 +891,7 @@ div.gallery img { margin-bottom: 16px; resize: vertical; font-size: var(--font-size2); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; background-color: var(--main-bg-color-reply); color: var(--main-fg-color); } @@ -899,29 +899,29 @@ div.gallery img { background-color: var(--button-background); color: var(--button-text); padding: var(--button-height-padding); - display: inline-block; + display: inline-block; margin: 15px; border: none; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 20%; } .question { - font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; + font-size: var(--font-size); + font-family: "Times New Roman", Roman, serif; } .questionresult { - font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; + font-size: var(--font-size); + font-family: "Times New Roman", Roman, serif; } input[type=radio] { - font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; - width: 32px; - vertical-align: middle; - margin-right: 20px; + font-size: var(--font-size); + font-family: "Times New Roman", Roman, serif; + width: 32px; + vertical-align: middle; + margin-right: 20px; } input.vote[type=submit] { background-color: var(--button-background); @@ -933,7 +933,7 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 20%; } input[type=file] { @@ -945,7 +945,7 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 96%; } .cancelbtn { @@ -954,33 +954,33 @@ div.gallery img { padding: var(--button-height-padding); margin: 15px; border: none; - display: inline-block; + display: inline-block; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 20%; } .scope-desc { font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; } .buttonunfollow { - border-radius: var(--button-corner-radius); - background-color: var(--button-background); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-header); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding); - width: 20%; - max-width: 200px; - min-width: 100px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-header); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding); + width: 20%; + max-width: 200px; + min-width: 100px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; + float: right; } .license { float: right; @@ -988,53 +988,53 @@ div.gallery img { width: 10%; } .donateButton { - background-color: var(--button-background); - color: var(--button-text); - float: none; - margin: 0px 10px; - padding: 12px 40px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: var(--font-size2); - font-family: "Times New Roman", Roman, serif; - opacity: 0.7; + background-color: var(--button-background); + color: var(--button-text); + float: none; + margin: 0px 10px; + padding: 12px 40px; + border: none; + border-radius: var(--button-corner-radius); + cursor: pointer; + font-size: var(--font-size2); + font-family: "Times New Roman", Roman, serif; + opacity: 0.7; } } @media screen and (min-width: 2200px) { .galleryContainer { - display: grid; - grid-template-columns: 33% 33% 33%; - grid-column-gap: 5px; - background-color: var(--main-bg-color); + display: grid; + grid-template-columns: 33% 33% 33%; + grid-column-gap: 5px; + background-color: var(--main-bg-color); } } @media screen and (max-width: 1000px) { body, html { font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; } div.gallerytext { - color: var(--gallery-text-color); - font-size: var(--gallery-font-size-mobile); - font-family: "Times New Roman", Roman, serif; + color: var(--gallery-text-color); + font-size: var(--gallery-font-size-mobile); + font-family: "Times New Roman", Roman, serif; } .galleryContainer { - display: grid; - grid-template-columns: auto; - background-color: var(--main-bg-color); + display: grid; + grid-template-columns: auto; + background-color: var(--main-bg-color); } div.gallery { - margin: 5px; - border: 1px solid var(--gallery-border); - float: left; - width: 100%; + margin: 5px; + border: 1px solid var(--gallery-border); + float: left; + width: 100%; } div.imagedesc { - padding: 35px; - text-align: center; + padding: 35px; + text-align: center; } .container img { float: left; @@ -1057,21 +1057,21 @@ div.gallery img { transform: translateY(-25%); } .container img.timelineicon { - float: right; - margin-left: 0px; - margin-right:0; - padding: 0 0; - margin: 0 0; - width: 100px; + float: right; + margin-left: 0px; + margin-right:0; + padding: 0 0; + margin: 0 0; + width: 100px; } .container img.emojiheader { - float: none; - width: 45px; - margin-left: 0px; - margin-right: 0px; - padding-right: 0px; - border-radius: 0px; - vertical-align: middle; + float: none; + width: 45px; + margin-left: 0px; + margin-right: 0px; + padding-right: 0px; + border-radius: 0px; + vertical-align: middle; } div.mediaavatar img { float: left; @@ -1109,7 +1109,7 @@ div.gallery img { color: #FFFFFE; text-align: center; font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: 2px; cursor: pointer; margin: 5px; @@ -1121,7 +1121,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: var(--button-height-padding-mobile); transition: all 0.5s; cursor: pointer; @@ -1134,7 +1134,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: var(--button-height-padding-mobile); width: 20%; max-width: 400px; @@ -1144,20 +1144,20 @@ div.gallery img { margin: 15px; } .buttonhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-button-mobile); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 15px; + border-radius: var(--button-corner-radius); + background-color: var(--button-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-button-mobile); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 15px; } .buttonselected { border-radius: var(--button-corner-radius); @@ -1166,7 +1166,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; padding: var(--button-height-padding-mobile); width: 20%; max-width: 400px; @@ -1176,52 +1176,52 @@ div.gallery img { margin: 15px; } .buttonselectedhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-selected-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-button-mobile); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 15px; + border-radius: var(--button-corner-radius); + background-color: var(--button-selected-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-button-mobile); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 15px; } .followApprove { - border-radius: var(--button-corner-radius); - background-color: var(--button-approve); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - cursor: pointer; - margin: 0 15px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-approve); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size3); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + cursor: pointer; + margin: 0 15px; + float: right; } .followDeny { - border-radius: var(--button-corner-radius); - background-color: var(--button-deny); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - cursor: pointer; - margin: 0 15px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-deny); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size3); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + cursor: pointer; + margin: 0 15px; + float: right; } .pageicon { width: 14%; @@ -1241,37 +1241,37 @@ div.gallery img { margin-bottom: 16px; resize: vertical; font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; background-color: var(--main-bg-color-reply); color: var(--main-fg-color); } input[type=button], input[type=submit] { background-color: var(--button-background); color: var(--button-text); - display: inline-block; + display: inline-block; padding: var(--button-height-padding-mobile); margin: 15px; border: none; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 20%; } .question { - font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-size: var(--font-size3); + font-family: "Times New Roman", Roman, serif; } .questionresult { - font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-size: var(--font-size3); + font-family: "Times New Roman", Roman, serif; } input[type=radio] { - font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; - height: 90px; - vertical-align: middle; - margin-right: 20px; + font-size: var(--font-size3); + font-family: "Times New Roman", Roman, serif; + height: 90px; + vertical-align: middle; + margin-right: 20px; } input.vote[type=submit] { background-color: var(--button-background); @@ -1283,7 +1283,7 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 20%; } input[type=file] { @@ -1295,42 +1295,42 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 95.4%; } .cancelbtn { background-color: var(--button-background); color: var(--button-text); - display: inline-block; + display: inline-block; padding: var(--button-height-padding-mobile); margin: 15px; border: none; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; width: 20%; } .scope-desc { font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; + font-family: "Times New Roman", Roman, serif; } .buttonunfollow { - border-radius: var(--button-corner-radius); - background-color: var(--button-background); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-button-mobile); - font-family: "Times New Roman", Roman, serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 200px; - min-width: 100px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-button-mobile); + font-family: "Times New Roman", Roman, serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 200px; + min-width: 100px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; + float: right; } .license { float: right; @@ -1338,16 +1338,16 @@ div.gallery img { width: 20%; } .donateButton { - background-color: var(--button-background); - color: var(--button-text); - float: none; - margin: 0px 10px; - padding: 12px 40px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: var(--font-size3); - font-family: "Times New Roman", Roman, serif; - opacity: 0.7; + background-color: var(--button-background); + color: var(--button-text); + float: none; + margin: 0px 10px; + padding: 12px 40px; + border: none; + border-radius: var(--button-corner-radius); + cursor: pointer; + font-size: var(--font-size3); + font-family: "Times New Roman", Roman, serif; + opacity: 0.7; } } diff --git a/epicyon-follow.css b/epicyon-follow.css index 783d29631..3c8933fbf 100644 --- a/epicyon-follow.css +++ b/epicyon-follow.css @@ -11,8 +11,8 @@ --font-size: 40px; --font-size2: 24px; --font-size3: 38px; - --font-size4: 22px; - --font-size5: 20px; + --font-size4: 22px; + --font-size5: 20px; --text-entry-foreground: #ccc; --text-entry-background: #111; --time-color: #aaa; @@ -151,26 +151,26 @@ input[type=text] { @media screen and (min-width: 400px) { .hashtagswarm { - font-size: 30px; - font-family: Arial, Helvetica, sans-serif; - padding: 30px; - line-height: 60px; + font-size: 30px; + font-family: Arial, Helvetica, sans-serif; + padding: 30px; + line-height: 60px; } .hashtagswarm2 { - font-size: 40px; - font-family: Arial, Helvetica, sans-serif; - padding: 30px; - line-height: 60px; + font-size: 40px; + font-family: Arial, Helvetica, sans-serif; + padding: 30px; + line-height: 60px; } .followText { font-size: 24px; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } input[type=text] { width: 90%; clear: both; font-size: 24px; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; text-align: center; color: var(--text-entry-foreground); background-color: var(--text-entry-background); @@ -183,7 +183,7 @@ input[type=text] { text-align: center; padding: 10px; font-size: 24px; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; max-width: 200px; min-width: 100px; @@ -194,26 +194,26 @@ input[type=text] { @media screen and (max-width: 1000px) { .hashtagswarm { - font-size: 40px; - font-family: Arial, Helvetica, sans-serif; - padding: 40px; - line-height: 70px; + font-size: 40px; + font-family: Arial, Helvetica, sans-serif; + padding: 40px; + line-height: 70px; } .hashtagswarm2 { - font-size: 50px; - font-family: Arial, Helvetica, sans-serif; - padding: 40px; - line-height: 70px; + font-size: 50px; + font-family: Arial, Helvetica, sans-serif; + padding: 40px; + line-height: 70px; } .followText { font-size: 40px; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } input[type=text] { width: 90%; clear: both; font-size: 40px; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; text-align: center; color: var(--text-entry-foreground); background-color: var(--text-entry-background); @@ -226,7 +226,7 @@ input[type=text] { text-align: center; padding: 10px; font-size: 40px; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; max-width: 200px; min-width: 100px; diff --git a/epicyon-login.css b/epicyon-login.css index 6fbe71162..5cd89d2d0 100644 --- a/epicyon-login.css +++ b/epicyon-login.css @@ -128,13 +128,13 @@ span.psw { min-width: 600px; margin: 0 auto; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; position: relative; top: 3%; } .login-text { font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } input[type=text], input[type=password] { width: 100%; @@ -144,7 +144,7 @@ span.psw { border: 1px solid #ccc; box-sizing: border-box; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } button { background-color: var(--button-background); @@ -155,7 +155,7 @@ span.psw { cursor: pointer; width: 100%; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } } @@ -171,13 +171,13 @@ span.psw { min-width: 600px; margin: 0 auto; font-size: var(--font-size-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; position: relative; top: 5%; } .login-text { font-size: var(--font-size-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } input[type=text], input[type=password] { width: 100%; @@ -187,7 +187,7 @@ span.psw { border: 1px solid #ccc; box-sizing: border-box; font-size: var(--font-size-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } button { background-color: var(--button-background); @@ -198,6 +198,6 @@ span.psw { cursor: pointer; width: 100%; font-size: var(--font-size-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } } diff --git a/epicyon-profile.css b/epicyon-profile.css index 519deea26..5b8855ea3 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -199,6 +199,7 @@ a:link { background-color: #ddd; text-align: center; cursor: pointer; + font-family: Arial, Helvetica, sans-serif; } .hero-text button:hover { @@ -215,6 +216,7 @@ a:link { } .button span { + font-family: Arial, Helvetica, sans-serif; cursor: pointer; display: inline-block; position: relative; @@ -222,6 +224,7 @@ a:link { } .button span:after { + font-family: Arial, Helvetica, sans-serif; content: '\00bb'; position: absolute; opacity: 0; @@ -240,6 +243,7 @@ a:link { } .buttonselected span { + font-family: Arial, Helvetica, sans-serif; cursor: pointer; display: inline-block; position: relative; @@ -247,6 +251,7 @@ a:link { } .buttonselected span:after { + font-family: Arial, Helvetica, sans-serif; content: '\00bb'; position: absolute; opacity: 0; @@ -346,7 +351,6 @@ a:link { .pgp { font-size: var(--font-size5); - font-family: Arial, Helvetica, sans-serif; color: var(--main-link-color); font-family: 'monospace'; } @@ -432,6 +436,7 @@ a:link { width: 10%; height: 30px; background-color: var(--button-background); + font-family: Arial, Helvetica, sans-serif; } input[type=number] { @@ -662,29 +667,29 @@ div.gallery img { @media screen and (min-width: 400px) { body, html { font-size: var(--font-size4); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } .galleryContainer { - display: grid; - grid-template-columns: 50% 50%; - grid-column-gap: 5px; - background-color: var(--main-bg-color); + display: grid; + grid-template-columns: 50% 50%; + grid-column-gap: 5px; + background-color: var(--main-bg-color); } div.gallerytext { - color: var(--gallery-text-color); - font-size: var(--gallery-font-size); - font-family: Arial, Helvetica, sans-serif; + color: var(--gallery-text-color); + font-size: var(--gallery-font-size); + font-family: Arial, Helvetica, sans-serif; } div.gallery { - margin: 5px; - border: 1px solid var(--gallery-border); - float: left; - width: 100%; - object-fit: scale-down; + margin: 5px; + border: 1px solid var(--gallery-border); + float: left; + width: 100%; + object-fit: scale-down; } div.imagedesc { - padding: 22px; - text-align: center; + padding: 22px; + text-align: center; } .container img { float: left; @@ -707,21 +712,21 @@ div.gallery img { transform: translateY(-25%); } .container img.timelineicon { - float: right; - margin-left: 0px; - margin-right:0; - padding: 0 0; - margin: 0 0; - width: 50px; + float: right; + margin-left: 0px; + margin-right:0; + padding: 0 0; + margin: 0 0; + width: 50px; } .container img.emojiheader { - float: none; - width: 25px; - margin-left: 0px; - margin-right: 0px; - padding-right: 0px; - border-radius: 0px; - vertical-align: middle; + float: none; + width: 25px; + margin-left: 0px; + margin-right: 0px; + padding-right: 0px; + border-radius: 0px; + vertical-align: middle; } .containericons img { float: right; @@ -759,7 +764,7 @@ div.gallery img { color: #FFFFFE; text-align: center; font-size: var(--font-size5); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: 2px; cursor: pointer; margin: 5px; @@ -771,7 +776,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: var(--button-height-padding); transition: all 0.5s; cursor: pointer; @@ -784,7 +789,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: var(--button-height-padding); width: 10%; max-width: 100px; @@ -794,20 +799,20 @@ div.gallery img { margin: 5px; } .buttonhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding); - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; + border-radius: var(--button-corner-radius); + background-color: var(--button-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-header); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding); + width: 10%; + max-width: 100px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; } .buttonselected { border-radius: var(--button-corner-radius); @@ -816,7 +821,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: var(--button-height-padding); width: 10%; max-width: 100px; @@ -826,52 +831,52 @@ div.gallery img { margin: 5px; } .buttonselectedhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-selected-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding); - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; + border-radius: var(--button-corner-radius); + background-color: var(--button-selected-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-header); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding); + width: 10%; + max-width: 100px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; } .followApprove { - border-radius: var(--button-corner-radius); - background-color: var(--button-approve); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding); - width: 20%; - max-width: 200px; - min-width: 80px; - cursor: pointer; - margin: 0 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-approve); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size-header); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding); + width: 20%; + max-width: 200px; + min-width: 80px; + cursor: pointer; + margin: 0 5px; + float: right; } .followDeny { - border-radius: var(--button-corner-radius); - background-color: var(--button-deny); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding); - width: 20%; - max-width: 200px; - min-width: 80px; - cursor: pointer; - margin: 0 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-deny); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size-header); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding); + width: 20%; + max-width: 200px; + min-width: 80px; + cursor: pointer; + margin: 0 5px; + float: right; } .pageicon { width: 4%; @@ -891,7 +896,7 @@ div.gallery img { margin-bottom: 16px; resize: vertical; font-size: var(--font-size2); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; background-color: var(--main-bg-color-reply); color: var(--main-fg-color); } @@ -899,29 +904,29 @@ div.gallery img { background-color: var(--button-background); color: var(--button-text); padding: var(--button-height-padding); - display: inline-block; + display: inline-block; margin: 15px; border: none; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; } .question { - font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; } .questionresult { - font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; } input[type=radio] { - font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; - width: 32px; - vertical-align: middle; - margin-right: 20px; + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; + width: 32px; + vertical-align: middle; + margin-right: 20px; } input.vote[type=submit] { background-color: var(--button-background); @@ -933,7 +938,7 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; } input[type=file] { @@ -945,7 +950,7 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 96%; } .cancelbtn { @@ -954,33 +959,33 @@ div.gallery img { padding: var(--button-height-padding); margin: 15px; border: none; - display: inline-block; + display: inline-block; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; } .scope-desc { font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } .buttonunfollow { - border-radius: var(--button-corner-radius); - background-color: var(--button-background); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-header); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding); - width: 20%; - max-width: 200px; - min-width: 100px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-header); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding); + width: 20%; + max-width: 200px; + min-width: 100px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; + float: right; } .license { float: right; @@ -988,53 +993,53 @@ div.gallery img { width: 10%; } .donateButton { - background-color: var(--button-background); - color: var(--button-text); - float: none; - margin: 0px 10px; - padding: 12px 40px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: var(--font-size2); - font-family: Arial, Helvetica, sans-serif; - opacity: 0.7; + background-color: var(--button-background); + color: var(--button-text); + float: none; + margin: 0px 10px; + padding: 12px 40px; + border: none; + border-radius: var(--button-corner-radius); + cursor: pointer; + font-size: var(--font-size2); + font-family: Arial, Helvetica, sans-serif; + opacity: 0.7; } } @media screen and (min-width: 2200px) { .galleryContainer { - display: grid; - grid-template-columns: 33% 33% 33%; - grid-column-gap: 5px; - background-color: var(--main-bg-color); + display: grid; + grid-template-columns: 33% 33% 33%; + grid-column-gap: 5px; + background-color: var(--main-bg-color); } } @media screen and (max-width: 1000px) { body, html { font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } div.gallerytext { - color: var(--gallery-text-color); - font-size: var(--gallery-font-size-mobile); - font-family: Arial, Helvetica, sans-serif; + color: var(--gallery-text-color); + font-size: var(--gallery-font-size-mobile); + font-family: Arial, Helvetica, sans-serif; } .galleryContainer { - display: grid; - grid-template-columns: auto; - background-color: var(--main-bg-color); + display: grid; + grid-template-columns: auto; + background-color: var(--main-bg-color); } div.gallery { - margin: 5px; - border: 1px solid var(--gallery-border); - float: left; - width: 100%; + margin: 5px; + border: 1px solid var(--gallery-border); + float: left; + width: 100%; } div.imagedesc { - padding: 35px; - text-align: center; + padding: 35px; + text-align: center; } .container img { float: left; @@ -1057,21 +1062,21 @@ div.gallery img { transform: translateY(-25%); } .container img.timelineicon { - float: right; - margin-left: 0px; - margin-right:0; - padding: 0 0; - margin: 0 0; - width: 100px; + float: right; + margin-left: 0px; + margin-right:0; + padding: 0 0; + margin: 0 0; + width: 100px; } .container img.emojiheader { - float: none; - width: 45px; - margin-left: 0px; - margin-right: 0px; - padding-right: 0px; - border-radius: 0px; - vertical-align: middle; + float: none; + width: 45px; + margin-left: 0px; + margin-right: 0px; + padding-right: 0px; + border-radius: 0px; + vertical-align: middle; } div.mediaavatar img { float: left; @@ -1109,8 +1114,8 @@ div.gallery img { color: #FFFFFE; text-align: center; font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: 2px; cursor: pointer; margin: 5px; @@ -1122,7 +1127,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: var(--button-height-padding-mobile); transition: all 0.5s; cursor: pointer; @@ -1135,7 +1140,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: var(--button-height-padding-mobile); width: 20%; max-width: 400px; @@ -1145,20 +1150,20 @@ div.gallery img { margin: 15px; } .buttonhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 15px; + border-radius: var(--button-corner-radius); + background-color: var(--button-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-button-mobile); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 15px; } .buttonselected { border-radius: var(--button-corner-radius); @@ -1167,7 +1172,7 @@ div.gallery img { color: var(--button-text); text-align: center; font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; padding: var(--button-height-padding-mobile); width: 20%; max-width: 400px; @@ -1177,52 +1182,52 @@ div.gallery img { margin: 15px; } .buttonselectedhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-selected-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 15px; + border-radius: var(--button-corner-radius); + background-color: var(--button-selected-highlighted); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-button-mobile); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + transition: all 0.5s; + cursor: pointer; + margin: 15px; } .followApprove { - border-radius: var(--button-corner-radius); - background-color: var(--button-approve); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - cursor: pointer; - margin: 0 15px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-approve); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size3); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + cursor: pointer; + margin: 0 15px; + float: right; } .followDeny { - border-radius: var(--button-corner-radius); - background-color: var(--button-deny); - border: none; - color: #FFFFFF; - text-align: center; - font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 400px; - min-width: 80px; - cursor: pointer; - margin: 0 15px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-deny); + border: none; + color: #FFFFFF; + text-align: center; + font-size: var(--font-size3); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 400px; + min-width: 80px; + cursor: pointer; + margin: 0 15px; + float: right; } .pageicon { width: 14%; @@ -1242,37 +1247,37 @@ div.gallery img { margin-bottom: 16px; resize: vertical; font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; background-color: var(--main-bg-color-reply); color: var(--main-fg-color); } input[type=button], input[type=submit] { background-color: var(--button-background); color: var(--button-text); - display: inline-block; + display: inline-block; padding: var(--button-height-padding-mobile); margin: 15px; border: none; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; } .question { - font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-size: var(--font-size3); + font-family: Arial, Helvetica, sans-serif; } .questionresult { - font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-size: var(--font-size3); + font-family: Arial, Helvetica, sans-serif; } input[type=radio] { - font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; - height: 90px; - vertical-align: middle; - margin-right: 20px; + font-size: var(--font-size3); + font-family: Arial, Helvetica, sans-serif; + height: 90px; + vertical-align: middle; + margin-right: 20px; } input.vote[type=submit] { background-color: var(--button-background); @@ -1284,7 +1289,7 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; } input[type=file] { @@ -1296,42 +1301,42 @@ div.gallery img { border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 95.4%; } .cancelbtn { background-color: var(--button-background); color: var(--button-text); - display: inline-block; + display: inline-block; padding: var(--button-height-padding-mobile); margin: 15px; border: none; border-radius: var(--button-corner-radius); cursor: pointer; font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; width: 20%; } .scope-desc { font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; + font-family: Arial, Helvetica, sans-serif; } .buttonunfollow { - border-radius: var(--button-corner-radius); - background-color: var(--button-background); - border: none; - color: var(--button-text); - text-align: center; - font-size: var(--font-size-button-mobile); - font-family: Arial, Helvetica, sans-serif; - padding: var(--button-height-padding-mobile); - width: 20%; - max-width: 200px; - min-width: 100px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; - float: right; + border-radius: var(--button-corner-radius); + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size-button-mobile); + font-family: Arial, Helvetica, sans-serif; + padding: var(--button-height-padding-mobile); + width: 20%; + max-width: 200px; + min-width: 100px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; + float: right; } .license { float: right; @@ -1339,16 +1344,16 @@ div.gallery img { width: 20%; } .donateButton { - background-color: var(--button-background); - color: var(--button-text); - float: none; - margin: 0px 10px; - padding: 12px 40px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: var(--font-size3); - font-family: Arial, Helvetica, sans-serif; - opacity: 0.7; + background-color: var(--button-background); + color: var(--button-text); + float: none; + margin: 0px 10px; + padding: 12px 40px; + border: none; + border-radius: var(--button-corner-radius); + cursor: pointer; + font-size: var(--font-size3); + font-family: Arial, Helvetica, sans-serif; + opacity: 0.7; } }