source: main/waeup.plonetheme/trunk/waeup/plonetheme/skins/waeup_plonetheme_styles/ploneCustom.css.dtml @ 16400

Last change on this file since 16400 was 5869, checked in by Henrik Bettermann, 14 years ago

Modify layout of description line and h2.
Customize print.css.

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