Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Update styles

Browse source
This commit is contained in:
Yarmo Mackenbach 2020-07-22 00:30:54 +02:00
parent ffb91e1667
commit 3255786c04
1 changed files with 42 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
assets/styles.css
View file

@ -3,7 +3,7 @@
} }
body { body {
margin: 0; margin: 0;
color: #333; color: #444;
font-family: sans-serif; font-family: sans-serif;
background-color: #9dd3f0; background-color: #9dd3f0;
background-image: url('/assets/img/background.svg'); background-image: url('/assets/img/background.svg');
@ -57,15 +57,23 @@ footer a {
.spacer { .spacer {
flex: 1; flex: 1;
} }
.flex-column-container {
display: flex;
flex-wrap: wrap;
}
.flex-column {
flex: 1 0 250px;
}
.bigBtn { .bigBtn {
display: inline-block; display: inline-block;
margin-bottom: 12px; margin-bottom: 12px;
padding: 8px 16px; padding: 6px 12px;
color: #fff; color: #fff;
font-size: 1.2em; font-size: 1.1em;
text-transform: uppercase; text-transform: uppercase;
text-decoration: none; text-decoration: none;
background-color: #3f9acc; background: #3f9acc;
background: linear-gradient(0deg, #3892c2 0%, #6abae5 100%);
border: 0; border: 0;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
@ -73,22 +81,46 @@ footer a {
.bigBtn:hover { .bigBtn:hover {
color: #fff; color: #fff;
background-color: #72bde6; background-color: #72bde6;
background: linear-gradient(0deg, #4da4d2 0%, #82c5ea 100%);
} }
h1 { h1 {
margin: 0; margin: 0 0 24px 0;
padding: 0 32px 16px 32px; color: #222;
/* background-color: #9dd3f0; */ /* background-color: #9dd3f0; */
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
cursor: default; cursor: default;
} }
h1::after {
content: "";
display: block;
width: 100%;
height: 4px;
margin-top: 12px;
background: linear-gradient(90deg, #8b76f2 0%, #6abae5 100%);
border-radius: 2px;
}
h2, h3 { h2, h3 {
margin-top: 32px; margin-top: 32px;
color: #222;
cursor: default; cursor: default;
} }
h2 {
padding-right: 32px;
}
h2::after {
content: "";
display: block;
width: 100%;
height: 2px;
/* background: linear-gradient(90deg, #8b76f2 0%, #3892c2 50%, #6abae5 100%); */
background: linear-gradient(90deg, #3892c2 0%, #6abae5 100%);
border-radius: 1px;
}
p { p {
line-height: 1.3em; line-height: 1.4em;
font-size: 1.1em;
} }
a { a {
color: #3f9acc; color: #3f9acc;
@ -96,6 +128,9 @@ a {
a.bigBtn { a.bigBtn {
margin-right: 8px; margin-right: 8px;
} }
ul {
list-style: "- ";
}
code { code {
display: block; display: block;
padding: 8px; padding: 8px;