You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
1.6 KiB
CSS
91 lines
1.6 KiB
CSS
7 years ago
|
@font-face {
|
||
|
font-family: 'NotCourierSans';
|
||
|
src: url('fonts/NotCourierSans.eot?#iefix') format('embedded-opentype'), url('fonts/NotCourierSans.woff') format('woff'), url('fonts/NotCourierSans.ttf') format('truetype'), url('fonts/NotCourierSans.svg#NotCourierSans') format('svg');
|
||
|
font-weight: normal;
|
||
|
font-style: normal;
|
||
|
}
|
||
|
@font-face {
|
||
|
font-family: 'PinyonScript';
|
||
|
src: url('fonts/PinyonScript.eot?#iefix') format('embedded-opentype'), url('fonts/PinyonScript.woff') format('woff'), url('PinyonScript.ttf') format('truetype'), url('fonts/PinyonScript.svg#PinyonScript') format('svg');
|
||
|
font-weight: normal;
|
||
|
font-style: normal;
|
||
|
}
|
||
|
|
||
|
body{
|
||
|
font-family: NotCourierSans;
|
||
|
font-weight: normal;
|
||
|
background-color: white;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
font-family: PinyonScript;
|
||
|
font-weight: normal;
|
||
|
color: #003cb3;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
font-size: 80px;
|
||
|
margin-top: 0px;
|
||
|
margin-bottom: -30px;
|
||
|
}
|
||
|
|
||
|
|
||
|
p {
|
||
|
font-family: NotCourierSans;
|
||
|
color: #003cb3;
|
||
|
font-size: 17px;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: #003cb3;
|
||
|
}
|
||
|
|
||
|
audio{
|
||
|
width: 400px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.image{
|
||
|
width: 400px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.image img{
|
||
|
width: 400px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.seperator{
|
||
|
width:100%;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
div.content{z-index:20;
|
||
|
width: 75%;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
/* child elements of div.content */
|
||
|
div.content * { width:100%;
|
||
|
background: white;
|
||
|
}
|
||
|
|
||
|
div.content h2 {color: #FFFFFF;
|
||
|
background-color: #000000;
|
||
|
}
|
||
|
|
||
|
div.content audio { width:75%; height:30px; }
|
||
|
|
||
|
|
||
|
|
||
|
/*imgs.background z-index<10*/
|
||
|
|
||
|
div.background{z-index:-1;
|
||
|
width:100%;}
|
||
|
|
||
|
img.background{ position: fixed;
|
||
|
z-index:-1;
|
||
|
}
|