source: trunk/skins/lemill/ploneCustom.css.dtml @ 1367

Revision 1367, 8.2 KB checked in by hans, 13 years ago (diff)

Front page 30% done, I'm sick at home, not coming tomorrow (today)

Line 
1/*
2 *  This is the file where you put your CSS changes.
3 *  You should preferrably use this and override the
4 *  relevant properties you want to change here instead
5 *  of customizing plone.css to survive upgrades. Writing
6 *  your own plone.css only makes sense for very heavy
7 *  customizations. Useful variables from Plone are
8 *  documented at the bottom of this file.
9 */
10 
11/* <dtml-with base_properties> (do not remove this :) */
12/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
13
14#portal-searchbox {
15    float: right;
16    clear: right;
17    background-color: transparent;
18    margin: -4px 0 0 0;
19    padding: 0 2em 0 0;
20    text-align: right;
21    text-transform: &dtml-textTransform;;
22    white-space: nowrap;
23    z-index: 2;
24}
25
26
27#portal-personaltools {
28    /* Bar with personalized menu (user preferences, favorites etc) */
29    width:130px;
30    float:right;
31    background-color: #FFFFFF;
32    border-color: &dtml-globalBorderColor;;
33    border-style: &dtml-borderStyle;;
34    border-width: &dtml-borderWidth;;
35    line-height: 1.6em;
36    color: &dtml-fontColor;;
37    padding: 0em 3em 0em 3em;
38    margin: 0;
39    text-align: right;
40    text-transform: &dtml-textTransform;;
41    list-style: none;
42}
43
44#portal-globalnav li.selected a {
45    /* The selected tab. There's only one of this */
46    background-color: &dtml-globalBackgroundColor;;
47    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
48    border-bottom: &dtml-globalBorderColor; &dtml-borderWidth; &dtml-borderStyle;;
49    color: &dtml-globalFontColor;;
50}
51
52#portal-globalnav li a:hover {
53    background-color: &dtml-globalBackgroundColor;;
54    color: &dtml-globalFontColor;;
55    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
56    border-bottom: &dtml-globalBorderColor; &dtml-borderWidth; &dtml-borderStyle;;
57}
58
59#portal-globalnav li a {
60    /* The normal, unselected tabs. They are all links */
61    background-color: transparent;
62    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
63    border-bottom: &dtml-globalBorderColor; &dtml-borderWidth; &dtml-borderStyle;;
64    color: &dtml-globalFontColor;;
65    height: auto;
66    margin-right: 0.5em;
67    padding: 0em 1.25em;
68    text-decoration: none;
69    text-transform: &dtml-textTransform;;
70}
71
72.portletHeaderLeMill {
73background-color: &dtml-globalBackgroundColor;;
74border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
75padding: 0em 1em;
76padding-top:8px;
77padding-bottom:8px;
78text-transform: none;
79font-weight: bold;
80line-height: 1.6em;
81}
82
83.portletHeaderLeMillempty {
84background-color: #FFFFFF;
85border: &dtml-borderWidth; &dtml-borderStyle; #FFFFFF;;
86padding: 0em 1em;
87text-transform: none;
88font-weight: bold;
89line-height: 1.6em;
90}
91
92.portletHeaderLeMill a {
93color: &dtml-fontColor;;
94text-decoration: underline !important;
95}
96
97.lemilltableView {
98border-top-color: &dtml-globalBorderColor;;
99border-top-style: &dtml-borderStyle;;
100border-top-width: &dtml-borderWidth;;
101border-bottom-color: &dtml-globalBorderColor;;
102border-bottom-style: &dtml-borderStyle;;
103border-bottom-width: &dtml-borderWidth;;
104border-left-color: &dtml-globalBorderColor;;
105border-left-style: &dtml-borderStyle;;
106border-left-width: &dtml-borderWidth;;
107border-right-color: &dtml-globalBorderColor;;
108border-right-style: &dtml-borderStyle;;
109border-right-width: &dtml-borderWidth;;
110}
111.lemilltableTotop {
112vertical-align: top;
113}
114.lemilldocumentEditable .documentContent {
115border: &dtml-borderWidth; &dtml-borderStyle; #FFFFFF;;
116padding: 0;
117}
118.lemilltoBold {
119font-weight: bold;
120}
121.lemilllinkstoNone {
122text-decoration: line-through;
123}
124
125.featured_resource {
126padding: 10px 0px 10px 0px;
127line-height: 1.5;
128text-align: left;
129}
130
131.resource_list #imagetd {
132    width: 160px;
133    height: 120px;
134    text-align: center;
135}
136
137.lookLikeButton {
138    padding: 3px 10px 3px 10px;
139    border: 1px solid &dtml-globalBorderColor;;
140}
141
142.materialViewFirstImage {
143    float: left;
144    margin-right: 10px;
145}
146
147.materialViewOtherImages {
148    float: right;
149    clear: right;
150    margin: 10px;
151}
152
153.lemillLinkText {
154font-family: Arial;
155font-weight: bold;
156font-size: 12pt;
157color: black;
158padding:15px 0px 15px 0px;
159}
160
161.lemillLinkText a {
162text-decoration: none;
163font-family: Arial;
164font-weight: bold;
165font-size: 12pt;
166color: black;
167}
168
169span.size1 { font-size: 11px; line-height: 15px; }
170span.size2 { font-size: 12px; line-height: 17px; }
171span.size3 { font-size: 14px; line-height: 19px; }
172span.size4 { font-size: 16px; line-height: 21px; }
173span.size5 { font-size: 18px; line-height: 23px; }
174span.size6 { font-size: 20px; line-height: 25px; }
175span.size7 { font-size: 22px; line-height: 27px; }
176span.size8 { font-size: 24px; line-height: 29px; }
177span.size9 { font-size: 26px; line-height: 31px; }
178
179.portalMessage,
180.portalWarningMessage,
181.portalStopMessage,
182.system-message,
183#error-handling {
184background-color: &dtml-notifyBackgroundColor;;
185/* border: &dtml-borderWidth; &dtml-borderStyle; &dtml-notifyBorderColor;; */
186border: &dtml-borderWidth; &dtml-borderStyle; &dtml-notifyBorderColor;;
187color: &dtml-fontColor;;
188font-size: &dtml-fontSmallSize;;
189font-weight: bold;
190margin: 1em 0em;
191padding: 0.5em 1em 0.5em 3em;
192vertical-align: middle;
193background-image: url(&dtml-portal_url;/info_icon.gif);
194background-repeat: no-repeat;
195background-position: 5px 50%;
196}
197
198/* Cover view and expanded view, used in resource_list_macro.pt */
199
200ul.cover, ul.expanded, ul.metadata{list-style:none}
201div.metadata{margin-left: 160px;margin-top: -120px;min-height: 140px}
202
203ul.cover{display:inline}
204ul.cover li.resultobject{display:inline;width:170px;overflow:hidden;background-color:#ccc}
205ul.cover div.coverimage{display:inline;width:170px;background-color:#dbb}
206ul.cover a.browse_title_d{text-align:center; width:170px;}
207ul.cover div.metadata{display:none}
208
209ul.expanded div.metadata{display:block}
210ul.expanded a.browse_title_d{display:none}
211
212/* </dtml-with> */
213
214/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */
215
216 /* You can insert colors and other variables from Plone's
217    base_properties by doing:
218   
219    & dtml-variableName ; (without the spaces, excluded here to not make it render)
220   
221    Example:
222   
223    myLink {
224        color: & dtml-fontColor ;   (again, without the spaces)
225    }
226 
227   This means you can generate your own elements that use Plone's defaults,
228   and respect any customizations people have done. See base_properties for
229   the default values.
230 
231   These are the available properties:
232   
233   logoName - the file name of the portal logo
234   
235   fontFamily - the font family used for all text that is not headers
236   
237   fontBaseSize - the base font size that everything is calculated from
238   
239   fontColor - the main font color
240   
241   fontSmallSize - used for various elements like buttons and discreet text
242   
243   discreetColor - the font color of discreet text
244
245   backgroundColor - the background color
246   
247   linkColor - the color used on normal links
248
249   linkActiveColor - color used on active links
250
251   linkVisitedColor - color used on visited links
252   
253   borderWidth - the width of most borders in Plone
254   
255   borderStyle - the style of the border lines, normally solid
256   
257   borderStyleAnnotations - style of border lines on comments etc
258   
259   globalBorderColor - the border color used on the main tabs, the portlets etc
260   
261   globalBackgroundColor - background color for the selected tabs, portlet headings etc
262   
263   globalFontColor - the color of the font in the tabs and in portlet headings
264   
265   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
266   
267   contentViewBorderColor - the content view tabs border color
268   
269   contentViewBackgroundColor - the content view tabs background color
270   
271   contentViewFontColor - the font color used in the content view tabs
272   
273   inputFontColor - the font color used for input elements
274   
275   textTransform - whether to lowercase text in portlets, tabs etc.
276   
277   evenRowBackgroundColor - the background color of even rows in listings
278   
279   oddRowBackgroundColor - the background color of even rows in listings
280   
281   notifyBorderColor - border color of notification elements like the status message, the calendar focus
282   
283   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
284   
285   helpBackgroundColor - background color of information pop-ups (currently not used)
286         
287 */
288
289
290
Note: See TracBrowser for help on using the repository browser.