source: main/ngren.theme/branches/filip-fixes/ngren/theme/skins/ngren_theme_styles/public.css @ 12432

Last change on this file since 12432 was 10230, checked in by fafalter, 11 years ago

Fixes aus den screenshots
File size: 40.8 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}
1517#content fieldset {
1518    border: 0.1em solid #329fd7;
1519    border-style: solid none none none;
1520}
1521#content legend {
1522    padding: 0.5em;
1523    font-size: 85%;
1524}
1525label {
1526    font-weight:bold;
1527}
1528
1529#content label {
1530}
1531
1532#content optgroup {
1533    font-style: normal;
1534    font-weight: bold;
1535    color: #999;
1536    padding-left: 0.25em;
1537}
1538#content option {
1539    color: black;
1540}
1541#content optgroup > option {
1542    padding: 0 0.25em 0 1em;
1543}
1544dl.enableFormTabbing dd {
1545    margin-left: 0;
1546    padding-top: 2em;
1547}
1548.searchSection {
1549    color: #76797c;
1550    margin-top: 0.25em;
1551}
1552.searchSection label:hover {
1553    color: Black;
1554}
1555.field {
1556    clear: both;
1557    margin-bottom: 1em;
1558}
1559.field input[type="text"] {
1560   width: 20em;
1561}
1562.field input[type="text"][size] {
1563   width: auto;
1564}
1565.field input[type="text"][name$=".title"],
1566input#title {
1567    width: 100%;
1568    min-height:30px;
1569}
1570.field.error input[type="text"][name$=".title"],
1571.error input#title {
1572    width: 99%;
1573}
1574
1575.fieldRequired {
1576    background: url(required.png) center left no-repeat;
1577    padding: 0 0 0 1em;
1578    color: White;
1579}
1580.fieldUploadFile {
1581    text-align: right;
1582    margin-right: 0.75em;
1583    display: none;
1584}
1585.fieldTextFormat {
1586    text-align: right;
1587    margin-right: 0.75em
1588}
1589.formHelp {
1590    color: #555;
1591    margin: 0 0 0.2em 0;
1592    display: block;
1593    font-weight: normal;
1594}
1595div.field.error {
1596    background-color: #fdc;
1597    border:  1px solid red;
1598    padding: 0.5em;
1599    margin:  1em 0;
1600}
1601.error .fieldRequired {
1602    color: #d00;
1603}
1604div.error.warning {
1605    background-color: transparent;
1606    border: none;
1607    margin-top: 0;
1608    padding: 0;
1609}
1610
1611div.error.warning input {
1612    border: 2px solid red;
1613}
1614
1615input.inputLabelActive {
1616    color: #76797c;
1617}
1618textarea#form\.description {
1619    height: 6em;
1620    width: 99%;
1621}
1622table.listing tbody tr.odd.selected td,
1623table.listing tbody tr.odd.dragging td,
1624tr.dragging,
1625tr.selected {
1626    background-color: #ffa;
1627}
1628table.listing tbody tr.odd.error td,
1629tr.error {
1630    background-color: #fdc;
1631}
1632.multi-widget-field {
1633    padding-left: 0.5em;
1634    border-left: 1.5em solid #DDD;
1635}
1636
1637.multi-widget-checkbox {
1638    margin-left: -2em;
1639    margin-right: 0.5em;
1640    width: 1.5em;
1641    display: inline-block;
1642}
1643
1644/* @group Login form */
1645
1646body.template-logged_out #content,
1647body.template-login_form #content,
1648.pb-ajax #login-form {
1649    text-align: center;
1650}
1651
1652#fieldset-openid-login input, #login-form input {
1653    font-size: 150%;
1654}
1655
1656
1657body.template-register #content input,
1658body.template-new-user #content input {
1659    font-size: 150%;
1660    width: inherit;
1661
1662}
1663
1664#fieldset-openid-login label, #login-form label {
1665    margin-right:0.5em;
1666    padding-top:0.2em;
1667    text-align:right;
1668    width: 10em;
1669    display: inline-block;
1670}
1671
1672#fieldset-openid-login .formControls input, #login-form .formControls input {
1673margin-left: 0.25em;
1674}
1675
1676/* @end */
1677
1678/* @end */
1679
1680/* @group Table of Contents */
1681
1682 /*Table of Contents styling - essentially a portlet with smaller fonts and aligned right + limited in width*/
1683
1684dl.toc {
1685    float: right;
1686    width: 35%;
1687    font-size: 100%;
1688    margin: 1em 0 0.5em 1.5em;
1689}
1690dl.toc dt {
1691    margin-left: 1em;
1692    font-weight: normal;
1693    text-transform: uppercase;
1694}
1695dl.toc dd {
1696    margin-bottom: 0;
1697    padding-left: 2em;
1698}
1699dl.toc dd ol {
1700    margin-left: 1.5em;
1701}
1702
1703/* @end */
1704
1705/* @group Footer */
1706
1707#portal-footer {
1708    font-size: 75%;
1709    background: #ddd;
1710    padding: 1em;
1711    margin: 1em 0;
1712    line-height: 2em;
1713}
1714
1715#portal-colophon {
1716    font-size: 70%;
1717    text-align: center;
1718    margin-bottom: 1em;
1719}
1720
1721#portal-colophon li {
1722    padding:0 0.75em;
1723}
1724
1725#portal-colophon a {
1726    color: #444;
1727}
1728
1729/* @end */
1730
1731/* @group Sitemap */
1732
1733#portal-sitemap {
1734    list-style: none;
1735    margin-left: 0;
1736    font-size: 130%;
1737    font-weight: bold;
1738}
1739
1740#portal-sitemap li {
1741    list-style: none;
1742    margin-left: 0;
1743}
1744
1745#portal-sitemap a {
1746    border-bottom: none;
1747    display: block;
1748}
1749
1750#portal-sitemap > li {
1751    border-bottom:0.1em dotted #ddd;
1752    line-height:1.8em;
1753    padding:0.25em 1em;
1754    margin-bottom: 0;
1755}
1756
1757#portal-sitemap .navTreeLevel2,
1758#portal-sitemap .navTreeLevel2 ul {
1759    font-size: 85%;
1760    font-weight: normal;
1761    margin-bottom: 0;
1762    padding: 0.25em 0;
1763}
1764
1765/* @end */
1766
1767/* @group Album view classes */
1768.photoAlbumEntry {
1769    float: left;
1770    position:relative;
1771    overflow: hidden;
1772    height: 185px;
1773    width: 143px;
1774    margin: 0em;
1775    padding: 0px 6px 0px 9px;
1776    text-align: center;
1777    background-image: url('polaroid-single.png');
1778    background-repeat: no-repeat;
1779}
1780.photoAlbumEntry img {
1781    border: 1px solid #ccc;
1782    display: block;
1783    margin: 0 auto;
1784}
1785.photoAlbumEntryWrapper {
1786    /*display: block;*/
1787    height: 130px;
1788    width: 128px;
1789    margin-bottom: 7px;
1790}
1791.photoAlbumEntry a {
1792    display: block;
1793    text-decoration: none;
1794    font-size: 90%;
1795    height: 169px;
1796    width: 130px;
1797    margin: 16px auto 0px;
1798}
1799.photoAlbumFolder {
1800    background-image: url('polaroid-multi.png');
1801    background-repeat: no-repeat;
1802}
1803.photoAlbumEntryTitle {
1804    color: #76797c;
1805    display: block;
1806    width: 128px;
1807    height: 3.6em;
1808}
1809
1810/* @end */
1811
1812/* @group Invisibles */
1813
1814.hiddenStructure {
1815    display: block;
1816    background: transparent;
1817    background-image: none; /* safari bug */
1818    border: none;
1819    height: 0.1em;
1820    overflow: hidden;
1821    padding: 0;
1822    margin: -0.1em 0 0 -0.1em;
1823    width: 1px;
1824}
1825/* ensures hidden elements don't take up space */
1826/* .ie6 is set on <html> by Modernizr library */
1827.ie6 .hiddenStructure,
1828.ie7 .hiddenStructure {
1829    position: absolute;
1830}
1831
1832#content .visualNoMarker {
1833    list-style:none;
1834    margin-left: 0;
1835}
1836
1837.visualClear {
1838    clear: both;
1839}
1840
1841/* @end */
1842
1843/* @group Accessibility elements, applied by JS */
1844
1845body.largeText { font-size: 125%; }
1846body.smallText { font-size: 85%; }
1847
1848/* @end */
1849
1850/* @group Overlay windows */
1851
1852/* styling for overlays (popups) */
1853
1854div.overlay {
1855    width: auto;
1856    height: auto;
1857    /* initially overlay is hidden */
1858    display: none;
1859    /* some padding to layout nested elements nicely  */
1860    margin: 1em;
1861    font-size: 80%;
1862}
1863
1864div.overlay-iframe,
1865div.overlay-ajax {
1866    width: 60%;
1867    min-height: 100px;
1868    z-index: 99; /* overlays should be above everything */
1869}
1870
1871div.overlay-iframe {
1872    height: 60%;
1873}
1874
1875/* default close button positioned on upper-left corner */
1876div.overlaybg div.close,
1877div.overlay div.close {
1878    background-image: url(pb_close.png);
1879    position: absolute;
1880    left: -14px;
1881    top: -14px;
1882    cursor: pointer;
1883    height: 30px;
1884    width: 30px;
1885}
1886
1887.pb-ajax {
1888    overflow-y: auto;
1889}
1890
1891.pb-ajax, .pb-image, .overlay iframe {
1892    background-color: #fff;
1893    border: 1px solid #999;
1894    white-space: normal;
1895    box-shadow: 0 0 3em 0.5em #666;
1896    -moz-box-shadow: 0 0 3em 0.5em #666;
1897    -webkit-box-shadow: 0 0 3em #666;
1898}
1899
1900.pb-ajax > div {
1901    width: 92%;
1902    padding: 1em;
1903}
1904
1905.pb-ajax .documentActions {display:none}
1906
1907div.overlay div.close span {
1908    display: block;
1909    height: 1px;
1910    margin: -1px 0 0 -1px;
1911    overflow: hidden;
1912    padding: 0;
1913    width: 1px;
1914}
1915
1916div.overlay textarea { width: 100%; }
1917
1918/* Hide form elements that don't make sense within an overlay. */
1919div.overlay .link-parent { display: none; }
1920div.overlay #createGroup legend { display: none; }
1921div.overlay #createGroup fieldset { border: none; }
1922
1923/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
1924div.overlay p {
1925    margin-bottom: 1em;
1926}
1927div.overlay label {
1928    margin-bottom: 0.25em;
1929}
1930div.overlay a:hover {
1931    color: #75ad0a;
1932}
1933div.overlay a:hover label{
1934    cursor: pointer;
1935}
1936div.overlay a.selected {
1937    color: #000000;
1938}
1939div.overlay .formTab {
1940    margin-right:1em;
1941    font-weight: bold;
1942}
1943div.overlay .formTab.lastFormTab {
1944    margin-right:0em;
1945}
1946div.overlay .formControls a {
1947    display: block;
1948    margin: 0.75em;
1949}
1950
1951/* @end */
1952
1953/* @group Content History */
1954
1955#history dd {
1956}
1957
1958div.historyRecord {
1959    margin-bottom: 1em;
1960}
1961
1962
1963div.historyTools ul {
1964    float: right;
1965    margin: 2px 1em;
1966}
1967
1968div.historyTools ul li {
1969    display: inline;
1970    padding: 0 0.015em;
1971}
1972
1973div.historyTools ul li a{
1974    border-bottom: none;
1975}
1976
1977div.historyTools form {
1978    display: inline;
1979}
1980
1981.historyAction {
1982
1983}
1984
1985.historyByLine {
1986    background: #ddd;
1987    padding: 0.5em;
1988    border-top-right-radius: 0.5em;
1989    border-top-left-radius: 0.5em;
1990    -webkit-border-top-right-radius: 0.5em;
1991    -webkit-border-top-left-radius: 0.5em;
1992    -moz-border-radius-topleft: 0.5em;
1993    -moz-border-radius-topright: 0.5em;
1994}
1995
1996div.historyLinks {
1997    float: right;
1998    clear: right;
1999    margin: 0.5em 1em 0 0;
2000}
2001
2002
2003div.historyComment {
2004    padding: 0.5em 1em;
2005    border: 1px solid #ddd;
2006}
2007
2008div.historyComment p {
2009    margin: 0;
2010    padding-top: 1px;
2011}
2012
2013a.historyComparePrevious {
2014    border-top: 1px dotted #ccc;
2015    display: block;
2016    margin-top: 1.5em;
2017    margin-bottom: -0.5em;
2018    text-align: center;
2019}
2020
2021a.historyComparePrevious span {
2022    background-color: white;
2023    position: relative;
2024    top: -0.75em;
2025    padding: 0 0.5em;
2026}
2027
2028/* @end */
2029
2030/* @group Core content type sprites */
2031
2032/* Generated using http://spritegen.website-performance.org, with the following
2033   parameters:
2034   - Build direction: Vertical
2035   - Horizontal offset: (doesn't matter, but can't be 0)
2036   - Vertical offset: 200px
2037   - Compress image with OptiPNG: yes
2038   - Class prefix: contenttype-
2039   - Display width and height: no
2040  Then, add 4 px to the background-position to line up the icons to text.
2041
2042.contenttype-document_icon { background-position: 0 0;  }
2043.contenttype-event_icon { background-position: 0 -216px;  }
2044.contenttype-file_icon { background-position: 0 -432px;  }
2045.contenttype-folder_icon { background-position: 0 -648px;  }
2046.contenttype-image_icon { background-position: 0 -864px;  }
2047.contenttype-link_icon { background-position: 0 -1080px;  }
2048.contenttype-newsitem_icon { background-position: 0 -1296px;  }
2049.contenttype-site_icon { background-position: 0 -1512px;  }
2050.contenttype-topic_icon { background-position: 0 -1728px;  }
2051
2052*/
2053
2054.icons-on .contenttype-document {
2055    background: no-repeat transparent 0px 4px url(contenttypes-sprite.png);
2056}
2057.icons-on .contenttype-event {
2058    background: no-repeat transparent 0px -212px url(contenttypes-sprite.png);
2059}
2060.icons-on .contenttype-folder {
2061    background: no-repeat transparent 0px -644px url(contenttypes-sprite.png);
2062}
2063.icons-on .contenttype-link {
2064    background: no-repeat transparent 0px -1076px url(contenttypes-sprite.png);
2065}
2066.icons-on .contenttype-news-item {
2067    background: no-repeat transparent 0px -1292px url(contenttypes-sprite.png);
2068}
2069.icons-on .contenttype-plone-site {
2070    background: no-repeat transparent 0px -1508px url(contenttypes-sprite.png);
2071}
2072.icons-on .contenttype-collection {
2073    background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
2074}
2075.icons-on .contenttype-topic {
2076    background: no-repeat transparent 0px -1724px url(contenttypes-sprite.png);
2077}
2078
2079/* These should only appear in the add menu */
2080.icons-on #plone-contentmenu-factories .contenttype-file {
2081    background: no-repeat transparent 0px -428px url(contenttypes-sprite.png);
2082}
2083.icons-on #plone-contentmenu-factories .contenttype-image {
2084    background: no-repeat transparent 0px -860px url(contenttypes-sprite.png);
2085}
2086
2087.icons-on .contenttype-document,
2088.icons-on .contenttype-event,
2089.icons-on .contenttype-folder,
2090.icons-on .contenttype-link,
2091.icons-on .contenttype-news-item,
2092.icons-on .contenttype-plone-site,
2093.icons-on .contenttype-collection,
2094.icons-on .contenttype-topic,
2095.icons-on #plone-contentmenu-factories .contenttype-file,
2096.icons-on #plone-contentmenu-factories .contenttype-image {
2097    line-height: 2em;
2098    display: inline-block;
2099    *display: block;
2100    padding-left: 20px !important;
2101}
2102
2103/* @end */
2104
2105/* @group jQuery Tag multiple selector */
2106.optionsBox {
2107    overflow-y: auto;
2108    border: solid 1px #999999;
2109    background: #FFFFFF;
2110    height: 14em;
2111    width: 100%;
2112}
2113/* IE7: fixes super-wide div for JavaScript Tag selector */
2114/* .ie7 is set on <html> by Modernizr library */
2115.ie7 div.optionsBox {
2116    width: 50%;
2117}
2118.optionsBox LABEL {
2119    padding: 2px 0 0 0;
2120    display: block;
2121    line-height: 1em;
2122    font-weight: normal;
2123}
2124.optionsBox input{
2125    vertical-align: middle;
2126    margin: 1px 4px 4px 6px;
2127}
2128/* IE7: fixes super-wide div for JavaScript Tag selector */
2129/* .ie7 is set on <html> by Modernizr library */
2130.ie7 .optionsBox input {
2131    margin: 0px;
2132}
2133.optionsBox LABEL.checked {
2134    background-color: #EEEEEE;
2135}
2136.optionsBox LABEL.hover {
2137    background-color: #777777;
2138    color: #FFFFFF;
2139}
2140#archetypes-fieldname-subject .formHelp {
2141    font-weight: normal;
2142}
2143#existingTagsSection {
2144    position: relative;
2145    margin-left: 3em;
2146}
2147#existingTags {
2148    float: left;
2149    width: 50%;
2150}
2151#content #existingTags dd {
2152    margin-bottom: 1px;
2153    margin-left: 0;
2154}
2155#content #selectedTags, #content #newTags {
2156    margin-bottom: 0;
2157    margin-left: 0;
2158}
2159#content #selectedTagsSection {
2160    margin-left: 3em;
2161    float: left;
2162    width: 43%;
2163    margin-bottom: 0;
2164}
2165#newTagsSection {
2166    width: 48%;
2167    margin-left: 3em;
2168}
2169#content p.selectedTag {
2170    margin-bottom: .4em;
2171}
2172#existingTagsTitle, #newTagsTitle {
2173    float: left;
2174}
2175#existingTagsHelp, #newTagsHelp {
2176    float: right;
2177}
2178#noTagsSelected, #oneOrMoreTagsSelected {
2179    display: none;
2180}
2181/* @end */
Note: See TracBrowser for help on using the repository browser.