Aaron Lindsay
93d23c225f
If they are absolute paths, you have to pick one of http or https, which causes issues if youre website is accessible on both.
138 lines
2.6 KiB
CSS
138 lines
2.6 KiB
CSS
/**
|
|
* These styles handle importing the fonts
|
|
*/
|
|
@font-face {
|
|
font-family: 'Tangerine';
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
src: local('Tangerine Bold'), local('Tangerine-Bold'), url('fonts/Tangerine_Bold.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Tangerine';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Tangerine'), url('fonts/Tangerine_Regular.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Cardo';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Cardo'), url('fonts/Cardo99s.ttf') format('truetype');
|
|
}
|
|
|
|
body {
|
|
font: 12pt/18pt Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
|
|
font-family: 'Cardo', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
|
|
font-family: 'Cardo', arial, serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #cfcde6;
|
|
}
|
|
a {
|
|
color: #c2bbdd !important;
|
|
text-decoration: underline;
|
|
}
|
|
#header{
|
|
height: 250px;
|
|
background-color: #111;
|
|
}
|
|
#header img {
|
|
float: right;
|
|
padding: .5em;
|
|
}
|
|
#header-inner {
|
|
position: relative;
|
|
top: 55px;
|
|
font-family: 'Tangerine', arial, serif;
|
|
font-size: 45px;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
#header-inner div{
|
|
position: absolute;
|
|
}
|
|
#header-inner #header-aaron {
|
|
font-family: 'Tangerine', arial, serif;
|
|
top: 0;
|
|
left: 20px;
|
|
}
|
|
#header-inner #header-and {
|
|
top: 52px;
|
|
left: 200px;
|
|
font-size: .75em;
|
|
}
|
|
#header-inner #header-elizabeth {
|
|
top: 110px;
|
|
right: 350px;
|
|
}
|
|
#header-inner #header-date {
|
|
top: 0px;
|
|
left: 490px;
|
|
font-size: .7em;
|
|
text-shadow: #000 0.05em 0.05em 0.1em;
|
|
}
|
|
|
|
#content {
|
|
width: 800px;
|
|
margin: 0 auto;
|
|
margin-bottom: 2em;
|
|
background-color: #222;
|
|
color: white;
|
|
border-left: 5px solid #000;
|
|
border-right: 5px solid #000;
|
|
border-bottom: 5px solid #000;
|
|
border-radius: 0px 0px 10px 10px;
|
|
-moz-border-radius: 0px 0px 10px 10px;
|
|
-webkit-border-bottom-right-radius: 10px;
|
|
-webkit-border-bottom-left-radius: 10px;
|
|
}
|
|
|
|
#nav {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#nav ul {
|
|
padding: 3px 0 2px 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
list-style: none;
|
|
text-align: center;
|
|
background-color: #2c0635;
|
|
background-color: #3d2d53;
|
|
border-top: 5px solid #000;
|
|
border-bottom: 5px solid #060606;
|
|
}
|
|
#nav ul li{
|
|
padding: 0;
|
|
margin: 0 8px 0 8px;
|
|
display: inline;
|
|
}
|
|
#nav ul li a{
|
|
padding: 6px 12px 6px 12px;
|
|
margin: 0;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
#nav ul li a:hover{
|
|
background-color: #1f0220;
|
|
background-color: #27183b;
|
|
color: #fff;
|
|
}
|
|
|
|
#header, #footer, #main {
|
|
position: relative;
|
|
padding: 1em;
|
|
}
|
|
|
|
#footer {
|
|
color: #9b8bb0;
|
|
text-align: center;
|
|
border-top: 5px solid #000;
|
|
background-color: #111;
|
|
}
|
|
#footer a {
|
|
color: #9b8bb0;
|
|
|
|
}
|