fred.boniface
/
athena.fb-infra.uk
Archived
1
0
Fork 0
Code Issues 72 Pull Requests Packages Projects Releases Activity

Tidy CSS

This commit is contained in:
Fred Boniface 2022-10-30 21:21:09 +00:00
parent b5a652344c
commit 6a64ede3f6
1 changed files with 3 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
styles/style.css
View File

@ -14,7 +14,6 @@ body {
text-align: center; text-align: center;
padding-bottom: 60px; /*Footer height*/ padding-bottom: 60px; /*Footer height*/
} }
.titleimg { .titleimg {
width: 80%; width: 80%;
padding-top: 50px; padding-top: 50px;
@ -22,7 +21,6 @@ body {
max-width: 500px; max-width: 500px;
transition: 0.2s; transition: 0.2s;
} }
.lookup-box { .lookup-box {
text-align: center; text-align: center;
border: black; border: black;
@ -34,7 +32,6 @@ body {
text-transform: uppercase; text-transform: uppercase;
transition: 0.2s; transition: 0.2s;
} }
.form-text-small { .form-text-small {
text-align: center; text-align: center;
border: black; border: black;
@ -44,13 +41,7 @@ body {
font-size: 18px; font-size: 18px;
transition: 0.2s; transition: 0.2s;
} }
@media only screen and (min-width: 600px) {.form-text-small{width: 50%}}
@media only screen and (min-width: 600px) {
.form-text-small {
width: 50%;
}
}
.form-text-large { .form-text-large {
text-align: left; text-align: left;
border: black; border: black;
@ -61,20 +52,13 @@ body {
font-size: 16px; font-size: 16px;
transition: 0.2s; transition: 0.2s;
} }
@media only screen and (min-width: 600px) {.form-text-large{width: 50%}}
@media only screen and (min-width: 600px) {
.form-text-large {
width: 50%;
}
}
.form-info { .form-info {
color: var(--main-text-color); color: var(--main-text-color);
font-size: 17px; font-size: 17px;
font-weight: bolder; font-weight: bolder;
margin-bottom: 4px; margin-bottom: 4px;
} }
.text-description { .text-description {
display: inline-block; display: inline-block;
width: 80%; width: 80%;
@ -85,13 +69,7 @@ body {
margin-right: auto; margin-right: auto;
transition: 0.2s; transition: 0.2s;
} }
@media only screen and (min-width: 600px) {.text-description{width: 50%}}
@media only screen and (min-width: 600px) {
.text-description{
width: 50%;
}
}
.lookup-button { .lookup-button {
background-color: #3c78d8; background-color: #3c78d8;
color: var(--link-color); color: var(--link-color);
@ -105,7 +83,6 @@ body {
margin-bottom: 10px; margin-bottom: 10px;
cursor: pointer; cursor: pointer;
} }
.actionbutton { .actionbutton {
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
@ -118,13 +95,11 @@ body {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
} }
.inlinelink { .inlinelink {
text-decoration: underline; text-decoration: underline;
color: var(--link-color); color: var(--link-color);
cursor: pointer; cursor: pointer;
} }
/* START MENU STYLE */ /* START MENU STYLE */
#menubar_hamburger { #menubar_hamburger {
position: absolute; position: absolute;
@ -171,9 +146,6 @@ body {
white-space: nowrap; white-space: nowrap;
transition: 0.5s; transition: 0.5s;
} }
/* Footer Styles */
/* Footer Styles */ /* Footer Styles */
footer { footer {
background-color: var(--accent-color); background-color: var(--accent-color);
@ -183,16 +155,13 @@ footer {
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
footer a { footer a {
text-decoration: underline; text-decoration: underline;
color: white; color: white;
} }
footer a:visited { footer a:visited {
color: white; color: white;
} }
footer a:hover { footer a:hover {
color: beige; color: beige;
} }