138 lines
2.7 KiB
CSS
138 lines
2.7 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('https://wedding.aclindsay.com/fonts/Tangerine_Bold.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Tangerine';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Tangerine'), url('https://wedding.aclindsay.com/fonts/Tangerine_Regular.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'Cardo';
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: local('Cardo'), url('https://wedding.aclindsay.com/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;
|
|
|
|
}
|