| author | Tero Marttila <terom@fixme.fi> |
| Sat, 07 Feb 2009 03:00:11 +0200 | |
| changeset 18 | 0e701fbd6760 |
| parent 12 | 2abc5ace0b15 |
| child 20 | d40c339d3778 |
| 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 |
/* |
51 |
* Main navigation menu |
|
52 |
*/ |
|
|
18
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
53 |
#nav {
|
|
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
54 |
float: left; |
|
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
55 |
|
|
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
56 |
} |
|
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
57 |
|
| 12 | 58 |
#nav ul {
|
| 1 | 59 |
margin: 0px; |
60 |
padding: 0px; |
|
61 |
||
62 |
list-style: none; |
|
63 |
||
64 |
width: 180px; |
|
65 |
||
66 |
padding-top: 25px; |
|
67 |
} |
|
68 |
||
| 12 | 69 |
#nav ul ul {
|
70 |
padding-top: 0px; |
|
71 |
border-left: 15px solid #d0d0d0; |
|
72 |
} |
|
73 |
||
74 |
#nav li a {
|
|
| 1 | 75 |
display: block; |
76 |
||
77 |
padding: 10px; |
|
78 |
padding-left: 20px; |
|
79 |
} |
|
80 |
||
| 12 | 81 |
#nav li a:hover {
|
| 1 | 82 |
background-color: #d0d0d0; |
83 |
text-decoration: none; |
|
84 |
} |
|
85 |
||
| 12 | 86 |
#nav li a.selected-page {
|
| 2 | 87 |
border-left: 5px solid black; |
88 |
padding-left: 15px; |
|
89 |
} |
|
90 |
||
| 1 | 91 |
/* |
92 |
* Content |
|
93 |
*/ |
|
94 |
div#content {
|
|
95 |
margin-left: 180px; |
|
96 |
||
97 |
padding: 25px; |
|
98 |
||
99 |
border-left: 1px dashed #a5a5a5; |
|
100 |
} |
|
101 |
||
102 |
div#content p {
|
|
103 |
text-indent: 2em; |
|
104 |
||
105 |
} |