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

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

Fill new trunk.

File size: 6.0 KB
Line 
1table.footer {
2    margin-left: auto;
3    margin-right: auto;
4}
5
6table.footer th,
7table.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
22h1, h2, h3, h4, h5, h6 {
23    font-weight: normal;
24}
25
26h1 {
27    font-size: 1.9em;
28}
29h2 {
30    font-size: 1.4em;
31}
32
33h1, 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
46dl.portlet dt,
47div.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
57dt {
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,
71dl.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}
93div.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}
113dl.portlet dt,
114div.portletAssignments div.portletHeader {
115    background: #ddd;
116}
117div.managePortletsLink,
118a.managePortletsFallback {
119    background: #ddd;
120}
121dl.portlet ul.navTreeLevel0 > .navTreeItem {
122    border-bottom: 0.1em dotted #ddd;
123}
124dl.portlet ul.navTree .navTreeCurrentItem {
125    background-color: #ddd;
126    border-left: 1em solid #ddd;
127}
128#category a.link-category {
129    background: #ddd;
130}
131table.plain th,
132table.plain td {
133    border: 1px solid #ddd;
134}
135table.listing {
136    border-left: 1px solid #ddd;
137    border-bottom: 1px solid #ddd;
138}
139table.listing .top {
140    border-left: 1px solid #ddd;
141    border-top: 1px solid #ddd;
142    border-right: 1px solid #ddd;
143}
144table.listing th {
145    color: #666;
146    border: 0.1em solid #e7e7e7;
147    background: #ddd;
148}
149table.listing td {
150    border-right: 1px solid #ddd;
151}
152table.listing td.draggable {
153    background: #ddd !important;
154}
155#content ul.formTabs {
156    background-color: #ddd;
157    border: 0.3em solid #ddd;
158}
159img.image-left,
160img.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
182a: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,
196dl.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 */
219div.width-1\3a 2 { width:    53.75%; } /* .width-1:2 */
220div.width-1\3a 4 { width:    19.75%; } /* .width-1:4 */
221div.width-3\3a 4 { width:    75.75%; } /* .width-3:4 */
222div.width-full   { width:    97.75%  }
223div.position-1\3a 4 {margin-left:    -76.875%;} /* .position-1:4 */
224div.position-1\3a 2 {margin-left:    -48.875%;} /* .position-1:2 */
225div.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/*
245a: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,
258dl.actionMenu.activated dd,
259#content-views,
260#edit-bar {
261        background-color: blue;
262        border-color: blue;
263}
264dl.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*/
Note: See TracBrowser for help on using the repository browser.