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

Consistent font

main
Bob Mottram 2020-05-25 13:28:06 +01:00
parent b7f66db945
commit 4cf4de04fe
5 changed files with 155 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
epicyon-blog.css
View File

@ -55,7 +55,7 @@ body, html {
color: var(--main-fg-color); color: var(--main-fg-color);
height: 100%; height: 100%;
font-family: "Times New Roman", Times, serif; font-family: "Times New Roman", Roman, serif;
max-width: 80%; max-width: 80%;
min-width: 950px; min-width: 950px;
margin: 0 auto; margin: 0 auto;
@ -105,16 +105,19 @@ a:link {
.ssbaddr { .ssbaddr {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: "Times New Roman", Roman, serif;
} }
.about { .about {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: "Times New Roman", Roman, serif;
float: right; float: right;
} }
.blogreplies { .blogreplies {
color: var(--button-highlighted); color: var(--button-highlighted);
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: "Times New Roman", Roman, serif;
float: right; float: right;
} }
@ -144,15 +147,18 @@ a:link {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: var(--font-color-header); color: var(--font-color-header);
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: "Times New Roman", Roman, serif;
} }
.new-post-text { .new-post-text {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: "Times New Roman", Roman, serif;
padding: 4px 0; padding: 4px 0;
} }
.new-post-subtext { .new-post-subtext {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: "Times New Roman", Roman, serif;
padding: 4px 0; padding: 4px 0;
} }
@ -285,6 +291,7 @@ a:link {
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: "Times New Roman", Roman, serif;
} }
.container::after { .container::after {
@ -333,11 +340,13 @@ a:link {
.imText { .imText {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: "Times New Roman", Roman, serif;
color: var(--main-link-color); color: var(--main-link-color);
} }
.pgp { .pgp {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: "Times New Roman", Roman, serif;
color: var(--main-link-color); color: var(--main-link-color);
font-family: 'monospace'; font-family: 'monospace';
} }
@ -406,6 +415,7 @@ a:link {
margin-left: 25%; margin-left: 25%;
text-align: left; text-align: left;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: "Times New Roman", Roman, serif;
font-weight: bold; font-weight: bold;
color: var(--button-selected); color: var(--button-selected);
line-height: 40px; line-height: 40px;
@ -434,27 +444,32 @@ input[type=number] {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: "Times New Roman", Roman, serif;
} }
.labels { .labels {
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif;
} }
.transparent { .transparent {
color: rgba(0, 0, 0, 0.0); color: rgba(0, 0, 0, 0.0);
font-size: 0px; font-size: 0px;
font-family: "Times New Roman", Roman, serif;
line-height: 0; line-height: 0;
} }
.labelsright { .labelsright {
float: right; float: right;
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif;
} }
input[type=date] { input[type=date] {
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif;
border: none; border: none;
} }
@ -462,6 +477,7 @@ input[type=time] {
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif;
border: none; border: none;
} }
@ -474,6 +490,7 @@ input[type=submit] {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: "Times New Roman", Roman, serif;
width: 120px; width: 120px;
} }
@ -487,6 +504,7 @@ input[type=submit] {
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;
opacity: 0.7; opacity: 0.7;
} }
@ -530,6 +548,7 @@ input[type=submit]:hover {
.search-result-text { .search-result-text {
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif;
} }
.search-result img { .search-result img {
@ -633,6 +652,7 @@ div.gallery img {
.invisible { .invisible {
color: transparent; color: transparent;
font-size: 0; font-size: 0;
font-family: "Times New Roman", Roman, serif;
} }
.gallerytext { .gallerytext {
@ -642,6 +662,7 @@ 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;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -652,6 +673,7 @@ div.gallery img {
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;
} }
div.gallery { div.gallery {
margin: 5px; margin: 5px;
@ -737,6 +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;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -748,6 +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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -760,6 +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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -775,6 +800,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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -790,6 +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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -805,6 +832,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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -820,6 +848,7 @@ div.gallery img {
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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -835,6 +864,7 @@ div.gallery img {
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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -861,6 +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;
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -874,16 +905,20 @@ 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;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size); font-size: var(--font-size);
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;
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size); font-size: var(--font-size);
font-family: "Times New Roman", Roman, serif;
width: 32px; width: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -898,6 +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;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -909,6 +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;
width: 96%; width: 96%;
} }
.cancelbtn { .cancelbtn {
@ -921,10 +958,12 @@ 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;
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;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -933,6 +972,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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -957,6 +997,7 @@ div.gallery img {
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;
opacity: 0.7; opacity: 0.7;
} }
} }
@ -973,10 +1014,12 @@ div.gallery img {
@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;
} }
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;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -1066,6 +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;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1077,6 +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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1089,6 +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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1104,6 +1150,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1119,6 +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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1134,6 +1182,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1149,6 +1198,7 @@ div.gallery img {
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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1164,6 +1214,7 @@ div.gallery img {
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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1190,6 +1241,7 @@ 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;
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -1203,16 +1255,20 @@ 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;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size3); font-size: var(--font-size3);
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;
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: "Times New Roman", Roman, serif;
height: 90px; height: 90px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -1227,6 +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;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -1238,6 +1295,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;
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
@ -1250,10 +1308,12 @@ 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;
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;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1262,6 +1322,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -1286,6 +1347,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;
opacity: 0.7; opacity: 0.7;
} }
} }

