joshua/bisimulation-online
1
Fork 0
Code Activity

Saving some bytes in css

Browse source
This commit is contained in:
Joshua Moerman 2020-03-31 15:45:40 +02:00
parent 617dca34aa
commit 85511a5d61
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
style.css
View file

@ -10,7 +10,7 @@ p {
} }
a { a {
color: #2babe1; color: #3be;
} }
a:hover { a:hover {
color: #034; color: #034;
@ -26,7 +26,7 @@ header {
z-index: 1; z-index: 1;
} }
h1 { h1 {
font-family: 'Adelle W01 Bold', 'Arvo', Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-family: 'Adelle W01 Bold', "Lucida Bright", Lucida, "DejaVu Serif", "Bitstream Vera Serif", Georgia, serif;
font-size: 90px; font-size: 90px;
font-weight: 500; font-weight: 500;
@ -40,7 +40,7 @@ h1 {
} }
/* Creates horizontal line */ /* Creates horizontal line */
h1:after { h1:after {
background-color: #dd3b2a; background-color: #e42;
content: ''; content: '';
height: 12px; height: 12px;
left: 0; left: 0;
@ -50,7 +50,7 @@ h1:after {
z-index: -1; z-index: -1;
} }
h2 { h2 {
color: #dd3b2a; color: #e42;
font-size: 22px; font-size: 22px;
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
@ -68,7 +68,7 @@ h2 {
z-index: 2; z-index: 2;
} }
.summary p { .summary p {
color: #dd3b2a; color: #e42;
font-style: italic; font-style: italic;
text-align: right; text-align: right;
max-width: 695px; max-width: 695px;
@ -76,12 +76,12 @@ h2 {
} }
.intro { .intro {
background: linear-gradient(to bottom, #ffffff 0%, #edf6ff 100%); background: linear-gradient(to bottom, #fff 0%, #edf6ff 100%);
height: 450px; height: 450px;
} }
h3 { h3 {
color: #dd3b2a; color: #e42;
text-transform: uppercase; text-transform: uppercase;
font-size: 160%; font-size: 160%;
font-weight: 900; font-weight: 900;
@ -89,8 +89,8 @@ h3 {
.main { .main {
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
border-top: 5px solid #dd3b2a; border-top: 5px solid #e42;
border-bottom: 5px solid #2babe1; border-bottom: 5px solid #3be;
position: relative; position: relative;
width: 100%; width: 100%;
z-index: 3; z-index: 3;
@ -106,8 +106,8 @@ h3 {
.solide { .solide {
background: #edf6ff; background: #edf6ff;
border-top: 5px solid #cce4fb; border-top: 5px solid #def;
border-bottom: 5px solid #cce4fb; border-bottom: 5px solid #def;
margin: 25px 0; margin: 25px 0;
display: grid; display: grid;
@ -144,7 +144,7 @@ table td {
} }
.rowheader { .rowheader {
border-bottom: 2px solid #dd3b2a; border-bottom: 2px solid #e42;
} }
.team { .team {
@ -205,7 +205,7 @@ aside:after {
footer { footer {
color: #fff; color: #fff;
padding: 20px; padding: 20px;
background: #00374f; background: #034;
font-size: 22px; font-size: 22px;
text-align: center; text-align: center;
} }