source: main/ngren.theme/trunk/ngren/theme/skins/ngren_theme_styles/public.css @ 14312

Last change on this file since 14312 was 10290, checked in by uli, 11 years ago

Remove broken form markup.
File size: 40.7 KB
Line 
1/* @override
2    http://localhost:8080/4/portal_css/Sunburst%20Theme/public.css
3    http://localhost:8080/sprites/portal_css/Sunburst%20Theme/public.css
4*/
5
6/* @group CSS Reset */
7
8/* Remove implicit browser styles to have a neutral starting point:
9   - No elements should have implicit margin/padding
10   - No underline by default on links (we add it explicitly in the body text)
11   - When we want markers on lists, we will be explicit about it, and they render inline by default
12   - Browsers are inconsistent about hX/pre/code, reset
13   - Linked images should not have borders
14   */
15
16* { margin: 0; padding: 0; }
17* :link,:visited { text-decoration:none }
18#edit-bar ul,#edit-bar ol { list-style:none; }
19#edit-bar li { display: inline; }
20img { vertical-align: text-bottom; }
21iframe { border-width: 0; border-style:none; }
22.content-container h1{
23        clear:both;
24}
25.row{
26        margin-left:0px;
27}
28/* @end */
29
30
31
32/* @group Navigation/search */
33
34#portal-header {
35    position: relative;
36    z-index: 2;
37}
38
39#portal-logo {
40    display: inline-block;
41    margin: 1.375em 0;
42}
43/* removes extra space above logo in IE6 and IE7 */
44/* .ie6 and .ie7 is set on <html> by Modernizr library */
45.ie6 #portal-logo,
46.ie7 #portal-logo {
47    margin-top: 0;
48}
49
50
51#portal-personaltools {
52    float: right;
53    background: #e3e3e3;
54    position: relative;
55    z-index: 3; /* personaltools should be above #portal-header (with z-index: 2) */
56    top: 0;
57    right: 0;
58    padding: 0.25em 0.5em;
59    font-size: 80%;
60    border-bottom-right-radius: 0.5em;
61    border-bottom-left-radius: 0.5em;
62    -webkit-border-bottom-right-radius: 0.5em;
63    -webkit-border-bottom-left-radius: 0.5em;
64    -moz-border-radius-bottomleft: 0.5em;
65    -moz-border-radius-bottomright: 0.5em;
66}
67#portal-personaltools #anon-personalbar a {
68    float: left;
69    margin: 0 0.5em;
70}
71
72#portal-languageselector {
73    float: right;
74    background: #e3e3e3;
75    position: relative;
76    top: 0;
77    right: 1px;
78    z-index: 3; /* portal-header has 2 and we need to be above to be clickable */
79    padding: 0.25em 0.5em;
80    font-size: 80%;
81    border-bottom-right-radius: 0.5em;
82    border-bottom-left-radius: 0.5em;
83    -webkit-border-bottom-right-radius: 0.5em;
84    -webkit-border-bottom-left-radius: 0.5em;
85    -moz-border-radius-bottomleft: 0.5em;
86    -moz-border-radius-bottomright: 0.5em;
87    max-width: 50%;
88}
89
90#portal-searchbox {
91    float: right;
92    text-align: left;
93    clear: right;
94    margin: 1.2em 0;
95    font-size: 80%;
96}
97
98#portal-searchbox form {
99    white-space: nowrap;
100}
101
102#portal-searchbox label {
103    font-weight: normal;
104}
105
106#searchGadget {
107}
108#searchGadget,
109.LSBox input.searchButton {
110}
111
112.LSBox .searchSection {
113}
114
115#content input.searchField {
116    margin-bottom: 1em;
117}
118
119input.searchField {
120/*  -webkit-appearance: searchfield;*/
121    -moz-appearance: searchfield;
122    margin-right:5px;
123}
124
125/* Collapsible elements in search_form */
126
127.collapsible .collapser.collapsed {
128    padding-right: 14px;
129    background: url('arrowRight.png') center right no-repeat;
130}
131
132.collapsible .collapser.expanded {
133    padding-right: 14px;
134    background: url('arrowDown.png') center right no-repeat;
135}
136/* @end */
137
138/* @group LiveSearch */
139
140#LSResult {
141    position: absolute;
142    right: 0;
143    background: White;
144    margin: -1.5em 0 0 -7em;
145}
146
147#LSResult fieldset {
148    padding: 1em 0 0;
149    border: 0.1em solid #ccc;
150}
151
152#livesearchLegend {
153    background-color:#ccc;
154    padding:0.3em;
155}
156
157#LSResult .LSDescr {
158    font-size: 85%;
159    color: #666;
160}
161
162.LSRow,
163#LSNothingFound {
164    display: block;
165    padding: 0.5em 1em;
166    white-space: normal;
167    width:28em;
168}
169
170.LSHighlight {
171    background: #ddd;
172}
173
174/* @end */
175
176
177/* @group Path indicator (breadcrumbs) */
178
179#portal-breadcrumbs {
180    font-size: 80%;
181    margin-bottom: 1em;
182    margin-left: 0.25em;
183}
184#portal-breadcrumbs a {
185    border-bottom: none;
186    display: inline-block;
187}
188
189.breadcrumbSeparator {
190      color: #666666;
191}
192
193/* @end */
194
195
196
197
198
199/* @group Site actions */
200
201#portal-siteactions {
202    text-align: left;
203
204}
205#portal-siteactions li {
206
207}
208#portal-siteactions li a:hover {
209
210}
211
212/* @end */
213
214/* @group Listings */
215
216a.link-parent {
217}
218
219a.link-anchor {
220    border: none !important;
221    color: Black !important;
222    cursor: default !important;
223}
224#content a.link-overlay {
225    border-bottom: 1px dotted #205c90 !important;
226}
227
228dl dt .documentByLine {
229    font-weight: normal;
230}
231
232dl dt span.summary a {
233    border: none !important;
234}
235
236/* @end */
237
238/* @group Portlets */
239
240dl.portlet {
241    margin: 0 0 1em;
242    font-size: 80%;
243}
244dl.portletError {
245    background-color: #FFA500;
246}
247
248dl.portlet dt,
249div.portletAssignments div.portletHeader {
250    padding: 0.42em 1em;
251    background: #ddd;
252    line-height: normal;
253}
254dl.portlet dt.hiddenStructure {
255    padding: 0;
256}
257div.portletAssignments {
258    font-size: 0.8em;
259    line-height: 2em;
260}
261
262div.portletAssignments .managedPortletActions {
263    float: right;
264}
265div.portletAssignments .managedPortletActions a, div.portletAssignments .managedPortletActions button {
266    margin: 0 0.25em;
267    border: none;
268    cursor: pointer;
269    background-color: transparent;
270    color: #205C90;
271}
272
273div.portletAssignments .managedPortletActions form {
274    display: inline;
275}
276
277dl.portlet dt a:link,
278dl.portlet dt a:visited,
279dl.portlet dt a:hover {
280    color: black;
281    display: block;
282    border: none;
283}
284
285dl.portlet dd.portletItem,
286dl.portlet dd.portletFooter,
287dl.portletError dd {
288    padding: 1em;
289}
290
291
292
293div.managePortletsLink,
294a.managePortletsFallback {
295    text-align: center;
296    padding: 0.25em 0.5em;
297    font-size: 80%;
298    margin: 0 auto 1em;
299    background: #ddd;
300    border-radius: 0.5em;
301    -webkit-border-radius: 0.5em;
302    -moz-border-radius: 0.5em;
303}
304a.managePortletsFallback {
305    display:inline-block; /* in order for our vertical margins to work on inline element */
306}
307#content a.managePortletsFallback {
308    display: block;
309    border-bottom: none !important;
310}
311
312#portlet-prefs a {
313    border: none;
314    line-height: 2em;
315}
316
317#visual-portal-wrapper dl.portletCalendar dd {
318    padding: 0;
319}
320
321#dashboard-portlets1,
322#dashboard-portlets2,
323#dashboard-portlets3,
324#dashboard-portlets4 {
325    display: inline-block;
326}
327
328/* @end */
329
330/* @group Navigation portlet */
331
332dl.portlet ul.navTree li a {
333    border: none;
334    display: block;
335    zoom: 1;
336}
337
338dl.portlet ul.navTree li a:hover {
339
340}
341
342dl.portletNavigationTree dd.portletItem {
343    padding: 0;
344}
345
346dl.portlet ul.navTreeLevel0 > .navTreeItem {
347    padding: 0.25em 1em;
348    border-bottom: 0.1em dotted #ddd;
349    line-height: 2em;
350}
351
352dl.portlet ul.navTreeLevel1 .navTreeItem {
353    padding-left: 0.5em;
354    line-height: 2em;
355}
356
357dl.portlet ul.navTree .navTreeCurrentItem {
358    background-color: #ddd;
359    border-left: 1em solid #ddd;
360    margin-left: -1em;
361    margin-right: -1em;
362}
363
364/* @end */
365
366/* @group Content Area */
367
368#content {
369    line-height: 1.5em;
370    clear: both;
371    font-size: 100%;
372}
373
374/* Special case of #content - TinyMCE */
375body#content {
376}
377
378#content h1 {
379
380}
381
382#content h1.documentFirstHeading {
383    margin-top: 0;
384}
385
386#content p,
387#content table,
388#content dl,
389dl.portlet p,
390dl.portlet {
391
392}
393
394#content ul,
395#content ol {
396
397}
398
399
400
401
402
403#category {
404    font-size: 75%;
405    margin-bottom: 1em;
406    color: #666;
407    text-align: right;
408}
409
410#category a.link-category, span.selectedTag {
411    color: black;
412    padding: 0.25em 0.5em;
413    background: #ddd;
414    border-radius: 0.5em;
415    -webkit-border-radius: 0.5em;
416    -moz-border-radius: 0.5em;
417}
418#category a.link-category:hover {
419    background: #205c90;
420    color: White;
421    border-color: #205c90;
422}
423#category .separator {
424    display: none;
425}
426
427#content ul {
428
429}
430
431#content ol,
432dl.portlet ol,
433div.portletStaticText ol {
434
435}
436
437#content li,
438dl.portlet li,
439div.portletStaticText li {
440
441}
442
443#content dt {
444    font-weight: bold;
445    margin-bottom: 0;
446    margin-right: 0;
447}
448#content dd {
449    margin: 0 0 1em 2em;
450}
451
452#content pre {
453    background-color: #222;
454    color: White;
455    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
456    padding: 1em;
457    overflow-x: auto;
458    font-size: 90%;
459    margin-bottom: 1em;
460    line-height: 1.25em;
461}
462#content pre.python {
463    background-color: White;
464}
465
466#content code {
467    font-family: Consolas, Inconsolata, Menlo, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
468}
469
470#content div.documentByLine {
471    font-size: 85%;
472    display: block;
473    color: #666;
474}
475
476#content .discreet,
477#sidebar .discreet {
478    color: #666;
479    font-size: 85%;
480    font-weight: normal;
481}
482.suppressVisualEditor{
483        margin-top:-1.8em !important;
484        padding-left:5px;
485}
486
487#content .visualHighlight {
488    background-color: #ffb;
489}
490
491#content .pullquote {
492    margin: 0 1em 0.5em 0.5em;
493    font-weight: bold;
494    line-height: 1.25em;
495    float: right;
496    width: 35%;
497    clear: right;
498    color: #444;
499    font-size: 1.6em;
500    letter-spacing: -0.08em !important;
501}
502#content .callout {
503    background: #eee;
504    padding: 1em;
505    border-left: 1em solid #ccc;
506    clear: both;
507}
508
509
510#content table {
511    text-align: left;
512    border-collapse: collapse;
513    border-spacing: 0px;
514}
515
516#content .documentDescription,
517#content #description {
518    color: #666;
519    margin-left: 0;
520    font: bold 1.25em "Helvetica Neue", Arial, FreeSans, sans-serif;
521}
522
523#content img.tileImage,
524#content div.newsImageContainer {
525    float: right;
526    margin: 0 1em 0.5em 1em;
527}
528#content div.newsImageContainer a {
529    border-bottom: none;
530}
531#content div.newsImageContainer p.discreet {
532    margin: 0;
533    padding: 0.5em;
534    background-color: #666;
535    background-color: rgba(40,40,40,0.7);
536    color: White;
537    font-weight: bold;
538    position: relative;
539    width: 190px;
540    top: -3em;
541}
542.eventDetails {
543    float: right;
544    clear: right;
545    margin: 0 0 0.5em 1em;
546}
547/* For event view template, changed headerless table to headings and divs,
548 * for better accessibility.  */
549
550#content .eventDetails {
551    border-color: #CCCCCC;
552    border-style: solid;
553    border-width: 0.08em;
554    width: 22em;
555    margin-top: 1em;
556}
557#content .eventDetails h2 {
558    background-color: #DDDDDD;
559    font-size: 100%;
560    letter-spacing: 0;
561    padding: 0.5em;
562    padding-left: 1em;
563}
564#content .eventDetails .eventDetail {
565    clear: both;
566}
567#content .eventDetails .eventDetail h3,
568#content .eventDetails .eventDetail div {
569    padding: 2%;
570}
571#content .eventDetails .eventDetail h3 {
572    float: left;
573    font-size: 100%;
574    text-align: right;
575    width: 37%;
576}
577#content .eventDetails .eventDetail div {
578    float: left;
579    width: 55%;
580}
581/* @end */
582
583
584
585/* @group Data tables */
586
587table.listing,
588table.plain {
589    border-spacing: 0;
590    border-collapse: collapse;
591}
592
593table.invisible td,
594table.invisible th,
595table.plain td,
596table.plain th,
597table.listing td,
598table.listing th {
599    padding: 0.5em 1em;
600    vertical-align: top;
601}
602table.plain th,
603table.plain td {
604    border: 1px solid #ddd;
605}
606
607table.listing td.listingCheckbox,
608table.listing th.listingCheckbox {
609    text-align: center;
610}
611
612
613table.listing {
614    border-left: 1px solid #ddd;
615    border-bottom: 1px solid #ddd;
616}
617table.listing .top {
618    border-left: 1px solid #ddd;
619    border-top: 1px solid #ddd;
620    border-right: 1px solid #ddd;
621}
622table.listing th {
623    text-align: left;
624    color: #666;
625    border: 0.1em solid #e7e7e7;
626    border-style: solid solid none;
627    background: #ddd;
628}
629table.listing tr.odd th {
630    border: 0.1em solid #fff;
631    border-style: solid solid none none;
632}
633table.listing tbody th {
634    font-weight: bold;
635}
636table.listing tbody tr {
637    text-align:left;
638}
639table.listing tbody tr.odd {
640    background: #eee;
641}
642table.listing tbody tr td {
643    background: transparent;
644}
645table.listing tbody tr.odd td {
646    background: #eee;
647}
648table.listing td {
649    border-right: 1px solid #ddd;
650}
651.icons-on table.listing td {
652    line-height: 2em;
653}
654table.listing a {
655    border: none;
656    display: inline-block;
657    border-bottom: none !important;
658}
659
660table.listing td.draggable {
661    text-shadow: White 1px 1px 1px;
662    background: #ddd !important;
663    border-bottom: 1px solid white;
664    padding: 0.4em 0.4em 0 0.5em;
665}
666/* Vertical table data listings */
667table.vertical {
668}
669table.vertical th {
670    text-align: right;
671}
672table.vertical td {
673    border-top: 0.1em solid #e7e7e7;
674    padding: 0.5em;
675}
676/* Grid table listings */
677table.grid td,
678table.grid th {
679    border: 1px solid #e7e7e7;
680    padding: 0.5em;
681}
682
683.dragindicator {
684    outline: 2px solid #FFD700;
685}
686
687#foldercontents-order-column {
688    padding: 0;
689}
690
691div.listingBar {
692    font-size: 80%;
693    margin: 1em 0;
694}
695
696div.listingBar .next {
697    display: inline-block;
698    float: right;
699}
700
701div.listingBar .previous {
702    display: inline-block;
703}
704
705div.listingBar a {
706    display: inline-block;
707    padding: 0.25em 0.5em;
708    border: 0.1em solid #ccc;
709}
710
711div.listingBar a:hover {
712    color: White;
713    background-color: #329fd7;
714    border-color: #329fd7;
715}
716
717/* @end */
718
719/* @group Status messages */
720
721dl.portalMessage {
722    margin: 1em 0;
723    font-size: 80%;
724    border: 1px solid #996;
725    background-color: #ffffe3;
726    clear:both;
727}
728dl.portalMessage a,
729#content dl.portalMessage a {
730    color: black;
731    border-bottom: 1px solid #888;
732}
733dl.portalMessage dt {
734    background-color: #996;
735    font-weight: bold;
736    float: left;
737    margin: 0 0.5em 0 0;
738    padding: 0.5em 0.75em;
739    color: White;
740    line-height: 1.25em;
741}
742dl.portalMessage dd {
743    padding: 0.5em 0.5em;
744    margin: 0;
745    line-height: 1.25em;
746}
747dl.warning {
748    border-color: #d80;
749}
750dl.warning dt {
751    background-color: #d80;
752}
753dl.error {
754    border-color: #d00;
755}
756dl.error dt {
757    background-color: #d00;
758}
759dl.warning {
760    border-color: #d80;
761}
762dl.warning dd {
763    background-color: #fd7;
764}
765dl.error {
766    border-color: red;
767}
768dl.error dd {
769    background-color: #fdc;
770}
771
772/* Additional specificity for when status is shown inside #content */
773#content dl.portalMessage {
774    font-size: 100%;
775}
776#content dl.portalMessage dt {
777    margin: 0 0.5em 0 0;
778    padding: 0.5em 0.75em;
779}
780#content dl.portalMessage dd {
781    margin: 0;
782}
783
784/* @end */
785
786/* @group Editing */
787
788/* @group Tabs */
789
790/* Color differences between the two tab types */
791#content ul.formTabs {
792    background-color: #ddd;
793    border: 0.3em solid #ddd;
794}
795#edit-bar {
796    background-color: #75ad0a;
797    border: 0.25em solid #75ad0a;
798    font-size: 80%;
799    min-height: 2em;
800    margin-bottom: 1em;
801    padding-top: 0.05em;
802}
803#content-views {
804    float: left;
805    background-color: #75ad0a;
806}
807/* fix shift on content views list under ie6 */
808/* .ie6 is set on <html> by Modernizr library */
809.ie6 ul#content-views{
810    margin: -2px -3px 0px -3px;
811}
812#content-views a {
813    color: White;
814}
815
816/* Shared CSS between the two tab types */
817#edit-bar ul{
818        margin:0px !important;
819}
820#edit-bar dl{
821        margin-bottom:0px !important;
822}
823#edit-bar,
824#content ul.formTabs,
825#content-core ul.formTabs {
826    display: block;
827    border-style: solid solid none solid;
828    margin-left: 0;
829    border-top-right-radius: 0.5em;
830    border-top-left-radius: 0.5em;
831    -webkit-border-top-right-radius: 0.5em;
832    -webkit-border-top-left-radius: 0.5em;
833    -moz-border-radius-topleft: 0.5em;
834    -moz-border-radius-topright: 0.5em;
835    margin:0px !important;
836}
837#content li.formTab,
838#content-core li.formTab {
839    display: inline;
840    margin-right:0.25em;
841}
842#content-views a,
843#content li.formTab a,
844#content-core li.formTab a {
845    /* this isn't supported by all browsers, so we keep it in a separate rule */
846    display: inline-block;
847}
848#content-views a,
849#content li.formTab a,
850#content-core li.formTab a {
851    line-height: 2em;
852    padding: 0 0.75em;
853    text-decoration: none;
854    border: none;
855    margin: 0 ;
856}
857#content-views li.selected a,
858#content li.formTab a.selected,
859#content-core li.formTab a.selected {
860    font-weight: bold;
861}
862#content-views li.selected a,
863#content-views li a:hover,
864#content li.formTab a.selected,
865#content li.formTab a:hover,
866#content-core li.formTab a.selected,
867#content-core li.formTab a:hover {
868    background: White;
869    color: Black;
870    border-top-right-radius: 0.5em;
871    border-top-left-radius: 0.5em;
872    -webkit-border-top-right-radius: 0.5em;
873    -webkit-border-top-left-radius: 0.5em;
874    -moz-border-radius-topleft: 0.5em;
875    -moz-border-radius-topright: 0.5em;
876}
877#content li.formTab a.notify,
878#content-core li.formTab a.notify {
879    background-color: red;
880    color: White;
881}
882#content li.formTab a.required span:after,
883#content-core li.formTab a.required span:after,
884div.field span.required:after {
885    content: "■";
886    color: Red;
887    padding-left: 0.2em;
888}
889#content fieldset.formPanel,
890#content-core fieldset.formPanel {
891    border: none;
892}
893#content fieldset.formPanel.hidden,
894#content-core fieldset.formPanel.hidden {
895    display: none;
896}
897#content div.formControls input.hidden,
898#content-core div.formControls input.hidden {
899    display: none;
900}
901
902/* @end */
903
904/* @group Pulldown menus */
905
906/* @group Personal tools pulldown */
907#portal-personaltools dl {
908}
909#portal-personaltools dt {
910    font-weight: normal;
911}
912#portal-personaltools dt.actionMenuHeader a:after {
913    content: " ▼";
914}
915#portal-personaltools dd {
916    right: 0;
917    padding-top: 0.5em;
918}
919#portal-personaltools dd {
920    background: #e3e3e3;
921    padding-bottom: 0.5em;
922}
923#portal-personaltools dd a {
924    line-height: 2em;
925    padding: 0 0.75em;
926}
927#portal-personaltools dd a:hover {
928    background: #205c90;
929    color: White;
930}
931
932/* @end */
933
934/* @group Content pulldowns */
935
936#contentActionMenus dl.actionMenu a,
937#contentActionMenus dl.actionMenu.activated dd {
938    background-color: #75ad0a;
939    color: White;
940    z-index: 5;
941}
942#contentActionMenus dl.actionMenu.activated dd {
943    border-bottom: 0.5em solid #75ad0a;
944        right: -3px;
945}
946#contentActionMenus dl.actionMenu.activated dd a:hover,
947#contentActionMenus dl.actionMenu.activated dd .actionMenuSelected {
948    background-color: White !important;
949    color: #666;
950}
951#contentActionMenus dl.actionMenu {
952    line-height: 2em;
953}
954
955#folderHeader, #contextHeader {
956        border-bottom: 2px solid white;
957}
958
959#contextHeader { margin-top: 5px; }
960
961
962/* @end */
963
964#contentActionMenus {
965    float: right;
966    background: #75ad0a;
967    margin: 0;
968    position: relative;
969    top: -0.23em;
970    right:-0.24em;
971    padding: 0.1em 0.24em 0 0;
972    border-radius: 0.5em;
973    border-top-left-radius: 0;
974    -webkit-border-radius: 0.5em;
975    -webkit-border-top-left-radius: 0;
976    -moz-border-radius: 0.5em;
977    -moz-border-radius-topleft: 0;
978}
979
980.actionMenuContent {
981    padding: 0 0.25em;
982}
983
984dl.actionMenu {
985    float: right;
986    white-space: nowrap;
987    position: relative;
988    margin-left: 0.5em;
989}
990dl.actionMenu a,
991dl.actionMenu div {
992    display: block !important;
993    white-space: nowrap;
994}
995dl.actionMenu dt {
996    font-weight: normal;
997}
998span.arrowDownAlternative {
999    font-size: 80%;
1000}
1001dl.actionMenu.deactivated dt {
1002    margin: 0 0.25em;
1003}
1004dl.actionMenu.deactivated dd {
1005    display: none;
1006}
1007dl.actionMenu.activated dd {
1008    position: absolute;
1009    width: auto;
1010    min-width: 100%;
1011    border-bottom-right-radius: 0.5em;
1012    border-bottom-left-radius: 0.5em;
1013    -webkit-border-bottom-right-radius: 0.5em;
1014    -webkit-border-bottom-left-radius: 0.5em;
1015    -moz-border-radius-bottomleft: 0.5em;
1016    -moz-border-radius-bottomright: 0.5em;
1017}
1018dl.actionMenu.activated dt a,
1019dl.actionMenu.activated dd a,
1020dl.actionMenu.activated dd div {
1021    margin: 0 0.25em;
1022}
1023
1024/* @end */
1025
1026/* @group Control panel */
1027
1028#setup-link {
1029    font-size: 90%;
1030}
1031
1032#content ul.configlets {
1033    margin: 1em 0;
1034    list-style-image: none;
1035    list-style: none;
1036}
1037#content ul.configlets li {
1038    margin-bottom: 1em;
1039    list-style: none;
1040    display: block;
1041}
1042#content ul.configlets li a {
1043    text-decoration: none;
1044    border: none;
1045}
1046#content ul.configlets li a:visited {
1047    color: #436976;
1048    background-color: transparent;
1049}
1050#content ul.configlets li a:active {
1051    color: #436976;
1052    background-color: transparent;
1053}
1054#content ul.configlets li label {
1055    font-weight: bold;
1056}
1057#content ul.configletDetails {
1058    margin: 0em 1em 1em 4em;
1059    list-style-image: none;
1060    list-style: none;
1061}
1062#content ul.configletDetails li {
1063    margin-bottom: 1em;
1064    display: inline;
1065}
1066#content ul.configletDetails li a {
1067    text-decoration: none;
1068}
1069#content ul.configletDetails li label {
1070    font-weight: bold;
1071}
1072#content ul.configletDetails li.configletDescription {
1073    display: block;
1074    color: #76797c;
1075    margin: 0;
1076}
1077.inlineDisplay {
1078    display:inline
1079}
1080table.controlpanel-listing {
1081    width:100%;
1082}
1083table.controlpanel-listing td, table.controlpanel-listing th {
1084    font-size:120%;
1085}
1086table.controlpanel-listing dl {
1087    margin-top:0;
1088}
1089table.controlpanel-listing dd {
1090    margin-left: 1em;
1091}
1092table.controlpanel-listing dl dt a .trigger{
1093    font-weight:normal;
1094}
1095table .controlpanel-listing td {
1096    vertical-align:top;
1097}
1098table.controlpanel-listing td.checker{
1099    text-align:center;
1100}
1101table.controlpanel-listing th.smallcolumn {
1102    width:1.5em;
1103}
1104.chooser-right {
1105    float:right;
1106    margin-right:0;
1107    margin-bottom:0;
1108}
1109.rule-element {
1110    background-color:#EEF3F5;
1111    margin:0.5em 0pt 0.5em;
1112    padding:0.3em 1em 0.3em 1em;
1113    width:auto;
1114}
1115.rule-element dl {
1116}
1117.rule-element dl dd {
1118    margin-left:1em;
1119}
1120.rule-updown, .rule-operations {
1121    float:right;
1122    padding-top:0.8em;
1123}
1124/* @end */
1125
1126/* @group Collapsible */
1127dl.collapsible {
1128    border: 0.1em solid #8cacbb;
1129    margin: 1em 0;
1130    padding: 0;
1131}
1132dl.collapsible dt.collapsibleHeader {
1133    display: block;
1134    float: left;
1135    background: White;
1136    line-height: 1.2em;
1137    vertical-align: middle;
1138    font-size: 90%;
1139    position: relative;
1140    top: -0.6em;
1141    width: auto;
1142    margin: 0 0 -0.6em 1em;
1143    padding: 0 0.5em;
1144}
1145dl.collapsible dd.collapsibleContent {
1146    margin: 0;
1147    padding: 0 1em 0.4em;
1148    clear: left;
1149}
1150
1151/* for IE the following isn't needed, that's why the css2 selector is used */
1152dl.collapsible dd.collapsibleContent > dl {
1153    margin: 0;
1154    padding: 0;
1155}
1156
1157dl.expandedInlineCollapsible dt.collapsibleHeader,
1158dl.expandedBlockCollapsible dt.collapsibleHeader {
1159    padding: 0 0.5em 0 2em;
1160    background: White url(treeExpanded.png) no-repeat 0.5em 50%;
1161    cursor: pointer;
1162}
1163
1164dl.collapsedBlockCollapsible {
1165    border: none;
1166    height: 1em;
1167    width: auto;
1168}
1169dl.collapsedInlineCollapsible dt.collapsibleHeader,
1170dl.collapsedBlockCollapsible dt.collapsibleHeader {
1171    float: none;
1172    position: relative;
1173    margin: 0 0 0 1em;
1174    padding: 0 0.5em 0 2em;
1175    line-height: 1.2em;
1176    cursor: pointer;
1177    background: White url(treeCollapsed.png) no-repeat 0.5em 50%;
1178}
1179dl.collapsedInlineCollapsible dd.collapsibleContent,
1180dl.collapsedBlockCollapsible dd.collapsibleContent {
1181    display: none;
1182}
1183dl.collapsedInlineCollapsible {
1184    border: none;
1185    height: 1em;
1186    width: auto;
1187    display: inline;
1188}
1189dl.collapsedInlineCollapsible dt.collapsibleHeader {
1190    position: static;
1191    float: none;
1192    margin: 0;
1193    padding: 0 0 0 2em;
1194    line-height: 1em;
1195    cursor: pointer;
1196    display: inline;
1197}
1198
1199/* @end */
1200
1201/* @group Comments */
1202
1203.comment {
1204    margin-top: 1.5em;
1205    font-size: 80%;
1206}
1207
1208.comment .documentByLine {
1209    margin-left: 1em;
1210}
1211
1212.comment .formControls {
1213    margin-left: 0;
1214}
1215
1216.commentTime {
1217    color: #666;
1218}
1219
1220.commentBody {
1221    padding: 1em;
1222    margin: 0.5em 0;
1223    border-radius: 0.5em;
1224    -webkit-border-radius: 0.5em;
1225    -moz-border-radius: 0.5em;
1226    box-shadow: 0 0 1em 0 #888;
1227    -moz-box-shadow: 0 0 0.5em 0 #888;
1228    -webkit-box-shadow: 0 0 0.5em #888;
1229}
1230
1231.comment h1,
1232.comment h2,
1233.comment h3,
1234.comment h4,
1235.comment h5,
1236.comment h6 {
1237    font-weight: normal;
1238}
1239
1240/* @end */
1241
1242.reviewHistory,
1243.contentHistory {
1244    display: inline;
1245    color: Black;
1246}
1247.spacer {
1248    margin: 1em;
1249}
1250
1251.label {
1252    font-weight: bold;
1253    display: inline-block;
1254    white-space:normal;
1255    margin-bottom:10px;    /** DAS KOENNTE IRGENDWO PROBLEME MACHEN!!!!!! **/
1256}
1257select{
1258        width:170px;
1259        min-height: 30px;
1260}
1261.optionsToggle {
1262    border: 0.1em solid #8cacbb;
1263    color: Black;
1264    background-color: #dee7ec;
1265    font-weight: normal;
1266    font-size: 90%;
1267}
1268
1269/* for highlighting of search terms */
1270.highlightedSearchTerm {
1271   background-color: #ffa;
1272}
1273dl.searchResults .highlightedSearchTerm {
1274    background-color: transparent;
1275    font-weight: bold;
1276}
1277/* for greying out inherited roles */
1278.noInheritedRoles {
1279    color: #a0a0a0;
1280}
1281/* for highlighting current items, like the language or today in the calendar */
1282.currentItem {
1283    border-collapse: collapse;
1284    border: 0.2em solid #ffa500;
1285    padding: 0.1em;
1286}
1287
1288
1289/* @end */
1290
1291/* @group Search results page */
1292
1293fieldset#search-field {
1294    border: none !important;
1295    text-align: center;
1296}
1297input.searchPage {
1298    font-size:200% !important;
1299}
1300#rss-subscription {
1301        float: left;
1302        line-height: 3em;
1303}
1304#search-results-bar .actionMenuContent {
1305    margin-top: 1em;
1306    padding: 0;
1307}
1308#search-filter {
1309    background: #ddd;
1310    margin: 0;
1311    padding: 0;
1312}
1313#content #search-filter fieldset {
1314    border: none !important;
1315    position: relative;
1316    padding: 0;
1317    margin: 0;
1318}
1319#content #search-filter legend {
1320    background: transparent;
1321    font-size: 1.1em;
1322    padding: 0.5em 0.9em;
1323    font-weight: bold;
1324}
1325#search-filter .field {
1326    background: #eee;
1327    padding: 1em 1.5em;
1328    margin: 0;
1329}
1330#search-filter .field label {
1331    font-weight: normal;
1332}
1333#search-filter .formControls {
1334    text-align:center
1335}
1336#search-results-wrapper {
1337    margin-top: 1em;
1338}
1339form.searchPage h1.documentFirstHeading {
1340    font-weight:normal;
1341    letter-spacing:0;
1342        float: left;
1343        margin-right: 0.8em;
1344}
1345form.searchPage h1.documentFirstHeading .highlightedSearchTerm {
1346    background: transparent !important;
1347}
1348#search-results-bar > * {
1349    float: left;
1350}
1351#searchResultsSort{
1352        float:right;
1353}
1354#search-results-bar {
1355    position: relative;
1356    z-index: 1;
1357    float: left;
1358    width: 100%;
1359    border-top: 1px solid #DDD;
1360    border-bottom: 1px solid #DDD;
1361    padding: 1em 0;
1362}
1363#search-results-bar dl.actionMenu {
1364    margin-bottom: 0;
1365}
1366#search-results-bar dd.actionMenuContent {
1367    margin-left: 0;
1368    padding-left: 0;
1369}
1370#search-results-bar dt.actionMenuHeader a {
1371    border-bottom: none;
1372}
1373#search-results-bar dt.actionMenuHeader a::after {
1374        content: " ▼";
1375}
1376#search-results {
1377    padding: 1em;
1378}
1379.searchResults {
1380    margin-top: 0;
1381}
1382#ajax-search-res {
1383    display: none;
1384}
1385
1386/* @end */
1387
1388
1389/* @group Image alignment classes */
1390
1391.image-left {
1392   float: left;
1393   margin: 0.5em 1em 0.5em 0;
1394}
1395.image-right {
1396   float: right;
1397   margin: 0.5em;
1398}
1399.image-inline {
1400   float: none;
1401}
1402/*note: the tricky thing here is that image-inline|image-left|image-right
1403can both be on an image and a wrapper element e.g. a dl tag*/
1404img.image-left,
1405img.image-right,
1406.captioned img {
1407    border: 1px solid #ddd;
1408}
1409dd.image-caption {
1410    text-align: left;
1411    padding: 0 0 0 3px; /*image padding+border with*/
1412    margin: 0;
1413    color: #666;
1414    font-size: 85%;
1415}
1416
1417/* @end */
1418
1419
1420/* @group Dashboard */
1421
1422#dashboard-actions ul,
1423#dashboard-actions ul li {
1424    list-style: none;
1425}
1426#dashboard-actions ul {
1427    margin-left: 0;
1428}
1429
1430#dashboard {
1431    font-size: 125%;
1432    line-height: 1em;
1433}
1434
1435#dashboard dd {
1436    margin: 0;
1437}
1438
1439
1440#dashboard dl.portlet a:link {
1441    border-bottom: none;
1442}
1443
1444#dashboard-portlets1,
1445#dashboard-portlets2,
1446#dashboard-portlets3 {
1447    float:left;
1448    width:23%;
1449    padding:0.7em 1.3em 0 0;
1450}
1451
1452#dashboard-portlets4 {
1453    float:left;
1454    width:23%;
1455    padding-top:0.7em;
1456}
1457
1458#dashboard-portlets1 dl.portlet,
1459#dashboard-portlets2 dl.portlet,
1460#dashboard-portlets3 dl.portlet,
1461#dashboard-portlets4 dl.portlet {
1462    margin-bottom:1.5em;
1463}
1464
1465/* @end */
1466
1467/* @group Forms */
1468
1469fieldset,
1470.editionComment {
1471    line-height:1.5em;
1472    margin:1em 0;
1473    padding:0 1em 1em;
1474    width:auto;
1475}
1476
1477/* Emulates the styling from the h1 tag */
1478#content .field input[type="text"][name$=".title"],
1479#archetypes-fieldname-title input {
1480    font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
1481    line-height: 125%;
1482    color: Black;
1483    letter-spacing: -0.05em;
1484    margin: inherit -0.05em;
1485    font-size: 2em; /* 26px equiv */
1486    font-weight: bold;
1487}
1488
1489/* Emulates styling from the description's view */
1490#content .field textarea[name$=".description"],
1491#archetypes-fieldname-description textarea#description {
1492    font-family: Arial,FreeSans,sans-serif;
1493    color:#666666;
1494    font-size:1.25em;
1495    font-weight: bold;
1496}
1497
1498
1499div.formControls {
1500    margin: 1em;
1501}
1502input[type="text"]:focus,
1503input[type="password"]:focus,
1504textarea:focus {
1505    background-color: #ffffe0;
1506}
1507
1508#content textarea {
1509    font: 100% Monaco, "Courier New", Courier, monospace;
1510    width: 100%;
1511    height:6em;
1512}
1513#content select {
1514    vertical-align: top;
1515    min-height:28px;
1516}
1517label {
1518    font-weight:bold;
1519}
1520
1521#content label {
1522}
1523
1524#content optgroup {
1525    font-style: normal;
1526    font-weight: bold;
1527    color: #999;
1528    padding-left: 0.25em;
1529}
1530#content option {
1531    color: black;
1532}
1533#content optgroup > option {
1534    padding: 0 0.25em 0 1em;
1535}
1536dl.enableFormTabbing dd {
1537    margin-left: 0;
1538    padding-top: 2em;
1539}
1540.searchSection {
1541    color: #76797c;
1542    margin-top: 0.25em;
1543}
1544.searchSection label:hover {
1545    color: Black;
1546}
1547.field {
1548    clear: both;
1549    margin-bottom: 1em;
1550}
1551.field input[type="text"] {
1552   width: 20em;
1553}
1554.field input[type="text"][size] {
1555   width: auto;
1556}
1557.field input[type="text"][name$=".title"],
1558input#title {
1559    width: 100%;
1560    min-height:30px;
1561}
1562.field.error input[type="text"][name$=".title"],
1563.error input#title {
1564    width: 99%;
1565}
1566
1567.fieldRequired {
1568    background: url(required.png) center left no-repeat;
1569    padding: 0 0 0 1em;
1570    color: White;
1571}
1572.fieldUploadFile {
1573    text-align: right;
1574    margin-right: 0.75em;
1575    display: none;
1576}
1577.fieldTextFormat {
1578    text-align: right;
1579    margin-right: 0.75em
1580}
1581.formHelp {
1582    color: #555;
1583    margin: 0 0 0.2em 0;
1584    display: block;
1585    font-weight: normal;
1586}
1587div.field.error {
1588    background-color: #fdc;
1589    border:  1px solid red;
1590    padding: 0.5em;
1591    margin:  1em 0;
1592}
1593.error .fieldRequired {
1594    color: #d00;
1595}
1596div.error.warning {
1597    background-color: transparent;
1598    border: none;
1599    margin-top: 0;
1600    padding: 0;
1601}
1602
1603div.error.warning input {
1604    border: 2px solid red;
1605}
1606
1607input.inputLabelActive {
1608    color: #76797c;
1609}
1610textarea#form\.description {
1611    height: 6em;
1612    width: 99%;
1613}
1614table.listing tbody tr.odd.selected td,
1615table.listing tbody tr.odd.dragging td,
1616tr.dragging,
1617tr.selected {
1618    background-color: #ffa;
1619}
1620table.listing tbody tr.odd.error td,
1621tr.error {
1622    background-color: #fdc;
1623}
1624.multi-widget-field {
1625    padding-left: 0.5em;
1626    border-left: 1.5em solid #DDD;
1627}
1628
1629.multi-widget-checkbox {
1630    margin-left: -2em;
1631    margin-right: 0.5em;
1632    width: 1.5em;
1633    display: inline-block;
1634}
1635
1636/* @group Login form */
1637
1638body.template-logged_out #content,
1639body.template-login_form #content,
1640.pb-ajax #login-form {
1641    text-align: center;
1642}
1643
1644#fieldset-openid-login input, #login-form input {
1645    font-size: 150%;
1646}
1647
1648
1649body.template-register #content input,
1650body.template-new-user #content input {
1651    font-size: 150%;
1652    width: inherit;
1653
1654}
1655
1656#fieldset-openid-login label, #login-form label {
1657    margin-right:0.5em;
1658    padding-top:0.2em;
1659    text-align:right;
1660    width: 10em;
1661    display: inline-block;
1662}
1663
1664#fieldset-openid-login .formControls input, #login-form .formControls input {
1665margin-left: 0.25em;
1666}
1667
1668/* @end */
1669
1670/* @end */
1671
1672/* @group Table of Contents */
1673
1674 /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width*/
1675
1676dl.toc {
1677    float: right;
1678    width: 35%;
1679    font-size: 100%;
1680    margin: 1em 0 0.5em 1.5em;
1681}
1682dl.toc dt {
1683    margin-left: 1em;
1684    font-weight: normal;
1685    text-transform: uppercase;
1686}
1687dl.toc dd {
1688    margin-bottom: 0;
1689    padding-left: 2em;
1690}
1691dl.toc dd ol {
1692    margin-left: 1.5em;
1693}
1694
1695/* @end */
1696
1697/* @group Footer */
1698
1699#portal-footer {
1700    font-size: 75%;
1701    background: #ddd;
1702    padding: 1em;
1703    margin: 1em 0;
1704    line-height: 2em;
1705}
1706
1707#portal-colophon {
1708    font-size: 70%;
1709    text-align: center;
1710    margin-bottom: 1em;
1711}
1712
1713#portal-colophon li {
1714    padding:0 0.75em;
1715}
1716
1717#portal-colophon a {
1718    color: #444;
1719}
1720
1721/* @end */
1722
1723/* @group Sitemap */
1724
1725#portal-sitemap {
1726    list-style: none;
1727    margin-left: 0;
1728    font-size: 130%;
1729    font-weight: bold;
1730}
1731
1732#portal-sitemap li {
1733    list-style: none;
1734    margin-left: 0;
1735}
1736
1737#portal-sitemap a {
1738    border-bottom: none;
1739    display: block;
1740}
1741
1742#portal-sitemap > li {
1743    border-bottom:0.1em dotted #ddd;
1744    line-height:1.8em;
1745    padding:0.25em 1em;
1746    margin-bottom: 0;
1747}
1748
1749#portal-sitemap .navTreeLevel2,
1750#portal-sitemap .navTreeLevel2 ul {
1751    font-size: 85%;
1752    font-weight: normal;
1753    margin-bottom: 0;
1754    padding: 0.25em 0;
1755}
1756
1757/* @end */
1758
1759/* @group Album view classes */
1760.photoAlbumEntry {
1761    float: left;
1762    position:relative;
1763    overflow: hidden;
1764    height: 185px;
1765    width: 143px;
1766    margin: 0em;
1767    padding: 0px 6px 0px 9px;
1768    text-align: center;
1769    background-image: url('polaroid-single.png');
1770    background-repeat: no-repeat;
1771}
1772.photoAlbumEntry img {
1773    border: 1px solid #ccc;
1774    display: block;
1775    margin: 0 auto;
1776}
1777.photoAlbumEntryWrapper {
1778    /*display: block;*/
1779    height: 130px;
1780    width: 128px;
1781    margin-bottom: 7px;
1782}
1783.photoAlbumEntry a {
1784    display: block;
1785    text-decoration: none;
1786    font-size: 90%;
1787    height: 169px;
1788    width: 130px;
1789    margin: 16px auto 0px;
1790}
1791.photoAlbumFolder {
1792    background-image: url('polaroid-multi.png');
1793    background-repeat: no-repeat;
1794}
1795.photoAlbumEntryTitle {
1796    color: #76797c;
1797    display: block;
1798    width: 128px;
1799    height: 3.6em;
1800}
1801
1802/* @end */
1803
1804/* @group Invisibles */
1805
1806.hiddenStructure {
1807    display: block;
1808    background: transparent;
1809    background-image: none; /* safari bug */
1810    border: none;
1811    height: 0.1em;
1812    overflow: hidden;
1813    padding: 0;
1814    margin: -0.1em 0 0 -0.1em;
1815    width: 1px;
1816}
1817/* ensures hidden elements don't take up space */
1818/* .ie6 is set on <html> by Modernizr library */
1819.ie6 .hiddenStructure,
1820.ie7 .hiddenStructure {
1821    position: absolute;
1822}
1823
1824#content .visualNoMarker {
1825    list-style:none;
1826    margin-left: 0;
1827}
1828
1829.visualClear {
1830    clear: both;
1831}
1832
1833/* @end */
1834
1835/* @group Accessibility elements, applied by JS */
1836
1837body.largeText { font-size: 125%; }
1838body.smallText { font-size: 85%; }
1839
1840/* @end */
1841
1842/* @group Overlay windows */
1843
1844/* styling for overlays (popups) */
1845
1846div.overlay {
1847    width: auto;
1848    height: auto;
1849    /* initially overlay is hidden */
1850    display: none;
1851    /* some padding to layout nested elements nicely  */
1852    margin: 1em;
1853    font-size: 80%;
1854}
1855
1856div.overlay-iframe,
1857div.overlay-ajax {
1858    width: 60%;
1859    min-height: 100px;
1860    z-index: 99; /* overlays should be above everything */
1861}
1862
1863div.overlay-iframe {
1864    height: 60%;
1865}
1866
1867/* default close button positioned on upper-left corner */
1868div.overlaybg div.close,
1869div.overlay div.close {
1870    background-image: url(pb_close.png);
1871    position: absolute;
1872    left: -14px;
1873    top: -14px;
1874    cursor: pointer;
1875    height: 30px;
1876    width: 30px;
1877}
1878
1879.pb-ajax {
1880    overflow-y: auto;
1881}
1882
1883.pb-ajax, .pb-image, .overlay iframe {
1884    background-color: #fff;
1885    border: 1px solid #999;
1886    white-space: normal;
1887    box-shadow: 0 0 3em 0.5em #666;
1888    -moz-box-shadow: 0 0 3em 0.5em #666;
1889    -webkit-box-shadow: 0 0 3em #666;
1890}
1891
1892.pb-ajax > div {
1893    width: 92%;
1894    padding: 1em;
1895}
1896
1897.pb-ajax .documentActions {display:none}
1898
1899div.overlay div.close span {
1900    display: block;
1901    height: 1px;
1902    margin: -1px 0 0 -1px;
1903    overflow: hidden;
1904    padding: 0;
1905    width: 1px;
1906}
1907
1908div.overlay textarea { width: 100%; }
1909
1910/* Hide form elements that don't make sense within an overlay. */
1911div.overlay .link-parent { display: none; }
1912div.overlay #createGroup legend { display: none; }
1913div.overlay #createGroup fieldset { border: none; }
1914
1915/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
1916div.overlay p {
1917    margin-bottom: 1em;
1918}
1919div.overlay label {
1920    margin-bottom: 0.25em;
1921}
1922div.overlay a:hover {
1923    color: #75ad0a;
1924}
1925div.overlay a:hover label{
1926    cursor: pointer;
1927}
1928div.overlay a.selected {
1929    color: #000000;
1930}
1931div.overlay .formTab {
1932    margin-right:1em;
1933    font-weight: bold;
1934}
1935div.overlay .formTab.lastFormTab {
1936    margin-right:0em;
1937}
1938div.overlay .formControls a {
1939    display: block;
1940    margin: 0.75em;
1941}
1942
1943/* @end */
1944
1945/* @group Content History */
1946
1947#history dd {
1948}
1949
1950div.historyRecord {
1951    margin-bottom: 1em;
1952}
1953
1954
1955div.historyTools ul {
1956    float: right;
1957    margin: 2px 1em;
1958}
1959
1960div.historyTools ul li {
1961    display: inline;
1962    padding: 0 0.015em;
1963}
1964
1965div.historyTools ul li a{
1966    border-bottom: none;
1967}
1968
1969div.historyTools form {
1970    display: inline;
1971}
1972
1973.historyAction {
1974
1975}
1976
1977.historyByLine {
1978    background: #ddd;
1979    padding: 0.5em;
1980    border-top-right-radius: 0.5em;
1981    border-top-left-radius: 0.5em;
1982    -webkit-border-top-right-radius: 0.5em;
1983    -webkit-border-top-left-radius: 0.5em;
1984    -moz-border-radius-topleft: 0.5em;
1985    -moz-border-radius-topright: 0.5em;
1986}
1987
1988div.historyLinks {
1989    float: right;
1990    clear: right;
1991    margin: 0.5em 1em 0 0;
1992}
1993
1994
1995div.historyComment {
1996    padding: 0.5em 1em;
1997    border: 1px solid #ddd;
1998}
1999
2000div.historyComment p {
2001    margin: 0;
2002    padding-top: 1px;
2003}
2004
2005a.historyComparePrevious {
2006    border-top: 1px dotted #ccc;
2007    display: block;
2008    margin-top: 1.5em;
2009    margin-bottom: -0.5em;
2010    text-align: center;
2011}
2012
2013a.historyComparePrevious span {
2014    background-color: white;
2015    position: relative;
2016    top: -0.75em;
2017    padding: 0 0.5em;
2018}
2019
2020/* @end */
2021
2022/* @group Core content type sprites */
2023
2024/* Generated using http://spritegen.website-performance.org, with the following
2025   parameters:
2026   - Build direction: Vertical
2027   - Horizontal offset: (doesn't matter, but can't be 0)
2028   - Vertical offset: 200px
2029   - Compress image with OptiPNG: yes
2030   - Class prefix: contenttype-
2031   - Display width and height: no
2032  Then, add 4 px to the background-position to line up the icons to text.
2033
2034.contenttype-document_icon { background-position: 0 0;  }
2035.contenttype-event_icon { background-position: 0 -216px;  }
2036.contenttype-file_icon { background-position: 0 -432px;  }
2037.contenttype-folder_icon { background-position: 0 -648px;  }
2038.contenttype-image_icon { background-position: 0 -864px;  }
2039.contenttype-link_icon { background-position: 0 -1080px;  }
2040.contenttype-newsitem_icon { background-position: 0 -1296px;  }
2041.contenttype-site_icon { background-position: 0 -1512px;  }
2042.contenttype-topic_icon { background-position: 0 -1728px;  }
2043
2044*/
2045
2046.icons-on .contenttype-document {
2047    background: no-repeat transparent 0px 4px url(contenttypes-sprite.png);
2048}
2049.icons-on .contenttype-event {
2050    background: no-repeat transparent 0px -212px url(contenttypes-sprite.png);
2051}
2052.icons-on .contenttype-folder {
2053    background: no-repeat transparent 0px -644px url(contenttypes-sprite.png);
2054}
2055.icons-on .contenttype-link {
2056    background: no-repeat transparent 0px -1076px url(contenttypes-sprite.png);
2057}
2058.icons-on .contenttype-news-item {
2059    background: no-repeat transparent 0px -1292px url(contenttypes-sprite.png);
2060}
2061.icons-on .contenttype-plone-site {
2062    background: no-repeat transparent 0px -1508px url(contenttypes-sprite.png);
2063}
2064.icons-on .contenttype-collection {
2065    background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
2066}
2067.icons-on .contenttype-topic {
2068    background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
2069}
2070
2071/* These should only appear in the add menu */
2072.icons-on #plone-contentmenu-factories .contenttype-file {
2073    background: no-repeat transparent 0px -428px url(contenttypes-sprite.png);
2074}
2075.icons-on #plone-contentmenu-factories .contenttype-image {
2076    background: no-repeat transparent 0px -860px url(contenttypes-sprite.png);
2077}
2078
2079.icons-on .contenttype-document,
2080.icons-on .contenttype-event,
2081.icons-on .contenttype-folder,
2082.icons-on .contenttype-link,
2083.icons-on .contenttype-news-item,
2084.icons-on .contenttype-plone-site,
2085.icons-on .contenttype-collection,
2086.icons-on .contenttype-topic,
2087.icons-on #plone-contentmenu-factories .contenttype-file,
2088.icons-on #plone-contentmenu-factories .contenttype-image {
2089    line-height: 2em;
2090    display: inline-block;
2091    *display: block;
2092    padding-left: 20px !important;
2093}
2094
2095/* @end */
2096
2097/* @group jQuery Tag multiple selector */
2098.optionsBox {
2099    overflow-y: auto;
2100    border: solid 1px #999999;
2101    background: #FFFFFF;
2102    height: 14em;
2103    width: 100%;
2104}
2105/* IE7: fixes super-wide div for JavaScript Tag selector */
2106/* .ie7 is set on <html> by Modernizr library */
2107.ie7 div.optionsBox {
2108    width: 50%;
2109}
2110.optionsBox LABEL {
2111    padding: 2px 0 0 0;
2112    display: block;
2113    line-height: 1em;
2114    font-weight: normal;
2115}
2116.optionsBox input{
2117    vertical-align: middle;
2118    margin: 1px 4px 4px 6px;
2119}
2120/* IE7: fixes super-wide div for JavaScript Tag selector */
2121/* .ie7 is set on <html> by Modernizr library */
2122.ie7 .optionsBox input {
2123    margin: 0px;
2124}
2125.optionsBox LABEL.checked {
2126    background-color: #EEEEEE;
2127}
2128.optionsBox LABEL.hover {
2129    background-color: #777777;
2130    color: #FFFFFF;
2131}
2132#archetypes-fieldname-subject .formHelp {
2133    font-weight: normal;
2134}
2135#existingTagsSection {
2136    position: relative;
2137    margin-left: 3em;
2138}
2139#existingTags {
2140    float: left;
2141    width: 50%;
2142}
2143#content #existingTags dd {
2144    margin-bottom: 1px;
2145    margin-left: 0;
2146}
2147#content #selectedTags, #content #newTags {
2148    margin-bottom: 0;
2149    margin-left: 0;
2150}
2151#content #selectedTagsSection {
2152    margin-left: 3em;
2153    float: left;
2154    width: 43%;
2155    margin-bottom: 0;
2156}
2157#newTagsSection {
2158    width: 48%;
2159    margin-left: 3em;
2160}
2161#content p.selectedTag {
2162    margin-bottom: .4em;
2163}
2164#existingTagsTitle, #newTagsTitle {
2165    float: left;
2166}
2167#existingTagsHelp, #newTagsHelp {
2168    float: right;
2169}
2170#noTagsSelected, #oneOrMoreTagsSelected {
2171    display: none;
2172}
2173/* @end */
Note: See TracBrowser for help on using the repository browser.