1
0
aclindsay.com/wedding/stylesheet.css

138 lines
2.6 KiB
CSS
Raw Normal View History

2011-02-24 14:25:26 -05:00
/**
* These styles handle importing the fonts
*/
@font-face {
2011-04-30 16:52:19 -04:00
font-family: 'Tangerine';
font-style: normal;
font-weight: bold;
src: local('Tangerine Bold'), local('Tangerine-Bold'), url('fonts/Tangerine_Bold.ttf') format('truetype');
2011-02-24 14:25:26 -05:00
}
@font-face {
2011-04-30 16:52:19 -04:00
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('fonts/Tangerine_Regular.ttf') format('truetype');
2011-02-24 14:25:26 -05:00
}
@font-face {
2011-04-30 16:52:19 -04:00
font-family: 'Cardo';
font-style: normal;
font-weight: normal;
src: local('Cardo'), url('fonts/Cardo99s.ttf') format('truetype');
2011-02-24 14:25:26 -05:00
}
body {
2011-04-30 16:52:19 -04:00
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;
2011-02-24 14:25:26 -05:00
margin: 0;
padding: 0;
2011-04-30 16:52:19 -04:00
background-color: #cfcde6;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
a {
color: #c2bbdd !important;
text-decoration: underline;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#header{
height: 250px;
background-color: #111;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#header img {
float: right;
padding: .5em;
2011-02-24 14:25:26 -05:00
}
#header-inner {
position: relative;
2011-04-30 16:52:19 -04:00
top: 55px;
font-family: 'Tangerine', arial, serif;
font-size: 45px;
font-style: normal;
font-weight: bold;
}
#header-inner div{
2011-02-24 14:25:26 -05:00
position: absolute;
}
#header-inner #header-aaron {
2011-04-30 16:52:19 -04:00
font-family: 'Tangerine', arial, serif;
top: 0;
left: 20px;
2011-02-24 14:25:26 -05:00
}
#header-inner #header-and {
2011-04-30 16:52:19 -04:00
top: 52px;
left: 200px;
font-size: .75em;
2011-02-24 14:25:26 -05:00
}
#header-inner #header-elizabeth {
2011-04-30 16:52:19 -04:00
top: 110px;
right: 350px;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#header-inner #header-date {
top: 0px;
left: 490px;
font-size: .7em;
text-shadow: #000 0.05em 0.05em 0.1em;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#content {
width: 800px;
margin: 0 auto;
2011-04-30 18:17:16 -04:00
margin-bottom: 2em;
2011-04-30 16:52:19 -04:00
background-color: #222;
color: white;
border-left: 5px solid #000;
border-right: 5px solid #000;
2011-04-30 18:17:16 -04:00
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;
2011-04-30 16:52:19 -04:00
}
#nav {
width: 100%;
padding: 0;
2011-02-24 14:25:26 -05:00
margin: 0;
}
2011-04-30 16:52:19 -04:00
#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;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#nav ul li{
padding: 0;
2012-06-25 13:10:40 -04:00
margin: 0 8px 0 8px;
2011-04-30 16:52:19 -04:00
display: inline;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#nav ul li a{
padding: 6px 12px 6px 12px;
2011-02-24 14:25:26 -05:00
margin: 0;
2011-04-30 16:52:19 -04:00
color: #fff;
text-decoration: none;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#nav ul li a:hover{
background-color: #1f0220;
background-color: #27183b;
color: #fff;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#header, #footer, #main {
position: relative;
padding: 1em;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
2011-02-24 14:25:26 -05:00
#footer {
2011-04-30 16:52:19 -04:00
color: #9b8bb0;
text-align: center;
border-top: 5px solid #000;
background-color: #111;
2011-02-24 14:25:26 -05:00
}
2011-04-30 16:52:19 -04:00
#footer a {
color: #9b8bb0;
2011-02-24 14:25:26 -05:00
}