indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Untabify

main
Bob Mottram 2020-05-25 16:53:38 +01:00
parent 1943419e27
commit af6d80d0a9
4 changed files with 567 additions and 562 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

528
epicyon-blog.css
View File

@ -662,29 +662,29 @@ div.gallery img {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
body, html { body, html {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
grid-template-columns: 50% 50%; grid-template-columns: 50% 50%;
grid-column-gap: 5px; grid-column-gap: 5px;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size); font-size: var(--gallery-font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
div.gallery { div.gallery {
margin: 5px; margin: 5px;
border: 1px solid var(--gallery-border); border: 1px solid var(--gallery-border);
float: left; float: left;
width: 100%; width: 100%;
object-fit: scale-down; object-fit: scale-down;
} }
div.imagedesc { div.imagedesc {
padding: 22px; padding: 22px;
text-align: center; text-align: center;
} }
.container img { .container img {
float: left; float: left;
@ -707,21 +707,21 @@ div.gallery img {
transform: translateY(-25%); transform: translateY(-25%);
} }
.container img.timelineicon { .container img.timelineicon {
float: right; float: right;
margin-left: 0px; margin-left: 0px;
margin-right:0; margin-right:0;
padding: 0 0; padding: 0 0;
margin: 0 0; margin: 0 0;
width: 50px; width: 50px;
} }
.container img.emojiheader { .container img.emojiheader {
float: none; float: none;
width: 25px; width: 25px;
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
padding-right: 0px; padding-right: 0px;
border-radius: 0px; border-radius: 0px;
vertical-align: middle; vertical-align: middle;
} }
.containericons img { .containericons img {
float: right; float: right;
@ -759,7 +759,7 @@ div.gallery img {
color: #FFFFFE; color: #FFFFFE;
text-align: center; text-align: center;
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -771,7 +771,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -784,7 +784,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -794,20 +794,20 @@ div.gallery img {
margin: 5px; margin: 5px;
} }
.buttonhighlighted { .buttonhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-highlighted); background-color: var(--button-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
} }
.buttonselected { .buttonselected {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -816,7 +816,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -826,52 +826,52 @@ div.gallery img {
margin: 5px; margin: 5px;
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-selected-highlighted); background-color: var(--button-selected-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
} }
.followApprove { .followApprove {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-approve); background-color: var(--button-approve);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 5px; margin: 0 5px;
float: right; float: right;
} }
.followDeny { .followDeny {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-deny); background-color: var(--button-deny);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 5px; margin: 0 5px;
float: right; float: right;
} }
.pageicon { .pageicon {
width: 4%; width: 4%;
@ -891,7 +891,7 @@ div.gallery img {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size2); 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); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -899,29 +899,29 @@ div.gallery img {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
padding: var(--button-height-padding); padding: var(--button-height-padding);
display: inline-block; display: inline-block;
margin: 15px; margin: 15px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
.questionresult { .questionresult {
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 32px; width: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
} }
input.vote[type=submit] { input.vote[type=submit] {
background-color: var(--button-background); background-color: var(--button-background);
@ -933,7 +933,7 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -945,7 +945,7 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 96%; width: 96%;
} }
.cancelbtn { .cancelbtn {
@ -954,33 +954,33 @@ div.gallery img {
padding: var(--button-height-padding); padding: var(--button-height-padding);
margin: 15px; margin: 15px;
border: none; border: none;
display: inline-block; display: inline-block;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-background); background-color: var(--button-background);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); 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); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
float: right; float: right;
} }
.license { .license {
float: right; float: right;
@ -988,53 +988,53 @@ div.gallery img {
width: 10%; width: 10%;
} }
.donateButton { .donateButton {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
float: none; float: none;
margin: 0px 10px; margin: 0px 10px;
padding: 12px 40px; padding: 12px 40px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
opacity: 0.7; opacity: 0.7;
} }
} }
@media screen and (min-width: 2200px) { @media screen and (min-width: 2200px) {
.galleryContainer { .galleryContainer {
display: grid; display: grid;
grid-template-columns: 33% 33% 33%; grid-template-columns: 33% 33% 33%;
grid-column-gap: 5px; grid-column-gap: 5px;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
body, html { body, html {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size-mobile); font-size: var(--gallery-font-size-mobile);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
div.gallery { div.gallery {
margin: 5px; margin: 5px;
border: 1px solid var(--gallery-border); border: 1px solid var(--gallery-border);
float: left; float: left;
width: 100%; width: 100%;
} }
div.imagedesc { div.imagedesc {
padding: 35px; padding: 35px;
text-align: center; text-align: center;
} }
.container img { .container img {
float: left; float: left;
@ -1057,21 +1057,21 @@ div.gallery img {
transform: translateY(-25%); transform: translateY(-25%);
} }
.container img.timelineicon { .container img.timelineicon {
float: right; float: right;
margin-left: 0px; margin-left: 0px;
margin-right:0; margin-right:0;
padding: 0 0; padding: 0 0;
margin: 0 0; margin: 0 0;
width: 100px; width: 100px;
} }
.container img.emojiheader { .container img.emojiheader {
float: none; float: none;
width: 45px; width: 45px;
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
padding-right: 0px; padding-right: 0px;
border-radius: 0px; border-radius: 0px;
vertical-align: middle; vertical-align: middle;
} }
div.mediaavatar img { div.mediaavatar img {
float: left; float: left;
@ -1109,7 +1109,7 @@ div.gallery img {
color: #FFFFFE; color: #FFFFFE;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1121,7 +1121,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1134,7 +1134,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1144,20 +1144,20 @@ div.gallery img {
margin: 15px; margin: 15px;
} }
.buttonhighlighted { .buttonhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-highlighted); background-color: var(--button-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
} }
.buttonselected { .buttonselected {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1166,7 +1166,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1176,52 +1176,52 @@ div.gallery img {
margin: 15px; margin: 15px;
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-selected-highlighted); background-color: var(--button-selected-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
} }
.followApprove { .followApprove {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-approve); background-color: var(--button-approve);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 15px; margin: 0 15px;
float: right; float: right;
} }
.followDeny { .followDeny {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-deny); background-color: var(--button-deny);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 15px; margin: 0 15px;
float: right; float: right;
} }
.pageicon { .pageicon {
width: 14%; width: 14%;
@ -1241,37 +1241,37 @@ div.gallery img {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size3); 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); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
input[type=button], input[type=submit] { input[type=button], input[type=submit] {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
display: inline-block; display: inline-block;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
margin: 15px; margin: 15px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
.questionresult { .questionresult {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
height: 90px; height: 90px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
} }
input.vote[type=submit] { input.vote[type=submit] {
background-color: var(--button-background); background-color: var(--button-background);
@ -1283,7 +1283,7 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -1295,42 +1295,42 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
display: inline-block; display: inline-block;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
margin: 15px; margin: 15px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-background); background-color: var(--button-background);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
float: right; float: right;
} }
.license { .license {
float: right; float: right;
@ -1338,16 +1338,16 @@ div.gallery img {
width: 20%; width: 20%;
} }
.donateButton { .donateButton {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
float: none; float: none;
margin: 0px 10px; margin: 0px 10px;
padding: 12px 40px; padding: 12px 40px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif; font-family: "Times New Roman", Roman, serif;
opacity: 0.7; opacity: 0.7;
} }
} }

48
epicyon-follow.css
View File

@ -11,8 +11,8 @@
--font-size: 40px; --font-size: 40px;
--font-size2: 24px; --font-size2: 24px;
--font-size3: 38px; --font-size3: 38px;
--font-size4: 22px; --font-size4: 22px;
--font-size5: 20px; --font-size5: 20px;
--text-entry-foreground: #ccc; --text-entry-foreground: #ccc;
--text-entry-background: #111; --text-entry-background: #111;
--time-color: #aaa; --time-color: #aaa;
@ -151,26 +151,26 @@ input[type=text] {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.hashtagswarm { .hashtagswarm {
font-size: 30px; font-size: 30px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: 30px; padding: 30px;
line-height: 60px; line-height: 60px;
} }
.hashtagswarm2 { .hashtagswarm2 {
font-size: 40px; font-size: 40px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: 30px; padding: 30px;
line-height: 60px; line-height: 60px;
} }
.followText { .followText {
font-size: 24px; font-size: 24px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
input[type=text] { input[type=text] {
width: 90%; width: 90%;
clear: both; clear: both;
font-size: 24px; font-size: 24px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
text-align: center; text-align: center;
color: var(--text-entry-foreground); color: var(--text-entry-foreground);
background-color: var(--text-entry-background); background-color: var(--text-entry-background);
@ -183,7 +183,7 @@ input[type=text] {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
font-size: 24px; font-size: 24px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
@ -194,26 +194,26 @@ input[type=text] {
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.hashtagswarm { .hashtagswarm {
font-size: 40px; font-size: 40px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: 40px; padding: 40px;
line-height: 70px; line-height: 70px;
} }
.hashtagswarm2 { .hashtagswarm2 {
font-size: 50px; font-size: 50px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: 40px; padding: 40px;
line-height: 70px; line-height: 70px;
} }
.followText { .followText {
font-size: 40px; font-size: 40px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
input[type=text] { input[type=text] {
width: 90%; width: 90%;
clear: both; clear: both;
font-size: 40px; font-size: 40px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
text-align: center; text-align: center;
color: var(--text-entry-foreground); color: var(--text-entry-foreground);
background-color: var(--text-entry-background); background-color: var(--text-entry-background);
@ -226,7 +226,7 @@ input[type=text] {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
font-size: 40px; font-size: 40px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;

16
epicyon-login.css
View File

@ -128,13 +128,13 @@ span.psw {
min-width: 600px; min-width: 600px;
margin: 0 auto; margin: 0 auto;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
position: relative; position: relative;
top: 3%; top: 3%;
} }
.login-text { .login-text {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
input[type=text], input[type=password] { input[type=text], input[type=password] {
width: 100%; width: 100%;
@ -144,7 +144,7 @@ span.psw {
border: 1px solid #ccc; border: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
button { button {
background-color: var(--button-background); background-color: var(--button-background);
@ -155,7 +155,7 @@ span.psw {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
font-size: var(--font-size); 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; min-width: 600px;
margin: 0 auto; margin: 0 auto;
font-size: var(--font-size-mobile); font-size: var(--font-size-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
position: relative; position: relative;
top: 5%; top: 5%;
} }
.login-text { .login-text {
font-size: var(--font-size-mobile); font-size: var(--font-size-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
input[type=text], input[type=password] { input[type=text], input[type=password] {
width: 100%; width: 100%;
@ -187,7 +187,7 @@ span.psw {
border: 1px solid #ccc; border: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
font-size: var(--font-size-mobile); font-size: var(--font-size-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
button { button {
background-color: var(--button-background); background-color: var(--button-background);
@ -198,6 +198,6 @@ span.psw {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
font-size: var(--font-size-mobile); font-size: var(--font-size-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
} }

537
epicyon-profile.css
View File

@ -199,6 +199,7 @@ a:link {
background-color: #ddd; background-color: #ddd;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
} }
.hero-text button:hover { .hero-text button:hover {
@ -215,6 +216,7 @@ a:link {
} }
.button span { .button span {
font-family: Arial, Helvetica, sans-serif;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -222,6 +224,7 @@ a:link {
} }
.button span:after { .button span:after {
font-family: Arial, Helvetica, sans-serif;
content: '\00bb'; content: '\00bb';
position: absolute; position: absolute;
opacity: 0; opacity: 0;
@ -240,6 +243,7 @@ a:link {
} }
.buttonselected span { .buttonselected span {
font-family: Arial, Helvetica, sans-serif;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -247,6 +251,7 @@ a:link {
} }
.buttonselected span:after { .buttonselected span:after {
font-family: Arial, Helvetica, sans-serif;
content: '\00bb'; content: '\00bb';
position: absolute; position: absolute;
opacity: 0; opacity: 0;
@ -346,7 +351,6 @@ a:link {
.pgp { .pgp {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: Arial, Helvetica, sans-serif;
color: var(--main-link-color); color: var(--main-link-color);
font-family: 'monospace'; font-family: 'monospace';
} }
@ -432,6 +436,7 @@ a:link {
width: 10%; width: 10%;
height: 30px; height: 30px;
background-color: var(--button-background); background-color: var(--button-background);
font-family: Arial, Helvetica, sans-serif;
} }
input[type=number] { input[type=number] {
@ -662,29 +667,29 @@ div.gallery img {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
body, html { body, html {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
grid-template-columns: 50% 50%; grid-template-columns: 50% 50%;
grid-column-gap: 5px; grid-column-gap: 5px;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size); font-size: var(--gallery-font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
div.gallery { div.gallery {
margin: 5px; margin: 5px;
border: 1px solid var(--gallery-border); border: 1px solid var(--gallery-border);
float: left; float: left;
width: 100%; width: 100%;
object-fit: scale-down; object-fit: scale-down;
} }
div.imagedesc { div.imagedesc {
padding: 22px; padding: 22px;
text-align: center; text-align: center;
} }
.container img { .container img {
float: left; float: left;
@ -707,21 +712,21 @@ div.gallery img {
transform: translateY(-25%); transform: translateY(-25%);
} }
.container img.timelineicon { .container img.timelineicon {
float: right; float: right;
margin-left: 0px; margin-left: 0px;
margin-right:0; margin-right:0;
padding: 0 0; padding: 0 0;
margin: 0 0; margin: 0 0;
width: 50px; width: 50px;
} }
.container img.emojiheader { .container img.emojiheader {
float: none; float: none;
width: 25px; width: 25px;
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
padding-right: 0px; padding-right: 0px;
border-radius: 0px; border-radius: 0px;
vertical-align: middle; vertical-align: middle;
} }
.containericons img { .containericons img {
float: right; float: right;
@ -759,7 +764,7 @@ div.gallery img {
color: #FFFFFE; color: #FFFFFE;
text-align: center; text-align: center;
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -771,7 +776,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -784,7 +789,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -794,20 +799,20 @@ div.gallery img {
margin: 5px; margin: 5px;
} }
.buttonhighlighted { .buttonhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-highlighted); background-color: var(--button-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
} }
.buttonselected { .buttonselected {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -816,7 +821,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -826,52 +831,52 @@ div.gallery img {
margin: 5px; margin: 5px;
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-selected-highlighted); background-color: var(--button-selected-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
} }
.followApprove { .followApprove {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-approve); background-color: var(--button-approve);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 5px; margin: 0 5px;
float: right; float: right;
} }
.followDeny { .followDeny {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-deny); background-color: var(--button-deny);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 5px; margin: 0 5px;
float: right; float: right;
} }
.pageicon { .pageicon {
width: 4%; width: 4%;
@ -891,7 +896,7 @@ div.gallery img {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -899,29 +904,29 @@ div.gallery img {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
padding: var(--button-height-padding); padding: var(--button-height-padding);
display: inline-block; display: inline-block;
margin: 15px; margin: 15px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.questionresult { .questionresult {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 32px; width: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
} }
input.vote[type=submit] { input.vote[type=submit] {
background-color: var(--button-background); background-color: var(--button-background);
@ -933,7 +938,7 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -945,7 +950,7 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 96%; width: 96%;
} }
.cancelbtn { .cancelbtn {
@ -954,33 +959,33 @@ div.gallery img {
padding: var(--button-height-padding); padding: var(--button-height-padding);
margin: 15px; margin: 15px;
border: none; border: none;
display: inline-block; display: inline-block;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-background); background-color: var(--button-background);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
float: right; float: right;
} }
.license { .license {
float: right; float: right;
@ -988,53 +993,53 @@ div.gallery img {
width: 10%; width: 10%;
} }
.donateButton { .donateButton {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
float: none; float: none;
margin: 0px 10px; margin: 0px 10px;
padding: 12px 40px; padding: 12px 40px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
opacity: 0.7; opacity: 0.7;
} }
} }
@media screen and (min-width: 2200px) { @media screen and (min-width: 2200px) {
.galleryContainer { .galleryContainer {
display: grid; display: grid;
grid-template-columns: 33% 33% 33%; grid-template-columns: 33% 33% 33%;
grid-column-gap: 5px; grid-column-gap: 5px;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
body, html { body, html {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size-mobile); font-size: var(--gallery-font-size-mobile);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }
div.gallery { div.gallery {
margin: 5px; margin: 5px;
border: 1px solid var(--gallery-border); border: 1px solid var(--gallery-border);
float: left; float: left;
width: 100%; width: 100%;
} }
div.imagedesc { div.imagedesc {
padding: 35px; padding: 35px;
text-align: center; text-align: center;
} }
.container img { .container img {
float: left; float: left;
@ -1057,21 +1062,21 @@ div.gallery img {
transform: translateY(-25%); transform: translateY(-25%);
} }
.container img.timelineicon { .container img.timelineicon {
float: right; float: right;
margin-left: 0px; margin-left: 0px;
margin-right:0; margin-right:0;
padding: 0 0; padding: 0 0;
margin: 0 0; margin: 0 0;
width: 100px; width: 100px;
} }
.container img.emojiheader { .container img.emojiheader {
float: none; float: none;
width: 45px; width: 45px;
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
padding-right: 0px; padding-right: 0px;
border-radius: 0px; border-radius: 0px;
vertical-align: middle; vertical-align: middle;
} }
div.mediaavatar img { div.mediaavatar img {
float: left; float: left;
@ -1109,8 +1114,8 @@ div.gallery img {
color: #FFFFFE; color: #FFFFFE;
text-align: center; text-align: center;
font-size: var(--font-size3); 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; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1122,7 +1127,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1135,7 +1140,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1145,20 +1150,20 @@ div.gallery img {
margin: 15px; margin: 15px;
} }
.buttonhighlighted { .buttonhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-highlighted); background-color: var(--button-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
} }
.buttonselected { .buttonselected {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1167,7 +1172,7 @@ div.gallery img {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1177,52 +1182,52 @@ div.gallery img {
margin: 15px; margin: 15px;
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-selected-highlighted); background-color: var(--button-selected-highlighted);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 15px; margin: 15px;
} }
.followApprove { .followApprove {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-approve); background-color: var(--button-approve);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 15px; margin: 0 15px;
float: right; float: right;
} }
.followDeny { .followDeny {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-deny); background-color: var(--button-deny);
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
min-width: 80px; min-width: 80px;
cursor: pointer; cursor: pointer;
margin: 0 15px; margin: 0 15px;
float: right; float: right;
} }
.pageicon { .pageicon {
width: 14%; width: 14%;
@ -1242,37 +1247,37 @@ div.gallery img {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
input[type=button], input[type=submit] { input[type=button], input[type=submit] {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
display: inline-block; display: inline-block;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
margin: 15px; margin: 15px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.questionresult { .questionresult {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
height: 90px; height: 90px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
} }
input.vote[type=submit] { input.vote[type=submit] {
background-color: var(--button-background); background-color: var(--button-background);
@ -1284,7 +1289,7 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -1296,42 +1301,42 @@ div.gallery img {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
display: inline-block; display: inline-block;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
margin: 15px; margin: 15px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
background-color: var(--button-background); background-color: var(--button-background);
border: none; border: none;
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); 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); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
float: right; float: right;
} }
.license { .license {
float: right; float: right;
@ -1339,16 +1344,16 @@ div.gallery img {
width: 20%; width: 20%;
} }
.donateButton { .donateButton {
background-color: var(--button-background); background-color: var(--button-background);
color: var(--button-text); color: var(--button-text);
float: none; float: none;
margin: 0px 10px; margin: 0px 10px;
padding: 12px 40px; padding: 12px 40px;
border: none; border: none;
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
opacity: 0.7; opacity: 0.7;
} }
} }