css tidying

main
Bob Mottram 2020-07-27 21:43:10 +01:00
parent ed5c278057
commit 37780770af
1 changed files with 2 additions and 10 deletions

View File

@ -91,16 +91,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);
background: var(--link-bg-color); background: var(--link-bg-color);
font-family: 'monospace';
} }
.button:hover { .button:hover {
@ -110,7 +107,6 @@ a:link {
.options { .options {
font-size: var(--font-size); font-size: var(--font-size);
font-family: Arial, Helvetica, sans-serif;
} }
.options img { .options img {
@ -120,13 +116,11 @@ a:link {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.followText { .followText {
font-size: var(--follow-text-size1); font-size: var(--follow-text-size1);
font-family: Arial, Helvetica, sans-serif;
} }
input[type=text] { input[type=text] {
width: var(--follow-text-entry-width); width: var(--follow-text-entry-width);
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);
@ -134,12 +128,12 @@ a:link {
.button { .button {
border-radius: 4px; border-radius: 4px;
background-color: var(--button-background); background-color: var(--button-background);
font-family: Arial, Helvetica, sans-serif;
border: none; border: none;
color: var(--button-text); color: var(--button-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;
@ -161,13 +155,11 @@ a:link {
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.followText { .followText {
font-size: var(--follow-text-size2); font-size: var(--follow-text-size2);
font-family: Arial, Helvetica, sans-serif;
} }
input[type=text] { input[type=text] {
width: var(--follow-text-entry-width); width: var(--follow-text-entry-width);
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);
@ -175,12 +167,12 @@ a:link {
.button { .button {
border-radius: 4px; border-radius: 4px;
background-color: var(--button-background); background-color: var(--button-background);
font-family: Arial, Helvetica, sans-serif;
border: none; border: none;
color: var(--button-text); color: var(--button-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;