1 | table.footer { |
---|
2 | margin-left: auto; |
---|
3 | margin-right: auto; |
---|
4 | } |
---|
5 | |
---|
6 | table.footer th, |
---|
7 | table.footer td { |
---|
8 | padding: 0.5em 1em; |
---|
9 | vertical-align: top; |
---|
10 | } |
---|
11 | |
---|
12 | |
---|
13 | |
---|
14 | /* |
---|
15 | ** PUBLIC.CSS CUSTOMIZATION STYLES |
---|
16 | */ |
---|
17 | |
---|
18 | #portal-logo { |
---|
19 | margin: 1.375em 0; |
---|
20 | } |
---|
21 | |
---|
22 | h1, h2, h3, h4, h5, h6 { |
---|
23 | font-weight: normal; |
---|
24 | } |
---|
25 | |
---|
26 | h1 { |
---|
27 | font-size: 1.9em; |
---|
28 | } |
---|
29 | h2 { |
---|
30 | font-size: 1.4em; |
---|
31 | } |
---|
32 | |
---|
33 | h1, h2 { |
---|
34 | letter-spacing: 0em; |
---|
35 | } |
---|
36 | |
---|
37 | #portal-globalnav li a { |
---|
38 | padding: 0.5em 1em 1em 1em; |
---|
39 | min-width: 6em; |
---|
40 | white-space: normal; |
---|
41 | /*TODO: Once we have removed the whitespace from the nav template, this can be put back*/ |
---|
42 | /*border-bottom: 0.1em solid White;*/ |
---|
43 | border-right: 0.1em solid white; |
---|
44 | } |
---|
45 | |
---|
46 | dl.portlet dt, |
---|
47 | div.portletAssignments div.portletHeader { |
---|
48 | padding: 0.4em 1em; |
---|
49 | background: #ddd; |
---|
50 | line-height: normal; |
---|
51 | } |
---|
52 | |
---|
53 | #portlet-prefs a { |
---|
54 | line-height: normal; |
---|
55 | } |
---|
56 | |
---|
57 | dt { |
---|
58 | font-weight: bold; |
---|
59 | } |
---|
60 | |
---|
61 | #fieldset-openid-login input, #login-form input { |
---|
62 | font-size: 120%; |
---|
63 | } |
---|
64 | |
---|
65 | /* Change the ugly green of the sunburst theme */ |
---|
66 | |
---|
67 | #portal-siteactions li a:hover { |
---|
68 | color: #008036 |
---|
69 | } |
---|
70 | #content a:hover, |
---|
71 | dl.portlet a:hover { |
---|
72 | color: #008036 !important; /* This one gets an !important because it should always activate in the content area, even when state coloring is active */ |
---|
73 | } |
---|
74 | #edit-bar { |
---|
75 | background-color: #008036; |
---|
76 | border: 0.25em solid #008036; |
---|
77 | border-style: solid solid none solid; |
---|
78 | } |
---|
79 | |
---|
80 | #content-views { |
---|
81 | background-color: #008036; |
---|
82 | } |
---|
83 | #contentActionMenus dl.actionMenu a, |
---|
84 | #contentActionMenus dl.actionMenu.activated dd { |
---|
85 | background-color: #008036; |
---|
86 | } |
---|
87 | #contentActionMenus dl.actionMenu.activated dd { |
---|
88 | border-bottom: 0.5em solid #008036; |
---|
89 | } |
---|
90 | #contentActionMenus { |
---|
91 | background: #008036; |
---|
92 | } |
---|
93 | div.overlay a:hover { |
---|
94 | color: #008036; |
---|
95 | } |
---|
96 | |
---|
97 | /* Change the light blue of the sunburst theme */ |
---|
98 | |
---|
99 | #portal-globalnav { |
---|
100 | background: #ddd; |
---|
101 | } |
---|
102 | |
---|
103 | #portal-globalnav li a { |
---|
104 | background: #ddd; |
---|
105 | } |
---|
106 | #portal-globalnav .selected a:hover { |
---|
107 | background: #ddd; |
---|
108 | color: #003d7d; |
---|
109 | } |
---|
110 | .LSHighlight { |
---|
111 | background: #ddd; |
---|
112 | } |
---|
113 | dl.portlet dt, |
---|
114 | div.portletAssignments div.portletHeader { |
---|
115 | background: #ddd; |
---|
116 | } |
---|
117 | div.managePortletsLink, |
---|
118 | a.managePortletsFallback { |
---|
119 | background: #ddd; |
---|
120 | } |
---|
121 | dl.portlet ul.navTreeLevel0 > .navTreeItem { |
---|
122 | border-bottom: 0.1em dotted #ddd; |
---|
123 | } |
---|
124 | dl.portlet ul.navTree .navTreeCurrentItem { |
---|
125 | background-color: #ddd; |
---|
126 | border-left: 1em solid #ddd; |
---|
127 | } |
---|
128 | #category a.link-category { |
---|
129 | background: #ddd; |
---|
130 | } |
---|
131 | table.plain th, |
---|
132 | table.plain td { |
---|
133 | border: 1px solid #ddd; |
---|
134 | } |
---|
135 | table.listing { |
---|
136 | border-left: 1px solid #ddd; |
---|
137 | border-bottom: 1px solid #ddd; |
---|
138 | } |
---|
139 | table.listing .top { |
---|
140 | border-left: 1px solid #ddd; |
---|
141 | border-top: 1px solid #ddd; |
---|
142 | border-right: 1px solid #ddd; |
---|
143 | } |
---|
144 | table.listing th { |
---|
145 | color: #666; |
---|
146 | border: 0.1em solid #e7e7e7; |
---|
147 | background: #ddd; |
---|
148 | } |
---|
149 | table.listing td { |
---|
150 | border-right: 1px solid #ddd; |
---|
151 | } |
---|
152 | table.listing td.draggable { |
---|
153 | background: #ddd !important; |
---|
154 | } |
---|
155 | #content ul.formTabs { |
---|
156 | background-color: #ddd; |
---|
157 | border: 0.3em solid #ddd; |
---|
158 | } |
---|
159 | img.image-left, |
---|
160 | img.image-right, |
---|
161 | .captioned img { |
---|
162 | border: 1px solid #ddd; |
---|
163 | } |
---|
164 | #portal-footer { |
---|
165 | background: #ddd; |
---|
166 | line-height: 1em; |
---|
167 | padding-top: 0.5em; |
---|
168 | padding-bottom: 0.5em; |
---|
169 | } |
---|
170 | #portal-sitemap > li { |
---|
171 | border-bottom:0.1em dotted #ddd; |
---|
172 | } |
---|
173 | #content-history .historyByLine { |
---|
174 | background: #ddd; |
---|
175 | } |
---|
176 | #content-history div.historyComment { |
---|
177 | border: 1px solid #ddd; |
---|
178 | } |
---|
179 | |
---|
180 | /* Change the dark blue of the sunburst theme */ |
---|
181 | |
---|
182 | a:link, a:visited { |
---|
183 | color: #003d7d; |
---|
184 | } |
---|
185 | |
---|
186 | #portal-globalnav .selected a, |
---|
187 | #portal-globalnav a:hover { |
---|
188 | background: #003d7d; |
---|
189 | } |
---|
190 | |
---|
191 | #content a.link-overlay { |
---|
192 | border-bottom: 1px dotted #003d7d !important; |
---|
193 | } |
---|
194 | |
---|
195 | #content a:link, |
---|
196 | dl.portlet a:link { |
---|
197 | color: #003d7d; |
---|
198 | } |
---|
199 | |
---|
200 | #category a.link-category:hover { |
---|
201 | background: #003d7d; |
---|
202 | border-color: #003d7d; |
---|
203 | } |
---|
204 | |
---|
205 | #portal-personaltools dd a:hover { |
---|
206 | background: #003d7d; |
---|
207 | } |
---|
208 | |
---|
209 | |
---|
210 | |
---|
211 | |
---|
212 | |
---|
213 | |
---|
214 | /* |
---|
215 | ** COLUMNS.CSS CUSTOMIZATION STYLES |
---|
216 | */ |
---|
217 | |
---|
218 | /* Shrink left and right columns and enlarge the content column */ |
---|
219 | div.width-1\3a 2 { width: 53.75%; } /* .width-1:2 */ |
---|
220 | div.width-1\3a 4 { width: 19.75%; } /* .width-1:4 */ |
---|
221 | div.width-3\3a 4 { width: 75.75%; } /* .width-3:4 */ |
---|
222 | div.width-full { width: 97.75% } |
---|
223 | div.position-1\3a 4 {margin-left: -76.875%;} /* .position-1:4 */ |
---|
224 | div.position-1\3a 2 {margin-left: -48.875%;} /* .position-1:2 */ |
---|
225 | div.position-3\3a 4 {margin-left: -20.875%;} /* .position-3:4 */ |
---|
226 | |
---|
227 | |
---|
228 | |
---|
229 | |
---|
230 | |
---|
231 | |
---|
232 | |
---|
233 | /* Here follows the original stuff from ploneCustom.css.dtml */ |
---|
234 | |
---|
235 | /* uncomment the below selector to get a fixed-width layout. * |
---|
236 | * 60em is equivalent to 960px in this case, and every * |
---|
237 | * grid cell will be 40px with 10px padding. */ |
---|
238 | |
---|
239 | #visual-portal-wrapper { width: 60em; margin: 0 auto; } |
---|
240 | |
---|
241 | /* To change the link color (or the navigation link background), uncomment * |
---|
242 | * the selectors below, and insert new color values: */ |
---|
243 | |
---|
244 | /* |
---|
245 | a:link, a:visited, #content a:link, #content a:visited, dl.portlet a:link, dl.portlet a:visited { |
---|
246 | color: red; |
---|
247 | } |
---|
248 | #portal-globalnav .selected a, #portal-globalnav a:hover { |
---|
249 | background-color: red; |
---|
250 | } |
---|
251 | */ |
---|
252 | |
---|
253 | /* To change the edit bar color, uncomment the selectors below, and insert * |
---|
254 | * new color values: */ |
---|
255 | |
---|
256 | /* |
---|
257 | #contentActionMenus, |
---|
258 | dl.actionMenu.activated dd, |
---|
259 | #content-views, |
---|
260 | #edit-bar { |
---|
261 | background-color: blue; |
---|
262 | border-color: blue; |
---|
263 | } |
---|
264 | dl.actionMenu a { |
---|
265 | background-color: blue; |
---|
266 | } |
---|
267 | */ |
---|
268 | |
---|
269 | /* If you want to hide the path bar (aka. breadcrumbs), uncomment the below: */ |
---|
270 | |
---|
271 | /* |
---|
272 | #breadcrumbs-you-are-here, |
---|
273 | #breadcrumbs-home, |
---|
274 | #breadcrumbs-current, |
---|
275 | #breadcrumbs-1 { |
---|
276 | display: none; |
---|
277 | } |
---|
278 | */ |
---|
279 | |
---|
280 | /* If you want variables in the CSS (for example for colors that are used * |
---|
281 | * in several locations), Plone has a built-in facility for this. An example * |
---|
282 | * is shown below, the variables are defined in the file "base_properties", * |
---|
283 | * and below we show the syntax for using them directly in the CSS file. * |
---|
284 | * Note that you always need to surround the relevant part (or the entire CSS * |
---|
285 | * file) with the dtml-with statements for it to work. */ |
---|
286 | |
---|
287 | /* |
---|
288 | |
---|
289 | /* |
---|
290 | <dtml-with base_properties> |
---|
291 | #content a:link { color: &dtml-linkColor;; } |
---|
292 | </dtml-with> |
---|
293 | */ |
---|