-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle1.css
129 lines (119 loc) · 5.45 KB
/
style1.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/*
CSS for Bubble Under site
*/
body {font-family:Verdana, Helvetica, Arial, sans-serif;background-color:#e2edff;line-height:125%;padding:0;margin:0;}
/* Structure - positioning of key parts of page */
nav, #bodycontent, header {position:absolute;}
nav, #bodycontent {top:107px;}
#bodycontent {left:200px;}
header {width:100%;}
/* General styles */
li {font-size:small;list-style-type:none;}
p {font-size:small;color:navy;}
#tagline p {font-style:italic;font-family:Georgia, Times, serif;border-top:3px solid #7da5d8;border-bottom:3px solid #7da5d8;padding-top:.2em;padding-bottom:.2em;padding-left:.8em;margin:0;background:#bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right;}
em {text-transform:uppercase;}
h2, ul {margin-top:15px;}
.fun {color:#339999;font-family:Georgia, Times, serif;letter-spacing:0.05em;}
blockquote.fun {font-style:italic;}
/* Homepage only */
#twitImageLink img {border:none;display:block;margin:15px 0;}
#homeImage {float:left;margin:0 10px 10px 0;}
/* Google Search */
#search {position: absolute;top: 77px;right: 10px;font-size: x-small;font-weight: bold;color: #000066;}
/* Headings */
h1, h2, h3 {font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;}
h1 {font-family:'Candal', arial, serif;font-size:x-large;background-color:navy;color:white;padding-top:2em;padding-bottom:.2em;padding-left:.4em;margin:0;background:navy url(backgrounds/header-bg.jpg) repeat-y right bottom;}
h2 {color:navy;font-size:130%;font-weight:normal;padding-top:15px;font-family:'Candal', arial, serif;font-size:2em;line-height:1;}
/* Link Styles */
a {font-weight:bold;}
a:link {color:black;}
a:visited {color:navy;}
a:hover {text-decoration:none;color:white;background-color:navy;}
a:active {color:aqua;background-color:navy;}
/* Main Navigation */
nav {width:180px;height:484px;background:#7da5d8 url(backgrounds/nav-bg.jpg) no-repeat;display:block;/*Only for IE8
or less */}
nav ul {margin:0;padding-top:15px;}
nav a {text-shadow:1px 1px 2px white, -1px -1px 2px white;text-decoration:none;}
nav a:hover, nav a:focus {text-shadow:none;}
/* Table styles */
table.events {border-collapse:collapse;}
table.events th, table.events td {padding:4px;border:1px solid #000066;}
table.events th {font-size:x-small;text-align:left;background:#241374 url(backgrounds/header-bg.jpg);color:#ffffff;padding-top:0;padding-bottom:0;padding-left:2px;padding-right:2px;}
table.events td {font-size:small;background:#e2edff url(backgrounds/td.jpg) repeat-x top;}
table.events caption {color:#000066;font-size:small;font-weight:bold;text-align:left;padding-bottom:5px;}
/* Form styles */
form.contact fieldset {border:2px solid navy;padding:10px;}
form.contact legend {font-weight:bold;font-size:small;color:navy;padding:5px;}
form.contact {padding:0;margin:0;margin-top:-15px;line-height:150%;}
form.contact label {font-weight:bold;font-size:small;}
form.contact label.fixedwidth {display:block;width:240px;float:left;}
form.contact .buttonarea input {background:navy;color:white;font-weight:bold;padding:5px;border:1px solid white;}
form.contact .buttonarea {text-align:center;padding:4px;background-color:#0066FF;}
/* New HTML5 elements */
header {border-top:3px solid #7da5d8;display:block;/*Only for IE8 or less */}
.aside {float:right;margin:10px;width:200px;}
aside {display:block;float:right;margin:10px;padding:10px;width:30%;background:white;font-style:italic;color:gray;}
aside blockquote {font-size:1.2em;line-height:1.4;margin:0 0 0.5em 0;font-style:normal;color:#006;font-family:'Candal', arial, serif;}
aside {border:1px solid gray;
-moz-border-radius:20px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
-moz-box-shadow:4px 4px 10px gray;
-webkit-box-shadow:4px 4px 10px gray;
-o-box-shadow:4px 4px 10px gray;
-ms-box-shadow:4px 4px 10px gray;
box-shadow:4px 4px 10px gray;
}
figure {display:block;padding-bottom:10px;border-bottom:1px solid navy;margin-bottom:20px;}
figcaption {display:block;font-size:65%;font-weight:bold;margin-top:0;width:430px;line-height:1.4em;}
figcaption span {font-weight:normal;color:gray;}
figure img {border:15px solid white;margin-bottom:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
-moz-box-shadow:2px 2px 5px gray;
-webkit-box-shadow:2px 2px 5px gray;
-o-box-shadow:2px 2px 5px gray;
-ms-box-shadow:2px 2px 5px gray;
box-shadow:2px 2px 5px gray;
}
fieldset {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
}
input, select, textarea {border:1px solid gray;padding:3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
input:focus, select:focus, textarea:focus {border:1px solid black;
-moz-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
-webkit-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
-o-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
-ms-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
}
div.buttonarea {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}
form.contact label {
-moz-text-shadow:1px 1px 1px white, -1px -1px 1px white;
-webkit-text-shadow:1px 1px 1px white, -1px -1px 1px white;
-o-text-shadow:1px 1px 1px white, -1px -1px 1px white;
-ms-text-shadow:1px 1px 1px white, -1px -1px 1px white;
text-shadow:1px 1px 1px white, -1px -1px 1px white;
}