Start adding the files used by the website builder
This commit is contained in:
70
style.css
Normal file
70
style.css
Normal file
@@ -0,0 +1,70 @@
|
||||
@import url('fonts/kaushanscript/kaushanscript.css');
|
||||
@import url('fonts/bainsley/bainsley.css');
|
||||
|
||||
html {
|
||||
background-color: khaki;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 400px;
|
||||
background: linear-gradient(to bottom, lightgreen -50px, khaki 400px);
|
||||
background-repeat: no-repeat;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
height: 2em;
|
||||
font-family: kaushanscript, serif;
|
||||
font-size: 4em;
|
||||
background-image: url('img/mad-logo.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: top center;
|
||||
background-size: contain;
|
||||
a:link, a:visited {
|
||||
color: brown;
|
||||
display: inline-block;
|
||||
margin-top: 1em;
|
||||
background: linear-gradient(to bottom, brown, yellow);
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
font-family: bainsley, sans;
|
||||
text-align: center;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-right: 1em;
|
||||
a:link, a:visited {
|
||||
color: blue;
|
||||
}
|
||||
a:hover {
|
||||
color: darkblue;
|
||||
}
|
||||
}
|
||||
li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
font-family: bainsley, sans;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user