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

Last change on this file since 10191 was 10190, checked in by uli, 11 years ago

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