author | Tero Marttila <terom@paivola.fi> |
Sun, 14 Sep 2014 02:28:42 +0300 | |
changeset 204 | 99f9e50030ae |
parent 193 | 87612e81aec5 |
child 208 | 1407c79961ef |
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 |
/* |
|
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
14 |
* General |
1 | 15 |
*/ |
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
16 |
a:hover { |
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
17 |
color: inherit; |
1 | 18 |
} |
19 |
||
20 |
/* |
|
21 |
* Top header |
|
22 |
*/ |
|
23 |
div#header { |
|
24 |
padding: 30px; |
|
25 |
||
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
26 |
border-bottom: 1px dashed #a5a5a5; |
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
27 |
} |
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
28 |
|
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
29 |
div#header h1 { |
1 | 30 |
font-size: 48pt; |
31 |
font-weight: bold; |
|
32 |
} |
|
33 |
||
153 | 34 |
div#header a:hover { |
35 |
text-decoration: none; |
|
36 |
} |
|
37 |
||
1 | 38 |
/* |
39 |
* Main navigation menu |
|
40 |
*/ |
|
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
41 |
#nav { |
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
42 |
|
160
f1e92703a903
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
154
diff
changeset
|
43 |
} |
f1e92703a903
fix nav-float bug with nested lists
Tero Marttila <terom@fixme.fi>
parents:
154
diff
changeset
|
44 |
|
154 | 45 |
#nav ul { |
1 | 46 |
|
47 |
} |
|
48 |
||
154 | 49 |
#nav ul ul { |
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
50 |
|
154 | 51 |
} |
52 |
||
53 |
#nav li a { |
|
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
54 |
|
1 | 55 |
} |
56 |
||
154 | 57 |
#nav li a:hover { |
1 | 58 |
background-color: #d0d0d0; |
59 |
text-decoration: none; |
|
60 |
} |
|
61 |
||
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
62 |
#nav li.page-tree-active { |
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
63 |
background-color: #808080; |
2 | 64 |
} |
65 |
||
1 | 66 |
/* |
67 |
* Content |
|
68 |
*/ |
|
69 |
div#content { |
|
70 |
||
71 |
} |
|
162
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
72 |
|
169 | 73 |
div#breadcrumb { |
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
74 |
display: none; |
169 | 75 |
font-size: x-small; |
76 |
} |
|
77 |
||
163
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
78 |
/* |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
79 |
* Footer |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
80 |
*/ |
162
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
81 |
div#footer { |
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
82 |
margin: 40px 0px 0px 0px; |
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
83 |
|
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
84 |
padding: 20px 0px; |
162
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
85 |
|
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
86 |
border-top: 1px dashed #a5a5a5; |
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
87 |
|
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
88 |
font-size: x-small; |
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
89 |
font-style: italic; |
64bdf9742baf
I know I'm very naive to think I've solved my CSS layout problems now...
Tero Marttila <terom@fixme.fi>
parents:
160
diff
changeset
|
90 |
} |
163
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
91 |
|
167
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
92 |
div#footer-left { |
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
93 |
float: left; |
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
94 |
} |
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
95 |
|
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
96 |
.page-footer-modified { |
163
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
97 |
float: right; |
167
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
98 |
text-align: right; |
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
99 |
} |
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
100 |
|
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
101 |
div#footer-center { |
f2504700e273
remove foo.html page, and rice up the footer a bit
Tero Marttila <terom@fixme.fi>
parents:
165
diff
changeset
|
102 |
text-align: center; |
163
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
103 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
104 |
|
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
105 |
/* |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
106 |
* General styles |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
107 |
*/ |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
108 |
a { |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
109 |
color: black; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
110 |
text-decoration: none; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
111 |
font-weight: bold; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
112 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
113 |
|
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
114 |
a:hover { |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
115 |
text-decoration: underline; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
116 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
117 |
|
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
118 |
h1 { |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
119 |
font-size: x-large; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
120 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
121 |
|
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
122 |
h2 { |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
123 |
font-size: large; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
124 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
125 |
|
204
99f9e50030ae
site layout: update style.css for use with bootstrap
Tero Marttila <terom@paivola.fi>
parents:
193
diff
changeset
|
126 |
#content p { |
165 | 127 |
margin-left: 0.5em; |
128 |
} |
|
129 |
||
163
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
130 |
#content li { |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
131 |
padding: 2px; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
132 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
133 |
|
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
134 |
#content a { |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
135 |
padding-right: 13px; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
136 |
|
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
137 |
background: transparent url(/static/link.png) no-repeat center right; |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
138 |
} |
5cefbd93926a
some unicode fixes, layout tweaks, a link icon
Tero Marttila <terom@fixme.fi>
parents:
162
diff
changeset
|
139 |