author | Tero Marttila <terom@fixme.fi> |
Sun, 08 Feb 2009 02:29:23 +0200 | |
branch | sites |
changeset 42 | 5a72c00c4ae4 |
parent 28 | b68145b5ce24 |
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 |
/* |
|
25 |
* Top header |
|
26 |
*/ |
|
27 |
div#header { |
|
28 |
padding: 30px; |
|
29 |
||
30 |
font-size: 48pt; |
|
31 |
font-weight: bold; |
|
32 |
||
33 |
border-bottom: 1px dashed #a5a5a5; |
|
34 |
} |
|
35 |
||
11 | 36 |
div#header a:hover { |
37 |
text-decoration: none; |
|
38 |
} |
|
39 |
||
1 | 40 |
/* |
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
|
41 |
* 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
|
42 |
*/ |
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
|
43 |
#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
|
44 |
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
|
45 |
} |
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
|
46 |
|
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
|
47 |
/* |
1 | 48 |
* Main navigation menu |
49 |
*/ |
|
18
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
50 |
#nav { |
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
51 |
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
|
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 |
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
|
54 |
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
|
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 |
border-right: 1px dashed #a5a5a5; |
18
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
57 |
} |
0e701fbd6760
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
12
diff
changeset
|
58 |
|
12 | 59 |
#nav ul { |
1 | 60 |
margin: 0px; |
61 |
padding: 0px; |
|
62 |
||
63 |
list-style: none; |
|
64 |
||
65 |
width: 180px; |
|
66 |
||
67 |
padding-top: 25px; |
|
68 |
} |
|
69 |
||
12 | 70 |
#nav ul ul { |
71 |
padding-top: 0px; |
|
72 |
border-left: 15px solid #d0d0d0; |
|
73 |
} |
|
74 |
||
75 |
#nav li a { |
|
1 | 76 |
display: block; |
77 |
||
78 |
padding: 10px; |
|
79 |
padding-left: 20px; |
|
80 |
} |
|
81 |
||
12 | 82 |
#nav li a:hover { |
1 | 83 |
background-color: #d0d0d0; |
84 |
text-decoration: none; |
|
85 |
} |
|
86 |
||
12 | 87 |
#nav li a.selected-page { |
2 | 88 |
border-left: 5px solid black; |
89 |
padding-left: 15px; |
|
90 |
} |
|
91 |
||
1 | 92 |
/* |
93 |
* Content |
|
94 |
*/ |
|
95 |
div#content { |
|
96 |
margin-left: 180px; |
|
97 |
padding: 25px; |
|
98 |
||
24 | 99 |
padding-right: 50px; |
1 | 100 |
} |
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
|
101 |
|
28 | 102 |
div#breadcrumb { |
103 |
font-size: x-small; |
|
104 |
} |
|
105 |
||
21
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
106 |
/* |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
107 |
* Footer |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
108 |
*/ |
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
|
109 |
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
|
110 |
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
|
111 |
|
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
|
112 |
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
|
113 |
|
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 |
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
|
115 |
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
|
116 |
} |
21
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
117 |
|
26
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
118 |
div#footer-left { |
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
119 |
float: left; |
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
120 |
} |
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
121 |
|
21
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
122 |
div#footer-right { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
123 |
float: right; |
26
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
124 |
text-align: right; |
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
125 |
} |
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
126 |
|
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
127 |
div#footer-center { |
9d3beac1b196
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
24
diff
changeset
|
128 |
text-align: center; |
21
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
129 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
130 |
|
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
131 |
/* |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
132 |
* General styles |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
133 |
*/ |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
134 |
a { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
135 |
color: black; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
136 |
text-decoration: none; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
137 |
font-weight: bold; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
138 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
139 |
|
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
140 |
a:hover { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
141 |
text-decoration: underline; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
142 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
143 |
|
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
144 |
h1 { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
145 |
font-size: x-large; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
146 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
147 |
|
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
148 |
h2 { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
149 |
font-size: large; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
150 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
151 |
|
24 | 152 |
div#content p { |
153 |
margin-left: 0.5em; |
|
154 |
} |
|
155 |
||
21
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
156 |
#content li { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
157 |
padding: 2px; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
158 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
159 |
|
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
160 |
#content a { |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
161 |
padding-right: 13px; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
162 |
|
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
163 |
background: transparent url(/static/link.png) no-repeat center right; |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
164 |
} |
b05979822dee
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
20
diff
changeset
|
165 |