source: main/waeup.plonetheme.ngren3/trunk/waeup/plonetheme/ngren3/skins/plonetheme_bootstrap_custom/public.css @ 10848

Last change on this file since 10848 was 10084, checked in by Henrik Bettermann, 12 years ago

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