author | Tero Marttila <terom@fixme.fi> |
Sat, 07 Feb 2009 03:35:37 +0200 | |
changeset 20 | d40c339d3778 |
parent 18 | 0e701fbd6760 |
child 21 | b05979822dee |
permissions | -rw-r--r-- |
1 | 1 |
|
2 |
/* |
|
3 |
* Three main areas: |
|
4 |
* header |
|
5 |
* nav |
|
6 |
* content |
|
7 |
* |
|
8 |
* Border layout: |
|
9 |
* Header (bottom) |
|
10 |
* Content (left) |
|
11 |
*/ |
|
12 |
||
13 |
/* |
|
14 |
* Global styles |
|
15 |
*/ |
|
16 |
body { |
|
17 |
padding: 0px; |
|
18 |
margin: 0px; |
|
19 |
||
20 |
background-color: #ffffff; |
|
21 |
color: #000000; |
|
22 |
} |
|
23 |
||
24 |
a { |
|
25 |
color: black; |
|
26 |
text-decoration: none; |
|
27 |
font-weight: bold; |
|
28 |
} |
|
29 |
||
30 |
a:hover { |
|
31 |
text-decoration: underline; |
|
32 |
} |
|
33 |
||
34 |
/* |
|
35 |
* Top header |
|
36 |
*/ |
|
37 |
div#header { |
|
38 |
padding: 30px; |
|
39 |
||
40 |
font-size: 48pt; |
|
41 |
font-weight: bold; |
|
42 |
||
43 |
border-bottom: 1px dashed #a5a5a5; |
|
44 |
} |
|
45 |
||
11 | 46 |
div#header a:hover { |
47 |
text-decoration: none; |
|
48 |
} |
|
49 |
||
1 | 50 |
/* |
20
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
51 |
* Container for layout items |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
52 |
*/ |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
53 |
#container { |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
54 |
overflow: hidden; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
55 |
} |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
56 |
|
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
57 |
/* |
1 | 58 |
* Main navigation menu |
59 |
*/ |
|
18
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
60 |
#nav { |
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
61 |
float: left; |
20
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
62 |
|
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
63 |
padding-bottom: 2000px; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
64 |
margin-bottom: -2000px; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
65 |
|
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
66 |
border-right: 1px dashed #a5a5a5; |
18
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
67 |
} |
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
68 |
|
12 | 69 |
#nav ul { |
1 | 70 |
margin: 0px; |
71 |
padding: 0px; |
|
72 |
||
73 |
list-style: none; |
|
74 |
||
75 |
width: 180px; |
|
76 |
||
77 |
padding-top: 25px; |
|
78 |
} |
|
79 |
||
12 | 80 |
#nav ul ul { |
81 |
padding-top: 0px; |
|
82 |
border-left: 15px solid #d0d0d0; |
|
83 |
} |
|
84 |
||
85 |
#nav li a { |
|
1 | 86 |
display: block; |
87 |
||
88 |
padding: 10px; |
|
89 |
padding-left: 20px; |
|
90 |
} |
|
91 |
||
12 | 92 |
#nav li a:hover { |
1 | 93 |
background-color: #d0d0d0; |
94 |
text-decoration: none; |
|
95 |
} |
|
96 |
||
12 | 97 |
#nav li a.selected-page { |
2 | 98 |
border-left: 5px solid black; |
99 |
padding-left: 15px; |
|
100 |
} |
|
101 |
||
1 | 102 |
/* |
103 |
* Content |
|
104 |
*/ |
|
105 |
div#content { |
|
106 |
margin-left: 180px; |
|
107 |
padding: 25px; |
|
108 |
} |
|
109 |
||
110 |
div#content p { |
|
111 |
text-indent: 2em; |
|
112 |
||
113 |
} |
|
20
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
114 |
|
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
115 |
div#footer { |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
116 |
padding: 10px; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
117 |
|
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
118 |
border-top: 1px dashed #a5a5a5; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
119 |
|
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
120 |
font-size: x-small; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
121 |
font-style: italic; |
d40c339d3778
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
18
diff
changeset
|
122 |
} |