-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
127 lines (127 loc) · 3.61 KB
/
style.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
#body {background-color: skyblue;}
#banner {background-image: url("images/hawaii.jpeg");
background-repeat: no-repeat;
background-size: 1000px 200px;
background-position: center;
color: white;
height: 200px;
width: 1000px;
text-align: center;
line-height: -25%;
margin: auto;}
#divcontainer {width: 1000px;
background-color: lime;
margin: auto;}
#leftcontent {background-color: beige;
height: 600px;
width: 200px;
float: left;
margin: auto;}
#maincontent {background-color: beige;
height: 600px;
width: 800px;
float: left;
margin: auto;}
#footer {background-color: tan;
color: white;
height: 50px;
width: 100%;
clear: both;
margin: auto;}
#bannerfont {font-size: 50px;
font-family: Comic sans ms;
margin: auto;}
#nav {height: 50px;
width: 1000px;
margin: auto;
background-color: skyblue;
margin-top: 20px;}
.nav {color: darkblue;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 25px;}
a.nav:hover {background-color: lightgrey;}
.imageone {position: relative;
right: -25px;
border-style: solid;}
.imagetwo {position: relative;
right: -400px;
border-style: solid;}
.contentone {position: relative;
right: -400px;
bottom: 400px;
width: 200px;}
.contenttwo {position: relative;
right: -25px;
bottom: -130px;
width: 200px;}
#leftcontent2 {background-color: beige;
height: 600px;
width: 497px;
float: left;
margin: auto;
border-right: solid grey;}
#maincontent2 {background-color: beige;
height: 600px;
width: 500px;
float: left;
margin: auto;}
#banner2 {background-repeat: no-repeat;
background-size: 1000px 200px;
background-position: center;
background-color: beige;
height: 200px;
width: 1000px;
line-height: -25%;
margin: auto;
border-bottom: solid grey;}
h2.one {margin-top: 0px;}
img.imagethree {border: solid black;}
#leftcontent3 {background-color: beige;
height: 600px;
width: 331px;
float: left;
margin: auto;
border-right: solid grey}
#maincontent3 {background-color: beige;
height: 600px;
width: 332px;
float: left;
margin: auto;
border-right: solid grey;}
#rightcontent3 {background-color: beige;
height: 600px;
width: 331px;
float: left;
margin: auto;}
.links {text-decoration: none;
color: blue;}
.links2 {text-decoration: none;
color: black;}
#maincontent4 {background-color: beige;
height: 600px;
width: 1000px;
float: left;
margin: auto;}
h4.end {font-size: 50px}
img.imagefour {border: solid black;}
.endlink {position: relative;
top: 50px;
text-decoration: none;
color: black;}
.endlink2 {position: relative;
top: 25px;
text-decoration: none;
color: black;}
.endlink3 {position: relative;
top: 40px;
text-decoration: none;
color: black;}
#time {background-color: tan;
color: white;
height: 35px;
width: 100%;
clear: both;
margin: auto;
text-align: center;}