diff --git a/epicyon-profile.css b/epicyon-profile.css index 3700bece..1f5f08c5 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -60,26 +60,10 @@ a:link { font-weight: bold; } -.cwButton { - border-radius: var(--button-corner-radius); - background-color: #554; - border: none; - color: #FFFFFE; - text-align: center; - font-size: 26px; - padding: 2px; - cursor: pointer; - margin: 5px; -} - .cwText { display: none; } -.pageicon { - width: 8%; -} - .timeline-banner { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("banner.png"); height: 10%; @@ -166,91 +150,10 @@ a:link { color: var(--button-text); } -.button { - border-radius: var(--button-corner-radius); - background-color: var(--button-background); - border: none; - color: var(--button-text); - text-align: center; - font-size: 18px; - padding: 10px; - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; -} - -.buttonunfollow { - border-radius: var(--button-corner-radius); - background-color: var(--button-background); - border: none; - color: var(--button-text); - text-align: center; - font-size: 18px; - padding: 10px; - width: 20%; - max-width: 200px; - min-width: 100px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; - float: right; -} - -.buttonhighlighted { - border-radius: var(--button-corner-radius); - background-color: var(--button-highlighted); - border: none; - color: var(--button-text); - text-align: center; - font-size: 18px; - padding: 10px; - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; -} - .timelineIcon { width: 10%; } -.followApprove { - border-radius: var(--button-corner-radius); - background-color: var(--button-approve); - border: none; - color: #FFFFFF; - text-align: center; - font-size: 18px; - padding: 10px; - width: 20%; - max-width: 200px; - min-width: 100px; - 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: 18px; - padding: 10px; - width: 20%; - max-width: 200px; - min-width: 100px; - cursor: pointer; - margin: 0 5px; - float: right; -} - .followRequestHandle { padding: 0px 20px; } @@ -280,38 +183,6 @@ a:link { right: 0; } -.buttonselected { - border-radius: var(--button-corner-radius); - background-color: var(--button-selected); - border: none; - color: var(--button-text); - text-align: center; - font-size: 18px; - padding: 10px; - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - 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: 18px; - padding: 10px; - width: 10%; - max-width: 100px; - min-width: 80px; - transition: all 0.5s; - cursor: pointer; - margin: 5px; -} - .buttonselected span { cursor: pointer; display: inline-block; @@ -367,15 +238,6 @@ a:link { display: table; } -.container img { - float: left; - max-width: 400px; - width: 5%; - padding: 0px 7px; - margin-right: 20px; - border-radius: 10%; -} - .searchEmoji { vertical-align: middle; float: none; @@ -395,16 +257,6 @@ a:link { vertical-align: middle; } -.container img.emojiheader { - float: none; - width: 25px; - margin-left: 0px; - margin-right: 0px; - padding-right: 0px; - border-radius: 0px; - vertical-align: middle; -} - .hero-text img.emojiprofile { float: none; width: 50px; @@ -420,13 +272,6 @@ a:link { margin: 0px 0px; } -.containericons img { - float: right; - max-width: 200px; - width: 6%; - border-radius: 0%; -} - .replyingto { color: var(--main-fg-color); } @@ -475,25 +320,12 @@ a:link { padding: 0 0; margin: 0 0; } -.container img.timelineicon { - float: right; - margin-left: 0px; - margin-right:0; - padding: 0 0; - margin: 0 0; -} .containericons img.right { float: right; margin-left: 20px; margin-right: 0; } -.time-right { - float: right; - color: var(--time-color); - margin: 4px 20px; -} - .post-title { margin-top: 0px; color: #444; @@ -534,20 +366,6 @@ input[type=radio] { width: 32px; } -input[type=text], select, textarea { - width: 100%; - padding: 12px; - border: 1px solid #ccc; - border-radius: var(--button-corner-radius); - box-sizing: border-box; - margin-top: 6px; - margin-bottom: 16px; - resize: vertical; - font-size: 24px; - background-color: var(--main-bg-color-reply); - color: var(--main-fg-color); -} - input[type=number] { width: 10%; padding: 12px; @@ -577,32 +395,6 @@ input[type=submit] { width: 120px; } -input.vote[type=submit] { - background-color: var(--button-background); - color: var(--button-text); - float: left; - margin: 10px 10px; - padding: 12px 10px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: 18px; - width: 120px; -} - -.cancelbtn { - background-color: var(--button-background); - color: var(--button-text); - float: right; - margin: 10px 10px; - padding: 12px 10px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: 18px; - width: 120px; -} - .loginButton { background-color: #2965; color: #000; @@ -616,16 +408,6 @@ input.vote[type=submit] { opacity: 0.7; } -input[type=file] { - background-color: var(--button-background); - color: var(--button-text); - padding: 12px 20px; - border: none; - border-radius: var(--button-corner-radius); - cursor: pointer; - font-size: 18px; -} - input[type=submit]:hover { background-color: var(--button-background); } @@ -673,19 +455,6 @@ input[type=submit]:hover { padding: 0px 30px; } -.timeline-avatar img { - opacity: 1.0; - width: 8%; - height: 8%; - padding: 0px 0px; - -ms-transform: translateY(-10%); - transform: translateY(-10%); -} - -.scope-desc { - font-size: 18px; -} - /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; @@ -775,13 +544,6 @@ input[type=checkbox] background-color: var(--main-bg-color); } -div.gallery { - margin: 5px; - border: 1px solid var(--gallery-border); - float: left; - width: 49%; -} - div.gallery:hover { border: 1px solid var(--gallery-hover); } @@ -791,11 +553,6 @@ div.gallery img { height: auto; } -div.imagedesc { - padding: 22px; - text-align: center; -} - .invisible { color: transparent; font-size: 0;