17
epicyon-follow.css
View File

@ -76,15 +76,18 @@ a:link {
.followText { .followText {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.imText { .imText {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: Arial, Helvetica, sans-serif;
color: var(--main-link-color); color: var(--main-link-color);
} }
.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';
} }
@ -97,6 +100,7 @@ a:link {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
@ -113,6 +117,7 @@ input[type=text] {
width: 90%; width: 90%;
clear: both; clear: both;
font-size: var(--font-size); font-size: var(--font-size);
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);
@ -125,6 +130,7 @@ input[type=text] {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -136,6 +142,7 @@ input[type=text] {
.options { .options {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.options img { .options img {
@ -145,21 +152,25 @@ 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;
padding: 30px; padding: 30px;
line-height: 60px; line-height: 60px;
} }
.hashtagswarm2 { .hashtagswarm2 {
font-size: 40px; font-size: 40px;
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;
} }
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;
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);
@ -172,6 +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;
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;
@ -183,21 +195,25 @@ 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;
padding: 40px; padding: 40px;
line-height: 70px; line-height: 70px;
} }
.hashtagswarm2 { .hashtagswarm2 {
font-size: 50px; font-size: 50px;
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;
} }
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;
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);
@ -210,6 +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;
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
min-width: 100px; min-width: 100px;

11
epicyon-login.css
View File

@ -67,6 +67,7 @@ input[type=text], input[type=password] {
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;
} }
button { button {
@ -78,10 +79,12 @@ button {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.login-text { .login-text {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
button:hover { button:hover {
@ -125,11 +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;
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;
} }
input[type=text], input[type=password] { input[type=text], input[type=password] {
width: 100%; width: 100%;
@ -139,6 +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;
} }
button { button {
background-color: var(--button-background); background-color: var(--button-background);
@ -149,6 +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;
} }
} }
@ -164,11 +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;
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;
} }
input[type=text], input[type=password] { input[type=text], input[type=password] {
width: 100%; width: 100%;
@ -178,6 +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;
} }
button { button {
background-color: var(--button-background); background-color: var(--button-background);
@ -188,5 +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;
} }
} }

63
epicyon-profile.css
View File

