1 |
/* |
---|
2 |
** Plone style sheet - Portlets |
---|
3 |
** |
---|
4 |
** Style sheet documentation can be found at http://plone.org/documentation |
---|
5 |
** |
---|
6 |
** You should preferrably use ploneCustom.css to add your own CSS classes and to |
---|
7 |
** customize your portal, as these are the base fundaments of Plone, and will |
---|
8 |
** change and be refined in newer versions. Keeping your changes in |
---|
9 |
** ploneCustom.css will make it easier to upgrade. |
---|
10 |
** |
---|
11 |
** Feel free to use whole or parts of this for your own designs, but give credit |
---|
12 |
** where credit is due. |
---|
13 |
** |
---|
14 |
*/ |
---|
15 |
|
---|
16 |
/* <dtml-with base_properties> (do not remove this :) */ |
---|
17 |
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */ |
---|
18 |
|
---|
19 |
/* The new portlet CSS - these will be switched to non-qualified classes |
---|
20 |
(ie. .portlet, not dl.portlet) once the old portlet layout is removed in |
---|
21 |
Plone 2.5. ~limi */ |
---|
22 |
|
---|
23 |
/* Main portlet elements */ |
---|
24 |
|
---|
25 |
dl.portlet { |
---|
26 |
margin: 1px 0 1px 0; |
---|
27 |
border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
28 |
background-color: &dtml-backgroundColor;; |
---|
29 |
} |
---|
30 |
|
---|
31 |
dl.portlet a { |
---|
32 |
text-decoration: none; |
---|
33 |
} |
---|
34 |
|
---|
35 |
.portlet a.tile { |
---|
36 |
display: block; |
---|
37 |
} |
---|
38 |
|
---|
39 |
|
---|
40 |
/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */ |
---|
41 |
dd.portletItem a, |
---|
42 |
dd.portletFooter a { |
---|
43 |
border-bottom: none; |
---|
44 |
} |
---|
45 |
dd.portletItem a:visited, |
---|
46 |
dd.portletFooter a:visited { |
---|
47 |
color: &dtml-linkColor;; |
---|
48 |
} |
---|
49 |
|
---|
50 |
.portletHeader { |
---|
51 |
background-color: #7e90a9; |
---|
52 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
53 |
padding: 2px; |
---|
54 |
text-transform: &dtml-textTransform;; |
---|
55 |
font-weight: normal; |
---|
56 |
line-height: 1.6em; |
---|
57 |
} |
---|
58 |
|
---|
59 |
.portletHeader a { |
---|
60 |
color: #fff !important; |
---|
61 |
text-transform:capitalize; |
---|
62 |
} |
---|
63 |
|
---|
64 |
.portletItem { |
---|
65 |
margin: 0; |
---|
66 |
padding: 1em; |
---|
67 |
border-left: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
68 |
border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
69 |
} |
---|
70 |
|
---|
71 |
.portletItemDetails { |
---|
72 |
text-align: right; |
---|
73 |
display: block; |
---|
74 |
color: &dtml-fontColor;; |
---|
75 |
} |
---|
76 |
|
---|
77 |
dd.portletFooter { |
---|
78 |
background-color: &dtml-evenRowBackgroundColor;; |
---|
79 |
margin: 0; |
---|
80 |
padding: 0.25em 1em; |
---|
81 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
82 |
border-style: dotted &dtml-borderStyle; none &dtml-borderStyle;; |
---|
83 |
text-align: right; |
---|
84 |
} |
---|
85 |
|
---|
86 |
|
---|
87 |
/* Elements that enable layout with rounded corners */ |
---|
88 |
|
---|
89 |
.portletTopLeft {} |
---|
90 |
.portletTopRight {} |
---|
91 |
.portletBottomLeft {} |
---|
92 |
.portletBottomRight {} |
---|
93 |
|
---|
94 |
|
---|
95 |
|
---|
96 |
/* New navtree styles */ |
---|
97 |
|
---|
98 |
.portletNavigationTree { |
---|
99 |
margin: 0 0 0 0.75em; |
---|
100 |
padding: 0; |
---|
101 |
list-style: none; |
---|
102 |
list-style-image: none; |
---|
103 |
line-height: 1em; |
---|
104 |
} |
---|
105 |
|
---|
106 |
|
---|
107 |
|
---|
108 |
.navTree { |
---|
109 |
list-style: none; |
---|
110 |
list-style-image: none; |
---|
111 |
margin-top: 1px; |
---|
112 |
} |
---|
113 |
|
---|
114 |
.navTreeLocal { |
---|
115 |
margin: 0 0 0 0.75em; |
---|
116 |
} |
---|
117 |
|
---|
118 |
.navTree li { |
---|
119 |
margin-bottom: 1px; |
---|
120 |
} |
---|
121 |
|
---|
122 |
.navTreeItem { |
---|
123 |
display: block; |
---|
124 |
padding: 0; |
---|
125 |
margin: 0; |
---|
126 |
} |
---|
127 |
|
---|
128 |
.navTreeItem a, |
---|
129 |
dd.portletItem .navTreeItem a { |
---|
130 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor;; |
---|
131 |
display: block; |
---|
132 |
text-decoration: none; |
---|
133 |
padding-top: 0.2em; |
---|
134 |
padding-bottom: 0.25em; |
---|
135 |
} |
---|
136 |
|
---|
137 |
.navTreeItem a:hover, |
---|
138 |
dd.portletItem .navTreeItem a:hover { |
---|
139 |
background-color: &dtml-globalBackgroundColor;; |
---|
140 |
color: &dtml-globalFontColor;; |
---|
141 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
142 |
} |
---|
143 |
|
---|
144 |
.navTreeCurrentItem { |
---|
145 |
background-color: &dtml-globalBackgroundColor;; |
---|
146 |
color: &dtml-globalFontColor;; |
---|
147 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor; !important; |
---|
148 |
} |
---|
149 |
|
---|
150 |
li.navTreeCurrentItem { |
---|
151 |
display: block; |
---|
152 |
padding: 0 0 0 1px; |
---|
153 |
margin: 0 0 2px -1px; |
---|
154 |
} |
---|
155 |
|
---|
156 |
li.navTreeCurrentItem a, |
---|
157 |
li.navTreeCurrentItem a:hover { |
---|
158 |
display: block; |
---|
159 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBackgroundColor;; |
---|
160 |
min-height: 1.6em; |
---|
161 |
line-height: 1.6em; |
---|
162 |
height: auto; |
---|
163 |
} |
---|
164 |
|
---|
165 |
.visualIconPadding, |
---|
166 |
.actionMenu .actionMenuContent .visualIconPadding { |
---|
167 |
padding-left: 0.5em; |
---|
168 |
margin-bottom: 1px; |
---|
169 |
min-height: 1.6em; |
---|
170 |
height: auto; |
---|
171 |
line-height: 1.6em; |
---|
172 |
} |
---|
173 |
|
---|
174 |
/* Another workaround for broken Internet Explorer */ |
---|
175 |
|
---|
176 |
* html li.navTreeCurrentItem a, |
---|
177 |
* html li.navTreeCurrentItem a:hover { |
---|
178 |
height: 1.6em; |
---|
179 |
} |
---|
180 |
|
---|
181 |
/* IE workaround to make sure the element is selectable in its full width */ |
---|
182 |
* html .visualIconPadding { |
---|
183 |
height: 1.6em; |
---|
184 |
} |
---|
185 |
|
---|
186 |
|
---|
187 |
.navTreeLevel0 { margin: 0; } |
---|
188 |
.navTreeLevel1 { margin-left: 0.75em;} |
---|
189 |
.navTreeLevel2 { margin-left: 0.75em; } |
---|
190 |
.navTreeLevel3 { margin-left: 0.75em; } |
---|
191 |
.navTreeLevel4 { margin-left: 0.75em; } |
---|
192 |
.navTreeLevel5 { margin-left: 0.75em; } |
---|
193 |
|
---|
194 |
|
---|
195 |
|
---|
196 |
|
---|
197 |
/* </dtml-with> */ |
---|