TheAdversary/frontend
4
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

overhaul

Browse Source
This commit is contained in:
Elias Müller
2022-03-31 22:46:09 +02:00
parent abfe1d6e9a
commit 8ffa2b9ea3
5 changed files with 102 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
css/index.css
View File

@@ -4,41 +4,34 @@ body {
display: flex;
flex-direction: column;
background-color: #03071E;
color: #EAE2B7;
}
color: #EAE2B7; }
a {
color: inherit;
font-size: 125%;
text-decoration: none;
letter-spacing: 2px;
}
letter-spacing: 2px; }
p {
font-size: 150%;
margin: 0;
}
margin: 0; }
h3 {
font-size: 200%;
margin: 0;
}
margin: 0; }
ul {
display: flex;
flex-direction: row;
font-size: 20px;
list-style: none;
}
ul li {
padding-right: 30px;
}
list-style: none; }
ul li {
padding-right: 30px; }
ol {
display: flex;
flex-direction: column;
list-style: georgian;
}
list-style: georgian; }
.header {
background-color: #03071E;
@@ -47,8 +40,7 @@ ol {
display: flex;
align-items: center;
justify-content: flex-end;
font-family: "Roboto", sans-serif;
}
font-family: "Roboto", sans-serif; }
.header-title {
margin: 100px 0;
@@ -56,23 +48,19 @@ ol {
flex-direction: column;
align-items: center;
justify-content: center;
font-family: "Staatliches", sans-serif;
}
.header-title h1 {
font-size: 90px;
letter-spacing: 30px;
margin: 0;
}
.header-title h2 {
font-size: 30px;
letter-spacing: 10px;
margin: 0;
}
font-family: "Staatliches", sans-serif; }
.header-title h1 {
font-size: 90px;
letter-spacing: 30px;
margin: 0; }
.header-title h2 {
font-size: 30px;
letter-spacing: 10px;
margin: 0; }
.divider {
height: 3px;
background-color: #ad080f;
}
background-color: #ad080f; }
.navigation {
background-color: black;
@@ -84,93 +72,81 @@ ol {
height: 5%;
min-height: 50px;
display: flex;
align-items: center;
}
.navigation img {
margin-right: auto;
width: 3%;
min-width: 30px;
padding-left: 2.5%;
}
.navigation a {
padding: 0 2%;
font-size: 200%;
font-weight: bolder;
}
align-items: center; }
.navigation img {
margin-right: auto;
width: 3%;
min-width: 30px;
padding-left: 2.5%; }
.navigation a {
padding: 0 2%;
font-size: 200%;
font-weight: bolder; }
.article {
padding: 2%;
}
.article:hover {
color: white;
}
padding: 2%; }
.article:hover {
color: white; }
.article-body {
width: 60;
font-size: 80%;
font-weight: normal;
margin-top: 1%;
font-family: "Roboto Mono", monospace;
}
font-family: "Roboto Mono", monospace; }
.article-body, .article-body-fulltext {
width: 100%;
}
width: 100%; }
.article-description {
font-weight: 500;
font-family: "Roboto Mono", monospace;
color: #D00000;
font-size: 75%;
margin-top: 0.5%;
}
.article-description:p {
white-space: pre;
}
margin-top: 0.5%; }
.article-description:p {
white-space: pre; }
.articles {
margin: auto;
width: 80%;
font-family: "Roboto", sans-serif;
}
font-family: "Roboto", sans-serif; }
.foot {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 2.5% 0;
}
.foot a {
font-family: "Roboto Mono", monospace;
font-weight: normal;
padding: 0 10%;
}
margin: 2.5% 0; }
.foot a {
font-family: "Roboto Mono", monospace;
font-weight: normal;
padding: 0 10%; }
i {
margin-right: 20px;
}
margin-right: 20px; }
.about-section {
margin: 0 5%;
font-family: "Roboto", sans-serif;
width: 60%;
text-align: center;
}
text-align: center; }
.legal-section {
font-family: "Roboto", sans-serif;
width: 60%;
}
margin: 0 5%;
width: 60%; }
.legal-section p {
margin-bottom: 5%;
}
margin-bottom: 5%; }
.contact-section {
margin: 0 5%;
font-family: "Roboto", sans-serif;
width: 60%;
}
width: 60%; }
.contact-section p {
margin-bottom: 5%;
}
margin-bottom: 5%; }
input {
border: 2px solid #D62828;
@@ -182,64 +158,49 @@ input {
border-radius: 3px;
max-width: 200px;
width: 10%;
min-width: 100px;
}
min-width: 100px; }
@media screen and (max-width: 1000px) {
.navigation {
flex-direction: column;
}
.navigation img {
margin: 10px 0;
padding: 0;
}
.navigation * {
margin: 5px 0;
}
flex-direction: column; }
.navigation img {
margin: 10px 0;
padding: 0; }
.navigation * {
margin: 5px 0; }
.header-title {
text-align: center;
}
.header-title h1 {
font-size: 50px;
letter-spacing: 20px;
}
.header-title h2 {
font-size: 20px;
letter-spacing: 10px;
}
text-align: center; }
.header-title h1 {
font-size: 50px;
letter-spacing: 20px; }
.header-title h2 {
font-size: 20px;
letter-spacing: 10px; }
.articles {
width: 95%;
}
.articles div {
margin: 10px 0;
}
width: 95%; }
.articles div {
margin: 10px 0; }
h3 {
font-size: 130%;
}
font-size: 130%; }
p {
font-size: 100%;
}
font-size: 100%; }
.foot {
flex-direction: column;
}
}
flex-direction: column; } }
@media screen and (max-width: 500px) {
.header-title h1 {
font-size: 40px;
letter-spacing: 5px;
}
letter-spacing: 5px; }
.header-title h2 {
letter-spacing: 3px;
}
letter-spacing: 3px; }
.article-description p {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}/*# sourceMappingURL=index.css.map */
justify-content: space-between; } }
/*# sourceMappingURL=index.css.map */