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

17
epicyon-follow.css
View File

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

11
epicyon-login.css
View File

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

1
epicyon-suspended.css
View File

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