@ -105,16 +105,19 @@ a:link {
.ssbaddr { .ssbaddr {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: Arial, Helvetica, sans-serif;
} }
.about { .about {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: Arial, Helvetica, sans-serif;
float: right; float: right;
} }
.blogreplies { .blogreplies {
color: var(--button-highlighted); color: var(--button-highlighted);
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif;
float: right; float: right;
} }
@ -144,15 +147,18 @@ a:link {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: var(--font-color-header); color: var(--font-color-header);
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
} }
.new-post-text { .new-post-text {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif;
padding: 4px 0; padding: 4px 0;
} }
.new-post-subtext { .new-post-subtext {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
padding: 4px 0; padding: 4px 0;
} }
@ -285,6 +291,7 @@ a:link {
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
} }
.container::after { .container::after {
@ -333,11 +340,13 @@ a:link {
.imText { .imText {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: Arial, Helvetica, sans-serif;
color: var(--main-link-color); color: var(--main-link-color);
} }
.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';
} }
@ -406,6 +415,7 @@ a:link {
margin-left: 25%; margin-left: 25%;
text-align: left; text-align: left;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
color: var(--button-selected); color: var(--button-selected);
line-height: 40px; line-height: 40px;
@ -434,27 +444,32 @@ input[type=number] {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
} }
.labels { .labels {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.transparent { .transparent {
color: rgba(0, 0, 0, 0.0); color: rgba(0, 0, 0, 0.0);
font-size: 0px; font-size: 0px;
font-family: Arial, Helvetica, sans-serif;
line-height: 0; line-height: 0;
} }
.labelsright { .labelsright {
float: right; float: right;
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
input[type=date] { input[type=date] {
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
border: none; border: none;
} }
@ -462,6 +477,7 @@ input[type=time] {
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
border: none; border: none;
} }
@ -474,6 +490,7 @@ input[type=submit] {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
width: 120px; width: 120px;
} }
@ -487,6 +504,7 @@ input[type=submit] {
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;
opacity: 0.7; opacity: 0.7;
} }
@ -530,6 +548,7 @@ input[type=submit]:hover {
.search-result-text { .search-result-text {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.search-result img { .search-result img {
@ -633,6 +652,7 @@ div.gallery img {
.invisible { .invisible {
color: transparent; color: transparent;
font-size: 0; font-size: 0;
font-family: Arial, Helvetica, sans-serif;
} }
.gallerytext { .gallerytext {
@ -642,6 +662,7 @@ 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;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -652,6 +673,7 @@ div.gallery img {
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;
} }
div.gallery { div.gallery {
margin: 5px; margin: 5px;
@ -737,6 +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: Arial, Helvetica, sans-serif;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -748,6 +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: 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;
@ -760,6 +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: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -775,6 +800,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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -790,6 +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: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -805,6 +832,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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -820,6 +848,7 @@ div.gallery img {
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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -835,6 +864,7 @@ div.gallery img {
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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -861,6 +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: 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);
} }
@ -874,16 +905,20 @@ 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;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.questionresult { .questionresult {
font-size: var(--font-size); font-size: var(--font-size);
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;
width: 32px; width: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -898,6 +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: Arial, Helvetica, sans-serif;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -909,6 +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: Arial, Helvetica, sans-serif;
width: 96%; width: 96%;
} }
.cancelbtn { .cancelbtn {
@ -921,10 +958,12 @@ 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;
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -933,6 +972,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;
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -957,6 +997,7 @@ div.gallery img {
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;
opacity: 0.7; opacity: 0.7;
} }
} }
@ -973,10 +1014,12 @@ div.gallery img {
@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;
} }
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;
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -1066,6 +1109,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;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;
margin: 5px; margin: 5px;
@ -1077,6 +1122,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1089,6 +1135,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1104,6 +1151,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1119,6 +1167,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1134,6 +1183,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1149,6 +1199,7 @@ div.gallery img {
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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1164,6 +1215,7 @@ div.gallery img {
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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -1190,6 +1242,7 @@ 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;
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -1203,16 +1256,20 @@ 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;
width: 20%; width: 20%;
} }
.question { .question {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif;
} }
.questionresult { .questionresult {
font-size: var(--font-size3); font-size: var(--font-size3);
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;
height: 90px; height: 90px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -1227,6 +1284,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;
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -1238,6 +1296,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;
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
@ -1250,10 +1309,12 @@ 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;
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: Arial, Helvetica, sans-serif;
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1262,6 +1323,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;
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -1286,6 +1348,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;
opacity: 0.7; opacity: 0.7;
} }
} }

1
epicyon-suspended.css
View File

@ -56,6 +56,7 @@ a:link {
.screentitle { .screentitle {
font-size: 30px; font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
} }
div { div {