CactusTrees.github.io/style.css at master · CreativeCodingLab/CactusTrees.github.io · GitHub

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

#Adaptedfromhttp://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,form,fieldset,input,textarea,blockquote {
margin:0px; padding:0px; border:0px;
}

html {
height:100%;
overflow: auto;
}


body {
background:#bbb;
color: white;
font-family: Arial, Helvetica, sans-serif; font-size:18px;
position: fixed;
width:94%;
height:95%;
left:2.5%;
top:0px;
overflow:visible;
}

nav {
background:#bbb;
font-size:16px;
text-align: center;
}

navulul {
display: none;
text-align: left
}

navulli:hover>ul {
display: block;
}


navul {
background:#222;
padding:00px;
list-style: none;
position: relative;
display: inline-table;
border-radius:1px;
}

navul:after {
content:""; clear: both; display: block;
}

navulli {
float: left;
border:1px solid;
 }
navulli:hover {
background:#880;
border-radius:1px;
border:1px solid;
 }
navulli:hovera {
color:#fff;
border-radius:1px;
 }

navullia {
display: block; padding:5px30px;
color:#fff; text-decoration: none;
border-radius:1px;
 }


navulul {
background:#885500; border-radius:2px; padding:0;
position: absolute; top:100%;
 }
navululli {
float: none;
border-top:1px solid #000;
border-radius:1px;
 }
navulullia {
padding:5px20px;
color:#fff;
 }
navulullia:hover {
background:#aaaa00;
 }

navululul {
position: absolute; left:100%; top:0;
 }