Changeset 1599

Show
Ignore:
Timestamp:
10/31/07 16:23:24
Author:
johnsa
Message:

websubmit: further work on building up the UI

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/deployment/websubmit/webapp/resources/demoskins/default/default/default.css

    r1598 r1599  
    33  margin: 0; 
    44  padding: 0; 
     5  background-color: #ddd; 
     6  color: black; 
    57} 
    68 
    …… 
    4446#bedework .formButtons input { 
    4547  margin: 0; 
    46   font-size: 0.8em; 
     48  font-size: 1.1em; 
     49} 
     50#bedework .eventSubmitButtons input.submit { 
     51  color: #060; 
    4752} 
    4853#bedework h3 { 
    …… 
    160165} 
    161166#bedework #menuTabs li { 
     167  position: relative; 
    162168  display: inline; 
    163169  list-style: none; 
    …… 
    240246  font-size: 0.9em; 
    241247} 
     248#bedework #instructions .navButtons { 
     249  float: right; 
     250  text-align: right; 
     251} 
     252#bedework #instructions .navButtons img { 
     253  vertical-align: middle; 
     254} 
    242255#bedework ul.submenu { 
    243256  margin: 0; 
    …… 
    325338  text-decoration: none; 
    326339} 
     340#bedework .mainForm { 
     341  padding: 0; 
     342  margin: 0 0 1.5em 0; 
     343  font-weight: bold; 
     344  color: black; 
     345} 
     346#bedework .subForm { 
     347  font-size: 0.9em; 
     348  padding: 1em; 
     349  margin: 0; 
     350  background-color: #eee; 
     351  color: black; 
     352} 
     353#bedework .subForm label { 
     354  float: left; 
     355  text-align: right; 
     356  width: 150px; 
     357  padding: 0 1em 0 0; 
     358} 
     359#bedework p.subFormMessage { 
     360  font-size: 0.9em; 
     361  margin: 1em 0 0 0; 
     362  padding: 0; 
     363} 
     364#bedework .subForm p { 
     365  margin: 0 0 0.5em 0; 
     366  padding: 0; 
     367} 
    327368/* table below is used for almost all forms  */ 
    328369#bedework table.common { 
    …… 
    406447  text-align: right; 
    407448} 
    408 #bedework /*table.common td.comments { 
    409   border-top: 1px solid #ccc; 
    410 }*/ 
    411449#bedework table.common td.comments p { 
    412450  margin: 0; 
    …… 
    495533  margin: 0 1em; 
    496534} 
    497 #bedework table.scheduling td { 
    498   white-space: nowrap; 
    499 } 
    500 #bedework table.scheduling td.acls { 
    501   white-space: normal; 
    502 } 
    503 #bedework table.scheduling .grant { 
    504   color: #080; 
    505   background-color: inherit; 
    506 } 
    507 #bedework table.scheduling .deny { 
    508   color: #800; 
    509   background-color: inherit; 
    510 } 
    511535#bedework table#manage td { 
    512536  padding: 0.2em 0 0 0.5em; 
    …… 
    535559  padding: 2px 4px; 
    536560} 
    537 #bedework #scheduling { 
    538   margin: 1em; 
    539   font-size: 0.9em; 
    540 } 
    541 #bedework #scheduling p.editAttendees { 
    542   padding-top: 1em; 
    543   clear: both; 
    544 } 
    545 #bedework #recurringSwitch { 
    546   margin: 0 0 1em 0; 
    547 } 
    548 #bedework #recurrenceInfo { 
    549   margin: 0; 
    550   padding: 1em; 
    551   border: 1px solid #ddd; 
    552   font-size: 0.9em; 
    553 } 
    554 #bedework #rrulesSwitch, 
    555 #bedework #rrulesUiSwitch { 
    556   font-size: 0.8em; 
    557 } 
    558 #bedework #rrulesFields { 
    559   margin: 0; 
    560   padding: 0; 
    561 } 
    562 #bedework #rrulesTable { 
    563   border: 1px solid #ddd; 
    564   margin: 0; 
    565   padding: 0; 
    566 } 
    567 #bedework #rrulesTable strong { 
    568   display: inline; 
    569 } 
    570 #bedework #rrulesTable td#recurrenceFrequency { 
    571   padding: 0.5em 1em; 
    572   border-right: 1px solid #ddd; 
    573   white-space: nowrap; 
    574 } 
    575 #bedework #rrulesTable td#advancedRrules { 
    576   padding: 0.5em 1em 0.5em 1em; 
    577   border-top: 1px solid #ddd; 
    578 } 
    579 #bedework #rrulesTable td#recurrenceUntil { 
    580   width: 100%; 
    581   padding: 0.5em 0 0 1em; 
    582 } 
    583561#bedework .chkBoxListItem { 
    584562  display: block; 
    585563  float: left; 
    586564  width: 3em; 
    587 } 
    588 #bedework #rrulesTable br { 
    589   clear: both; 
    590 } 
    591 #bedework #rrulesTable p { 
    592   margin: 0 0 0.5em 0; 
    593 } 
    594 #bedework #rrulesTable p.weekRecurLinks { 
    595   margin: 1em 0 1em 0; 
    596 } 
    597 #bedework #rrulesTable .extraByMonthPosFields { 
    598   margin: 0 0 1em 2em; 
    599   padding: 0; 
    600 } 
    601 #bedework #rrulesTable #monthRecurFields div, 
    602 #bedework #rrulesTable #yearRecurFields div { 
    603   display: block; 
    604   margin: 0 0 0.5em 0; 
    605 } 
    606 #bedework #rrulesTable #dayMonthCheckBoxList, 
    607 #bedework #rrulesTable #monthDaysCheckBoxList, 
    608 #bedework #rrulesTable #yearWeeksCheckBoxList, 
    609 #bedework #rrulesTable #yearMonthCheckBoxList, 
    610 #bedework #rrulesTable #yearMonthDaysCheckBoxList, 
    611 #bedework #rrulesTable #yearDaysCheckBoxList { 
    612   margin: 0.5em 0 0.5em 2em; 
    613   display: block; 
    614   clear: both; 
    615   white-space: nowrap !important; 
    616 } 
    617 #bedework #recurrenceDatesButton input { 
    618   margin: 2em 0 0 0; 
    619   font-size: 0.8em; 
    620 } 
    621 #bedework #rdatesFormFields { 
    622   font-size: 0.9em; 
    623   padding: 0.5em; 
    624 } 
    625 #bedework #rdatesFormFields p { 
    626   clear: both; 
    627   margin-top: 1em; 
    628 } 
    629 #bedework .rdatesTable { 
    630   font-size: 0.9em; 
    631   border: 1px solid #ddd; 
    632 } 
    633 #bedework .rdatesTable td { 
    634   padding: 0.5em 1em; 
    635 } 
    636 #bedework .rdatesTable td.trash { 
    637   text-align: right; 
    638 } 
    639 #bedework .rdatesTable td.note { 
    640   text-align: center; 
    641   font-size: 0.9em; 
    642 } 
    643 #bedework #bwCurrentRdates, 
    644 #bedework #bwCurrentExdates, 
    645 #bedework #bwCurrentRdatesNone, 
    646 #bedework #bwCurrentExdatesNone { 
    647   float: left; 
    648   margin: 1em 2em 1em 0; 
    649 } 
    650 #bedework #bwCurrentRdates th, 
    651 #bedework #bwCurrentRdates td, 
    652 #bedework #bwCurrentExdates th, 
    653 #bedework #bwCurrentExdates td { 
    654   text-align: left; 
    655   padding: 0 0.5em 0 0; 
    656565} 
    657566#bedework .shown { 
    …… 
    679588  position: relative; 
    680589} 
    681 #bedework table#inoutbox td { 
    682   padding: 0.2em 0.5em; 
    683   border-bottom: 1px solid #ccc; 
    684   font-size: 0.75em; 
    685 } 
    686 #bedework table.common td.scheduleActions { 
    687   color: black; 
    688   background: #ddc; 
    689 } 
    690 #bedework table.common td.scheduleActions ul { 
    691   margin: 0; 
    692   padding: 0 0 0 20px; 
    693 } 
    694590#bedework #comments p { 
    695591  margin: 0 0 1em 2em; 
    696 } 
    697 #bedework table#inoutbox tr.unprocessed { 
    698   background: #fcc; 
    699   color: black; 
    700 } 
    701 #bedework table#inoutbox tr.publish { 
    702   background: #ddf; 
    703   color: black; 
    704 } 
    705 #bedework table#inoutbox tr.request { 
    706   background: #ffd; 
    707   color: black; 
    708 } 
    709 #bedework table#inoutbox tr.cancel { 
    710   background: #ddd; 
    711   color: black; 
    712 } 
    713 #bedework table#inoutbox tr.counter { 
    714   background: #fcc; 
    715   color: black; 
    716 } 
    717 #bedework a.emailIcon { 
    718   margin-left: 0.5em; 
    719 } 
    720 #bedework form#subscriptions { 
    721   margin: 0; 
    722   padding: 0; 
    723 } 
    724 #bedework table.widget { 
    725   margin: 1em 1em 0 0; 
    726   float: left; 
    727   clear: none; 
    728 } 
    729 #bedework table.widget th { 
    730   padding: 2px 0 2px 4px; 
    731   background-color: #ddd; 
    732   color: black; 
    733   border-bottom: 1px solid #ccc; 
    734   font-size: 0.9em; 
    735 } 
    736 #bedework table.widget tr.subHead td { 
    737   background-color: #eee; 
    738   color: black; 
    739 } 
    740 #bedework table.widget td { 
    741   padding: 0.1em 1em; 
    742   font-size: 0.8em; 
    743 } 
    744 #bedework table.widget td.role, 
    745 #bedework table.widget td.status { 
    746   text-transform: lowercase; 
    747 } 
    748 #bedework table.widget { 
    749   border: 1px solid #999; 
    750 } 
    751 #bedework table.widget td, 
    752 #bedework table.widget th { 
    753   text-align: left; 
    754 } 
    755 #bedework table.widget td.trash { 
    756   width: 15px; 
    757   padding: 4px 6px 4px 4px; 
    758 } 
    759 #bedework table.common table#attendees { 
    760   font-size: 0.9em; 
    761 } 
    762 #bedework table.common #attendees th { 
    763   padding: 0 0.5em 0 0; 
    764 } 
    765 #bedework table.common #attendees td { 
    766   padding: 0 0.5em 0 0; 
    767 } 
    768 #bedework #recipientsAndAttendees { 
    769   margin: 0; 
    770   padding:  0 1em; 
    771 } 
    772 /* dialog box - popup, most likely deprectaed */ 
    773 #bedework #bwDialogBox { 
    774   margin: 0; 
    775   background: white; 
    776   color: black; 
    777 } 
    778 #bedework #bwDialogBox h4 { 
    779   padding: 4px; 
    780   margin: 0; 
    781   text-align: center; 
    782   color: #eee; 
    783   background: #233979 url(../../resources/glassFill-02.gif) repeat-x bottom; 
    784   border: 2px solid #233979; 
    785 } 
    786 #bedework #bwDialogBox #errors, 
    787 #bedework #bwDialogBox #messages { 
    788   margin: 0; 
    789 } 
    790 #bedework #bwDialogBox table { 
    791   width: 100%; 
    792   margin: 1em 0; 
    793 } 
    794 #bedework #bwDialogBox table th { 
    795   padding: 2px; 
    796   text-align: center; 
    797   color: black; 
    798   background: #eee; 
    799 } 
    800 #bedework #weekCalendarTable { 
    801   width: 100%; 
    802   font-size: 0.9em; 
    803   margin: 0px; 
    804   padding: 0px; 
    805   border-top: 1px solid #666; 
    806 } 
    807 #bedework #weekCalendarTable td { 
    808   padding: 0.4em; 
    809   margin: 0em; 
    810 } 
    811 #bedework #weekCalendarTable .dateRange { 
    812   text-align: left; 
    813   background-color: #e2decc; 
    814   color: black; 
    815   white-space: nowrap; 
    816 } 
    817 #bedework #weekCalendarTable .description { 
    818   text-align: left; 
    819   background-color: #fff; 
    820   color: black; 
    821   width: 100%; 
    822 } 
    823 #bedework #weekCalendarTable .more { 
    824   text-align: center; 
    825   background-color: #eee; 
    826   color: black; 
    827   font-size: 0.8em; 
    828 } 
    829 #bedework #monthCalendarTable { 
    830   width: 100%; 
    831   font-size: 0.8em; 
    832   margin: 0px; 
    833   padding: 0px; 
    834   border-top: 1px solid #666; 
    835 } 
    836 #bedework #monthCalendarTable th.dayHeading { 
    837   width: 14%; 
    838   text-align: center; 
    839   vertical-align: middle; 
    840   background-color: #2B4795; 
    841   color: #eee; 
    842   border: 2px solid #999; 
    843 } 
    844 #bedework #monthCalendarTable td { 
    845   width: 14%; 
    846   height: 60px; 
    847   vertical-align: top; 
    848   text-align: left; 
    849   padding: 0em; 
    850   border: 1px solid #aaa; 
    851   background-color: white; 
    852   color: black; 
    853 } 
    854 #bedework #monthCalendarTable td.filler { 
    855   border: none; 
    856   background-color: #eee; 
    857   color: black; 
    858 } 
    859 #bedework #monthCalendarTable ul { 
    860   font-size: 0.8em; 
    861   list-style : none; 
    862   margin: 0em; 
    863   padding: 0.3em 0em 0em 0em; 
    864 } 
    865 #bedework #monthCalendarTable ul li { 
    866   margin: 0em; 
    867   padding: 0em; 
    868   display: inline; 
    869 } 
    870 #bedework #monthCalendarTable a.event { 
    871   display: block; 
    872   padding: 0.1em 0.2em 0.1em 0.2em; 
    873   text-decoration: none; 
    874   border-bottom: 1px solid #bbb; 
    875 } 
    876 #bedework #monthCalendarTable a.firstEvent { 
    877   border-top: 1px solid #bbb; /* first item in the grid needs a top border */ 
    878 } 
    879 #bedework #monthCalendarTable a.eventLinkA:link, 
    880 #bedework #monthCalendarTable a.eventLinkA:visited, 
    881 #bedework #monthCalendarTable a.eventLinkA:active  { 
    882   background-color: #CCD7F5; 
    883   color: black; 
    884 } 
    885 #bedework #monthCalendarTable a.eventLinkB:link, 
    886 #bedework #monthCalendarTable a.eventLinkB:visited, 
    887 #bedework #monthCalendarTable a.eventLinkB:active  { 
    888   background-color: #EBF0FF; 
    889   color: black; 
    890 } 
    891 #bedework #monthCalendarTable a.eventCancelled:link, 
    892 #bedework #monthCalendarTable a.eventCancelled:visited, 
    893 #bedework #monthCalendarTable a.eventCancelled:active  { 
    894   background-color: #ccc; 
    895   color: black; 
    896 } 
    897 #bedework #monthCalendarTable a.eventTentative:link, 
    898 #bedework #monthCalendarTable a.eventTentative:visited, 
    899 #bedework #monthCalendarTable a.eventTentative:active  { 
    900   border-bottom: 1px solid #ccc; 
    901   border-top: 1px solid #ccc; 
    902   background: #eee url('../../resources/tentativeLines.gif') top; 
    903   color: black; 
    904 } 
    905 #bedework #monthCalendarTable a:hover { 
    906   color: black; 
    907   background-color: #ffa !important; /* must be important to override subscription colors */ 
    908   /* required for eventTip to hover correctly; 
    909      apply only to the hover pseudo class, or 
    910      the other anchors nearby will cover the eventTip in IE */ 
    911   position: relative; 
    912 } 
    913 #bedework #monthCalendarTable a.dayLink { 
    914   text-decoration: none; 
    915   color: black; 
    916   background-color: transparent; 
    917   padding-left: 2px; 
    918 } 
    919 #bedework #monthCalendarTable a:hover.dayLink { 
    920   text-decoration: none; 
    921   color: #eee !important; /* must be important to override a:hover selector above */ 
    922   background-color: black !important; /* must be important to override a:hover selector above */ 
    923 } 
    924 #bedework #monthCalendarTable a span.eventTip, 
    925 #bedework #monthCalendarTable a span.eventTipReverse { 
    926   display: none; 
    927 } 
    928 #bedework #monthCalendarTable a:hover span.eventTip { 
    929   display: block; 
    930   position: absolute; 
    931   width: 20em; 
    932   top: 1em; 
    933   left: 12em; 
    934   background-color: #ffa; 
    935   color: black; 
    936   padding: 4px; 
    937   border: 2px solid #999; 
    938 } 
    939 #bedework #monthCalendarTable a:hover span.eventTipReverse { 
    940   display: block; 
    941   position: absolute; 
    942   width: 20em; 
    943   top: 1em; 
    944   left: -21em; 
    945   background-color: #ffa; 
    946   color: black; 
    947   padding: 4px; 
    948   border: 2px solid #999; 
    949 } 
    950 #bedework #monthCalendarTable a:hover span.eventTipStatusCancelled { 
    951   display: block; 
    952   color: white; 
    953   background-color: #333; 
    954   padding: 2px; 
    955   margin-bottom: 6px; 
    956   text-align: center; 
    957 } 
    958 #bedework #monthCalendarTable a:hover span.eventTipStatusTentative { 
    959   display: block; 
    960   color: black; 
    961   background: #eee url('../../resources/tentativeLines.gif') top; 
    962   padding: 2px; 
    963   margin-bottom: 6px; 
    964   border: 1px solid #ccc; 
    965   text-align: center; 
    966 } 
    967 #bedework div.gridAdd { 
    968   display: block; 
    969   float: right; 
    970   margin: 0; 
    971   padding: 0; 
    972 } 
    973 #bedework a.calendarAdd img { 
    974   margin: 0 0 0 0.5em; 
    975   padding: 0; 
    976 } 
    977 #bedework #monthCalendarTable td.today, 
    978 #bedework #yearCalendarTable td.today { 
    979   background-color: #ffb; 
    980   color: black; 
    981 } 
    982 #bedework #yearCalendarTable td.today { 
    983   border: 1px solid #666; 
    984 } 
    985 #bedework #yearCalendarTable { 
    986   width: 100%; 
    987   font-size: 0.9em; 
    988   margin: 0px; 
    989   padding: 0em; 
    990   border-top: 1px solid #666; 
    991   border-bottom: 2px solid #aaa; 
    992   border-left: 2px solid #aaa; 
    993   border-right: 2px solid #aaa; 
    994 } 
    995 #bedework #yearCalendarTable td { 
    996   padding: 1em 0em 0em 0em; 
    997   margin: 0em; 
    998   vertical-align: top; 
    999   text-align: center; 
    1000   width: 33%; 
    1001 } 
    1002 #bedework #yearCalendarTable table.yearViewMonthTable { 
    1003   margin: 0em  1em 0.5em 1em; 
    1004   border: 1px solid #ddd; 
    1005 } 
    1006 #bedework #yearCalendarTable table.yearViewMonthTable td { 
    1007   text-align: center; 
    1008   padding: 0.2em; 
    1009   width: 12.5%; 
    1010 } 
    1011 #bedework #yearCalendarTable table.yearViewMonthTable th { 
    1012   font-weight: bold; 
    1013   background-color: #eee; 
    1014   color: black; 
    1015   padding: 0.2em; 
    1016 } 
    1017 #bedework #yearCalendarTable table.yearViewMonthTable td.monthName { 
    1018   font-weight: bold; 
    1019   text-align: center; 
    1020   background-color: #2B4795; 
    1021   color: #eee; 
    1022   white-space: nowrap; 
    1023   border-bottom: 1px solid #999; 
    1024 } 
    1025 #bedework #yearCalendarTable table.yearViewMonthTable td.weekCell { 
    1026   font-weight: bold; 
    1027   font-size: 0.8em; 
    1028   background-color: #eee; 
    1029   color: black; 
    1030 } 
    1031 #bedework #yearCalendarTable  table.yearViewMonthTable td  a  { 
    1032   text-decoration: none; 
    1033   background-color: inherit; 
    1034   padding: 1px; 
    1035   color: black; 
    1036 } 
    1037 #bedework #yearCalendarTable  table.yearViewMonthTable td.weekCell a  { 
    1038   text-decoration: none; 
    1039   background-color: inherit; 
    1040   padding: 1px; 
    1041   color: black; 
    1042 } 
    1043 #bedework #yearCalendarTable  table.yearViewMonthTable td.monthName a  { 
    1044   text-decoration: none; 
    1045   background-color: inherit; 
    1046   padding: 1px; 
    1047   color: #eee; 
    1048 } 
    1049 #bedework #yearCalendarTable  table.yearViewMonthTable td a:hover  { 
    1050   text-decoration: none; 
    1051   background-color: #FFC; 
    1052   color: black; 
    1053   border: 1px solid black; 
    1054   padding: 0; 
    1055 } 
    1056 #bedework #listTable { 
    1057   width: 100%; 
    1058   font-size: 0.9em; 
    1059   margin: 0px; 
    1060   padding: 0px; 
    1061   border-top: 1px solid #666; 
    1062 } 
    1063 #bedework #listTable td { 
    1064   padding: 0.5em; 
    1065   margin: 0em; 
    1066   border-bottom: 1px solid #bbb; 
    1067 } 
    1068 #bedework #listTable td a { 
    1069   background-color: transparent; 
    1070   color: black; 
    1071   text-decoration: none; 
    1072 } 
    1073 #bedework #listTable td.dateRangeCrossDay { 
    1074   font-size: 0.9em; 
    1075   text-transform: lowercase; 
    1076   background-color: #ddd; 
    1077   color: black; 
    1078   white-space: nowrap; 
    1079 } 
    1080 #bedework #listTable td.dateRangeEarlyMorning { 
    1081   font-size: 0.9em; 
    1082   text-transform: lowercase; 
    1083   background-color: #D0D5E1; 
    1084   color: black; 
    1085   white-space: nowrap; 
    1086 } 
    1087 #bedework #listTable td.dateRangeMorning { 
    1088   font-size: 0.9em; 
    1089   text-transform: lowercase; 
    1090   background-color: #DFE7FB; 
    1091   color: black; 
    1092   white-space: nowrap; 
    1093 } 
    1094 #bedework #listTable td.dateRangeAfternoon { 
    1095   font-size: 0.9em; 
    1096   text-transform: lowercase; 
    1097   background-color: #CCD7F5; 
    1098   color: black; 
    1099   white-space: nowrap; 
    1100 } 
    1101 #bedework #listTable td.dateRangeEvening { 
    1102   font-size: 0.9em; 
    1103   text-transform: lowercase; 
    1104   background-color: #B3C0E6; 
    1105   color: black; 
    1106   white-space: nowrap; 
    1107 } 
    1108 #bedework #listTable span.littleArrow { 
    1109   font-size: 1.4em; 
    1110 } 
    1111 #bedework #listTable td.description { 
    1112   text-align: left; 
    1113   background-color: #fff; 
    1114   color: black; 
    1115   width: 100%; 
    1116 } 
    1117 #bedework #listTable td.bwStatusCancelled { 
    1118   background-color: #ddd; 
    1119   color: black; 
    1120 } 
    1121 #bedework #listTable td.bwStatusTentative { 
    1122   background: white url('../../resources/tentativeLines.gif') top; 
    1123   color: black; 
    1124 } 
    1125 #bedework #listTable td.description a { 
    1126   display: block; 
    1127   background-color: transparent; 
    1128   color: black; 
    1129   text-decoration: none; 
    1130 } 
    1131 #bedework #listTable td.description a.moreLink { 
    1132   display: inline; 
    1133   background-color: transparent; 
    1134   color: #663; 
    1135   text-decoration: underline; 
    1136 } 
    1137 #bedework #listTable td.description:hover { 
    1138   background-color: #eee !important; 
    1139   color: black; 
    1140   text-decoration: none; 
    1141 } 
    1142 #bedework #listTable td.dateRow { 
    1143   text-align: left; 
    1144   background-color: #444; 
    1145   /*background-color: #2B4795;*/ 
    1146   color: #eee; 
    1147   font-size: 0.8em; 
    1148   margin: 0; 
    1149   padding: 0.2em 0.5em 0.2em 0.5em; 
    1150 } 
    1151 #bedework #listTable td.dateRow a { 
    1152   color: #fff; 
    1153   background-color: transparent; 
    1154   font-weight: bold; 
    1155   text-decoration : none; 
    1156 } 
    1157 #bedework #listTable td.dateRow .listAdd { 
    1158   float:right; 
    1159   text-decoration : none; 
    1160   font-weight: normal; 
    1161   padding-left: 1em; 
    1162 } 
    1163 #bedework #listTable td.dateRow .listAdd a:link, 
    1164 #bedework #listTable td.dateRow .listAdd a:active, 
    1165 #bedework #listTable td.dateRow .listAdd a:visited { 
    1166   color: #eee; 
    1167   background-color: transparent; 
    1168 } 
    1169 #bedework #listTable td.dateRow .listAdd a:hover { 
    1170   color: #ffa; 
    1171   background-color: transparent; 
    1172 } 
    1173 #bedework #listTable td.eventLinks { 
    1174   color: black; 
    1175   background-color: #ddd; 
    1176   white-space : nowrap; 
    1177   font-size : 0.7em; 
    1178 } 
    1179 #bedework #listTable td.eventLinks a { 
    1180   text-decoration: underline; 
    1181 } 
    1182 #bedework #listTable td.eventLinks a:hover { 
    1183   color: #eee; 
    1184   background-color: #333; 
    1185   text-decoration: none; 
    1186 } 
    1187 #bedework #listTable td.smallIcon { 
    1188   color: black; 
    1189   background-color: #ccc; 
    1190 } 
    1191 #bedework .noEventsCell { 
    1192   padding: 1em; 
    1193592} 
    1194593/* Calendars and Subscriptions */ 
    …… 
    1258657  font-style: italic; 
    1259658} 
    1260 #bedework #freeBusyShareLink { 
    1261   float: right; 
    1262   font-size: 0.8em; 
    1263   margin: 0.5em 0.5em 0 0; 
    1264 } 
    1265659#bedework .contextHelp { 
    1266660  position: relative; 
    …… 
    1273667  color: black; 
    1274668  background-color: #fee; 
    1275 } 
    1276 #bedework #helpShareFreeBusy { 
    1277   position: absolute; 
    1278   right: 20px; 
    1279   width: 300px; 
    1280 } 
    1281 #bedework #recipientsAndAttendeesForm { 
    1282   white-space: nowrap; 
    1283 } 
    1284 #freeBusy { 
    1285   clear: both; 
    1286   margin: 1em 0 0 0; 
    1287   padding: 1em 1em 1em 0; 
    1288   border: 1px solid #ccc; 
    1289 } 
    1290 #freeBusyPage #freeBusy { 
    1291   border: none; 
    1292   margin-top: 0; 
    1293   padding-top: 0; 
    1294 } 
    1295 #freeBusyPage #viewFreeBusyForm { 
    1296   float: right; 
    1297   font-size: 0.9em; 
    1298   margin: 1em 1em 0 0; 
    1299 } 
    1300 #freeBusy td { 
    1301   vertical-align: middle; 
    1302   text-align: center; 
    1303   font-size: 0.8em; 
    1304   padding: 0; 
    1305   margin: 0; 
    1306   width: 2em; 
    1307   height: 10px; 
    1308 } 
    1309 #freeBusy th.left { 
    1310   text-align: left; 
    1311 } 
    1312 #freeBusy td.morning { 
    1313   color: black; 
    1314   background: #ddf; 
    1315 } 
    1316 #freeBusy td.evening { 
    1317   color: black; 
    1318   background: #ccc; 
    1319 } 
    1320 #freeBusy td.timeLabels { 
    1321   vertical-align: middle; 
    1322   text-align: center; 
    1323   font-weight: normal; 
    1324   padding: 0; 
    1325   margin: 0; 
    1326 } 
    1327 #freeBusy td.dayDate { 
    1328   white-space: nowrap; 
    1329   text-align: right; 
    1330   padding: 0; 
    1331   width: 4em; 
    1332 } 
    1333 #freeBusy td.free, 
    1334 #freeBusyKey td.free { 
    1335   /*color: #A3BAEA; 
    1336   background-color: #A3BAEA;*/ 
    1337   color: white; 
    1338   background-color: white; 
    1339   border: 1px solid #ddd; 
    1340 } 
    1341 #freeBusy td.busy, 
    1342 #freeBusyKey td.busy { 
    1343   color: #A3BAEA; 
    1344   background-color: #A3BAEA; 
    1345   border: 1px solid #ddd; 
    1346 } 
    1347 #freeBusy td.tentative, 
    1348 #freeBusyKey td.tentative { 
    1349   color: #DFE7FB; 
    1350   background: #DFE7FB url('../../resources/tentativeLines.gif') top; 
    1351   border: 1px solid #ddd; 
    1352 } 
    1353 #freeBusyKey { 
    1354   float: left; 
    1355   margin: 0.5em 1em 0 0; 
    1356 } 
    1357 #freeBusyPage #freeBusyKey { 
    1358   margin-left: 2em; 
    1359 } 
    1360 #freeBusyKey td { 
    1361   padding: 2px 4px; 
    1362 } 
    1363 #freeBusy a { 
    1364   display: block; 
    1365   text-decoration: none; 
    1366   width: 100%; 
    1367 } 
    1368 #freeBusy td.free a { 
    1369   color: #A3BAEA; 
    1370   background-color: transparent; 
    1371 } 
    1372 #freeBusy td.tentative a  { 
    1373   color: #333; 
    1374   background-color: transparent; 
    1375 } 
    1376 #freeBusy td.busy a { 
    1377   color: #333; 
    1378   background-color: transparent; 
    1379 } 
    1380 #freeBusy td.busy a:hover, 
    1381 #freeBusy td.free a:hover, 
    1382 #freeBusy td.tentative a:hover  { 
    1383   color: black; 
    1384   background-color: yellow; 
    1385   text-decoration: none; 
    1386 } 
    1387 #freeBusy a:hover { 
    1388   /* required for eventTip to hover correctly; 
    1389      apply only to the hover pseudo class, or 
    1390      the other anchors nearby will cover the eventTip in IE */ 
    1391   position: relative; 
    1392 } 
    1393 #freeBusy a span.eventTip { 
    1394   display: none; 
    1395 } 
    1396 #freeBusy a:hover span.eventTip { 
    1397   display: block; 
    1398   position: absolute; 
    1399   width: 8em; 
    1400   top: 3em; 
    1401   left: -4em; 
    1402   background-color: #ffe; 
    1403   color: black; 
    1404   padding: 4px; 
    1405   border: 2px solid #999; 
    1406 } 
    1407 #freeBusy #timezonesDropDown { 
    1408   width: 14em; 
    1409   font-size: 8pt; 
    1410   margin: 0 0 0 2em; 
    1411 } 
    1412 #freeBusy #timezonesButton { 
    1413   font-size: 8pt; 
    1414 } 
    1415 #bedework #sharingBox { 
    1416   margin: 0; 
    1417   border-top: 2px solid #999; 
    1418   padding: 1em 1em 2em 1em; 
    1419 } 
    1420 #bedework #bwEventTab-Access #sharingBox { 
    1421   border-top: none; 
    1422 } 
    1423 #bedework #sharingBox h3, 
    1424 #bedework #sharingBox h5 { 
    1425   padding: 0 0 0.5em 0; 
    1426 } 
    1427 #bedework #sharingBox ul { 
    1428   font-size: 0.8em; 
    1429   margin: 0 1em; 
    1430 } 
    1431 #bedework #sharingBox p { 
    1432   font-size: 0.9em; 
    1433 } 
    1434 #bedework #shareForm { 
    1435   margin: 1em 0; 
    1436   padding: 0; 
    1437 } 
    1438 #bedework #shareFormTable td { 
    1439   border: 1px solid #666; 
    1440   padding: 0 0 0.5em 0; 
    1441 } 
    1442 #bedework #shareFormTable h5 { 
    1443   background: #e5e5e5; 
    1444   color: black; 
    1445   margin: 0; 
    1446   padding: 4px; 
    1447 } 
    1448 #bedework #shareFormTable #accessRightsToggle { 
    1449   float: right; 
    1450   font-weight: normal; 
    1451   font-size: 0.8em; 
    1452 } 
    1453 #bedework #shareFormTable .whoTypes { 
    1454   margin: 1em; 
    1455 } 
    1456 #bedework #howTable { 
    1457   border: none; 
    1458   padding: 0; 
    1459   margin: 0; 
    1460   font-size: 0.8em; 
    1461   width: 100%; 
    1462 } 
    1463 #bedework #howTable th { 
    1464   color: white; 
    1465   background-color: #999; 
    1466   font-weight: normal; 
    1467 } 
    1468 #bedework #howTable td { 
    1469   white-space: nowrap; 
    1470   border-top: 1px dotted #ccc; 
    1471   border-right: none; 
    1472   border-left: none; 
    1473   border-bottom: none; 
    1474   text-align: center; 
    1475 } 
    1476 #bedework #howTable td.level1 { 
    1477   text-align: left; 
    1478   font-weight: bold; 
    1479 } 
    1480 #bedework #howTable td.level2 { 
    1481   padding-left: 2em; 
    1482   text-align: left; 
    1483   font-weight: bold; 
    1484 } 
    1485 #bedework #howTable td.level3 { 
    1486   padding-left: 4em; 
    1487   text-align: left; 
    1488 } 
    1489 #bedework #howTable td.level4 { 
    1490   padding-left: 6em; 
    1491   text-align: left; 
    1492 } 
    1493 #bedework #howTable td.level5 { 
    1494   padding-left: 8em; 
    1495   text-align: left; 
    1496 } 
    1497 #bedework #howList { 
    1498   margin: 0; 
    1499   padding: 1em 0; 
    1500 } 
    1501 #bedework #howList ul { 
    1502   margin: 0 0 0 2em; 
    1503   padding: 0 0 0.5em 0; 
    1504 } 
    1505 #bedework #howList li { 
    1506   list-style-type: none; 
    1507   margin-left: 0; 
    1508   font-size: 11px; 
    1509669} 
    1510670/* Footer */ 
    …… 
    1528688  font-size: 0.7em; 
    1529689  color: #333; 
    1530   background-color: inherit; 
     690  background-color: #ddd; 
    1531691} 
    1532692#bedework #subfoot a { 
    …… 
    1549709  color: red; 
    1550710  background-color: transparent; 
    1551   text-decoration: underline; 
     711  text-decoration: none; 
    1552712} 
    1553713#bedework span.time { 

  • trunk/deployment/websubmit/webapp/resources/demoskins/default/default/default.xsl

    r1598 r1599  
    344344    <div id="instructions"> 
    345345      <div id="bwHelp-Details"> 
    346         <strong>Step 1:</strong> Enter your basic event information. 
    347         <a href="javascript:show('bwEventTab-Location','bwHelp-Location'); hide('bwEventTab-Details','bwHelp-Details');"> 
    348           next&gt; 
    349         </a> 
     346        <div class="navButtons"> 
     347          <a href="javascript:show('bwEventTab-Location','bwHelp-Location'); hide('bwEventTab-Details','bwHelp-Details');"> 
     348            next 
     349            <img alt="previous" 
     350              src="{$resourcesRoot}/resources/arrowRight.gif" 
     351              width="13" 
     352              height="13" 
     353              border="0"/> 
     354          </a> 
     355        </div> 
     356        <strong>Step 1:</strong> Event Details 
    350357      </div> 
    351358      <div id="bwHelp-Location" class="invisible"> 
    352         <strong>Step 2:</strong> Enter your location. 
    353         <a href="javascript:show('bwEventTab-Details','bwHelp-Details'); hide('bwEventTab-Location','bwHelp-Location');"> 
    354           &lt;prev 
    355         </a> 
    356         <a href="javascript:show('bwEventTab-Contact','bwHelp-Contact'); hide('bwEventTab-Location','bwHelp-Location');"> 
    357           next&gt; 
    358         </a> 
     359        <div class="navButtons"> 
     360          <a href="javascript:show('bwEventTab-Details','bwHelp-Details'); hide('bwEventTab-Location','bwHelp-Location');"> 
     361            <img alt="previous" 
     362              src="{$resourcesRoot}/resources/arrowLeft.gif" 
     363              width="13" 
     364              height="13" 
     365              border="0"/> 
     366          previous</a> | 
     367          <a href="javascript:show('bwEventTab-Contact','bwHelp-Contact'); hide('bwEventTab-Location','bwHelp-Location');"> 
     368            next 
     369            <img alt="previous" 
     370              src="{$resourcesRoot}/resources/arrowRight.gif" 
     371              width="13" 
     372              height="13" 
     373              border="0"/> 
     374          </a> 
     375        </div> 
     376        <strong>Step 2:</strong> Location 
    359377      </div> 
    360378      <div id="bwHelp-Contact" class="invisible"> 
    361           <strong>Step 3:</strong> Select an event contact. 
     379        <div class="navButtons"> 
    362380          <a href="javascript:show('bwEventTab-Location','bwHelp-Location'); hide('bwHelp-Contact','bwEventTab-Contact');"> 
    363             &lt;prev 
     381            <img alt="previous" 
     382              src="{$resourcesRoot}/resources/arrowLeft.gif" 
     383              width="13" 
     384              height="13" 
     385              border="0"/> 
     386          previous</a> | 
     387          <a href="javascript:show('bwEventTab-Categories','bwHelp-Categories'); hide('bwHelp-Contact','bwEventTab-Contact');"> 
     388            next 
     389            <img alt="previous" 
     390              src="{$resourcesRoot}/resources/arrowRight.gif" 
     391              width="13" 
     392              height="13" 
     393              border="0"/> 
    364394          </a> 
    365           <a href="javascript:show('bwEventTab-Categories','bwHelp-Categories'); hide('bwHelp-Contact','bwEventTab-Contact');"> 
    366             next&gt; 
    367           </a> 
    368         </div> 
     395        </div> 
     396        <strong>Step 3:</strong> Contact 
     397      </div> 
    369398      <div id="bwHelp-Categories" class="invisible"> 
    370         <strong>Step 4:</strong> Select categories. 
    371         <a href="javascript:show('bwEventTab-Contact','bwHelp-Contact'); hide('bwHelp-Categories','bwEventTab-Categories');"> 
    372           &lt;prev 
    373         </a> 
    374         <div class="eventSubmitButtons"> 
    375           <input name="submit" type="submit" value="submit for approval"/> 
    376           <input name="cancelled" type="submit" value="cancel"/> 
    377         </div> 
     399        <div class="navButtons"> 
     400          <a href="javascript:show('bwEventTab-Contact','bwHelp-Contact'); hide('bwHelp-Categories','bwEventTab-Categories');"> 
     401            <img alt="previous" 
     402              src="{$resourcesRoot}/resources/arrowLeft.gif" 
     403              width="13" 
     404              height="13" 
     405              border="0"/> 
     406          previous</a> 
     407          <span class="hidden"> 
     408            <xsl:text> </xsl:text>| next 
     409            <img alt="previous" 
     410              src="{$resourcesRoot}/resources/arrowRight.gif" 
     411              width="13" 
     412              height="13" 
     413              border="0"/> 
     414          </span> 
     415          <div class="eventSubmitButtons"> 
     416            <input name="submit" class="submit" type="submit" value="submit for approval"/> 
     417            <input name="cancelled" type="submit" value="cancel"/> 
     418          </div> 
     419        </div> 
     420        <strong>Step 4:</strong> Categories 
    378421      </div> 
    379422    </div> 
    …… 
    818861      <!-- ============== --> 
    819862      <div id="bwEventTab-Location" class="invisible"> 
    820         <span class="std-text">Choose: </span> 
    821         <span id="eventFormLocationList"> 
    822           <select name="locationUid"> 
    823             <option value="">select...</option> 
    824             <xsl:copy-of select="form/location/locationmenu/select/*"/> 
    825           </select> 
    826         </span> 
     863        <div class="mainForm"> 
     864          Choose: 
     865          <span id="eventFormLocationList"> 
     866            <select name="locationUid"> 
     867              <option value="">Select an existing location...</option> 
     868              <xsl:copy-of select="form/location/locationmenu/select/*"/> 
     869            </select> 
     870          </span> 
     871        </div> 
     872        <p class="subFormMessage"> 
     873          Didn't find the location?  Suggest a new one: 
     874        </p> 
     875        <div class="subForm"> 
     876          <p> 
     877            <label for="commentLocationAddress">Address: </label> 
     878            <input type="text" name="commentLocationAddress"/> 
     879          </p> 
     880          <p> 
     881            <label for="commentLocationSubaddress">Sub-address: </label><input type="text" name="commentLocationSubaddress"/> 
     882          </p> 
     883          <p> 
     884            <label for="commentLocationURL">URL: </label><input type="text" name="commentLocationURL"/> 
     885          </p> 
     886        </div> 
    827887      </div> 
    828888 
    …… 
    830890      <!-- ============== --> 
    831891      <div id="bwEventTab-Contact" class="invisible"> 
    832         <p><strong>Select a contact:</strong></p> 
    833         <xsl:if test="form/contact/preferred/select/option"> 
    834           <select name="prefContactId" id="eventFormContactList"> 
     892        <div class="mainForm"> 
     893          Choose: 
     894          <select name="allContactId" id="eventFormPrefContactList"> 
    835895            <option value=""> 
    836               Select preferred: 
    837             </option>option> 
    838             <xsl:copy-of select="form/contact/preferred/select/*"/> 
     896              Select an existing contact: 
     897            </option> 
     898            <xsl:copy-of select="form/contact/all/select/*"/> 
    839899          </select> 
    840           or Contact (all): 
    841         </xsl:if> 
    842         <select name="allContactId" id="eventFormPrefContactList"> 
    843           <option value=""> 
    844             Select: 
    845           </option> 
    846           <xsl:copy-of select="form/contact/all/select/*"/> 
    847         </select> 
     900        </div> 
     901        <p class="subFormMessage"> 
     902          Didn't find the contact you need?  Suggest a new one: 
     903        </p> 
     904        <div class="subForm"> 
     905          <p> 
     906            <label for="commentContactName">Organization Name: </label> 
     907            <input type="text" name="commentContactName"/> 
     908            <span class="note"> Please limit contacts to organizations, not individuals.</span> 
     909          </p> 
     910          <p> 
     911            <label for="commentContactPhone">Phone: </label><input type="text" name="commentContactPhone"/> 
     912          </p> 
     913          <p> 
     914            <label for="commentContactURL">URL: </label><input type="text" name="commentContactURL"/> 
     915          </p> 
     916          <p> 
     917            <label for="commentContactEmail">Email: </label><input type="text" name="commentContactEmail"/> 
     918          </p> 
     919        </div> 
    848920      </div> 
    849921