source: iPeer/app/webroot/css/ipeer.css @ 6602514

3.1.xdevhotfixpagodaboxticket463
Last change on this file since 6602514 was 6602514, checked in by Compass <pan.luo@…>, 6 years ago

Change the styles for evaluation result pages

  • Property mode set to 100644
File size: 23.8 KB
Line 
1html, body, div, span, applet, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, big, cite, code,
4del, dfn, em, img, ins, kbd, q, s, samp,
5small, strike, strong, sub, sup, tt, var,
6b, u, i, center,
7dl, dt, dd, ol, ul, li,
8fieldset, form, label, legend,
9table, caption, tbody, tfoot, thead, tr, th, td,
10article, aside, canvas, details, embed,
11figure, figcaption, footer, header, hgroup,
12menu, nav, output, ruby, section, summary,
13time, mark, audio, video {
14    margin: 0;
15    padding: 0;
16    border: 0;
17    font-size: 100%;
18    font: inherit;
19}
20/* html5 display-role reset for older browsers */
21article, aside, details, figcaption, figure,
22footer, header, hgroup, menu, nav, section {
23    display: block;
24}
25body {
26    line-height: 1;
27}
28ol, ul {
29    list-style: none;
30}
31blockquote, q {
32    quotes: none;
33}
34blockquote:before, blockquote:after,
35q:before, q:after {
36    content: '';
37    content: none;
38}
39
40table {
41    border-collapse: collapse;
42    border-spacing: 0;
43}
44
45/* Start iPeer CSS */
46
47/* GLOBAL */
48body {
49    font-family: 'Lato', serif; /* provided by Google Web Fonts */
50    background-image: url(bg.gif);
51}
52
53/* Open Sans to enable font-weight: 600 */
54h1,h2,h3,h4,h5,h6,th {
55    font-family: 'Open Sans', serif; /* provided by Google Web Fonts */
56}
57
58p {
59    padding-top: 1em;
60    padding-bottom: 1em;
61    overflow: auto;
62}
63
64.floatleft {
65    float: left;
66}
67
68.floatright {
69    float: right;
70}
71
72.alignright {
73    text-align: right;
74}
75
76.pagewidth {
77    /* 780px is Wide enough for someone with a 800px device to
78     * view the whole app without horizontal scrolling. I assume
79     * most people's computers are at least 1024x768. However
80     * many smartphones have at least a 800x480 display now,
81     * so we shouldn't use a higher min width.
82     * */
83    min-width: 780px;
84    max-width: 1000px;
85    margin-left: auto;
86    margin-right: auto;
87    margin-top: 0.5em;
88}
89
90.hide {
91    display: none;
92}
93
94
95/* Input labels and boxes
96 * This section is only for styles that apply to ALL
97 * inputs. View specific styles should be added to
98 * their appropriate sections, particularly, the
99 * width of the text boxes.
100 * */
101.text {
102    margin: 0 auto;
103    width: 100%;
104}
105
106.text label, .password label, .textarea label, .select label, .checkbox label, .datetime label, .date label, .radio legend, .penaltyLabel, .file label
107{
108    float: left;
109    text-align: right;
110    clear: left;
111    padding: 0 1em 0 0;
112    width: 13em;
113}
114
115.text input, .password input, .textarea textarea, .select select,
116.datetime select, .date select, .penaltyInput input, .file input
117{   
118    margin: 0.35em 0.35em;
119    border-radius: 3px;
120    border: 1px solid #999;
121    clear: right;
122    padding: 0.3em 0.5em;
123}
124
125.radio input
126{
127    margin: 0.5em 0.5em 0.5em 1em;
128}
129
130.submit input {
131    margin: 0 auto;
132    margin-top: 1em;
133    min-width: 6em;
134    height: 2em;
135    font-weight: 600;
136    display: block;
137}
138
139a:link, a:visited {
140    text-decoration: none;
141}
142
143a:hover {
144    text-decoration: underline;
145}
146
147.center {
148    margin: 0 auto;
149}
150
151strong {
152    font-weight: 600;
153}
154
155.standardtable {
156    width: 100%;
157}
158
159.standardtable th {
160    padding: 0.4em 0.1em;
161    background-color: khaki;
162    font-weight: 600;
163    font-size: 0.95em;
164    border-left: 2px solid white;
165    border-bottom: 2px solid white;
166}
167
168.standardtable td {
169    border-left: 2px solid white;
170    border-bottom: 2px solid white;
171    padding: 0.4em 0.1em;
172    background-color: lightgoldenrodyellow;
173    text-align: center;
174}
175
176.standardtable #details td {
177    background-color: #F1F1F1;
178}
179
180.standardtable table td {
181    border: none;
182}
183
184/* css for timepicker */
185div.ui-datepicker { font-size: 0.85em; }
186.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
187.ui-timepicker-div dl { text-align: left; }
188.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
189.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
190.ui-timepicker-div td { font-size: 90%; }
191.ui-tpicker-grid-label { background:none; border: none; margin: 0; padding: 0; }
192
193/* BANNER */
194.banner {
195    border-top-left-radius: 8px;
196    border-top-right-radius: 8px;
197    border: 1px solid #ddd;
198    border-bottom: none;
199    background-color: #f4f4f4;
200}
201
202#bannerLarge {
203    height: 98px;
204    background-image: url('../img/layout/banner_back_noborder.gif');
205    background-repeat: repeat-x;
206}
207
208#bannerLogoImgLeft {
209    padding-left: 1.5em;
210}
211
212#bannerLogoImgRight {
213    padding-right: 1.5em;
214}
215
216#bannerLogoText {
217    padding-top: 50px;
218    font-size: 1em;
219    font-weight: 600; color: white;
220    text-shadow: 0 0 7px #222
221}
222
223/* NAVIGATION */
224#navigationOuter {
225    border: 1px solid #ddd;
226    border-top: none;
227}
228
229.navigation ul {
230    padding: 0.5em 0; /* needed to expand the div, keep a from overflowing the ul */
231    background-color: #0a2a64;
232}
233
234.navigation li {
235    display: inline;
236    list-style: none;
237    text-align: center;
238}
239
240.navigation a {
241    border-right: 1px solid #ddd;
242    border-top: 1px solid #ddd;
243    color: white;
244    font-weight: 600;
245    text-align: center;
246    padding: 0.5em;
247    padding-left: 0.6em;
248    text-decoration: none;
249}
250
251.navigation a:hover,a:active {
252    background-color: yellow;
253    color: #111;
254}
255
256.navigation #current a {
257    color: #111;
258    background-color: gold;
259}
260
261.navigation .miniLinks {
262    font-family: 'Open Sans', serif;
263    font-size: 0.8em;
264    border: none;
265    margin-right: 0.5em;
266    padding: 0.5em 1em;
267}
268
269/* CONTENT CONTAINER */
270.containerOuter {
271    border-radius: 10px;
272    border: 1px solid #777;
273    padding: 0.4em;
274    background: white;
275    box-shadow: 0 0 5px #555;
276}
277
278.message, .error-message {
279    margin-top: 0.5em;
280    margin-bottom: 1em;
281    clear: left;
282    padding: 0.7em;
283    font-weight: 600;
284    text-align: center;
285}
286
287.good-message {
288    border: 2px solid green;
289}
290
291/* authMessage is only used for cake generated login errors. */
292#flashMessage, #authMessage, .error-message {
293    color: #990044;
294    border: 2px solid #990044;
295}
296
297.red {
298    color: red;
299}
300
301.green {
302    color: green;
303}
304
305.orangered {
306    color: orangered;
307}
308
309h1.title {
310    margin: 0.5em 0;
311    font-weight: 600;
312    background: #eee;
313    border: 1px solid #ddd;
314    padding: 0.3em 0.5em;
315}
316
317h2 {
318    margin: 1em 0;
319    font-size: 1.3em;
320    font-weight: 600;
321}
322
323h3 {
324    margin: 1em 0;
325    font-weight: 600;
326}
327
328h4 {
329    margin: 0.5em 0;
330}
331
332i {
333    font-style: italic;
334}
335
336/* FOOTER */
337#footer {
338    font-size: 0.72em;
339    padding-top: 0.5em;
340    color: #333;
341    text-align: center;
342}
343
344/* DEBUG */
345#debugsection {
346    margin: 2em;
347    font-size: 0.8em;
348}
349
350#debugsection h5 {
351    padding: 0.5em;
352    font-size: 1em;
353    font-weight: 600;
354    background-color: #ccff99;
355}
356
357#debugsection pre {
358    padding: 0.5em;
359}
360
361#debugsection table {
362    width: 100%;
363}
364
365/* LOGIN BOX */
366.login {
367    width: 20em;
368    margin: 1em auto;
369    border: 1px solid crimson;
370}
371
372.login h4 {
373    background-color: crimson;
374    color: white;
375    margin: 0;
376    padding: 0.5em;
377    font-weight: 600;
378}
379
380.login .text label, .login .password label {
381    width: 20%;
382}
383
384.login .text input, .login .password input {
385    width: 60%;
386}
387
388.login form {
389    padding: 1em;
390    padding-right: 0;
391}
392
393/* HOME */
394/* for admins and instructors */
395.course {
396    margin-bottom: 1em;
397    background-color: lightgoldenrodyellow;
398}
399
400.course h3 {
401    background-color: khaki;
402    padding: 0.5em;
403}
404
405.course a:link h3, .course a:visited h3 {
406    color: black;
407}
408
409.course h4 {
410    padding: 0.5em;
411}
412
413.course h4 ul {
414    display: inline;
415}
416
417.course h4 li {
418    display: inline;
419    padding-right: 1em;
420}
421
422.course table {
423    margin: 0.5em;
424    width: 100%;
425}
426
427.course th {
428    width: 33%;
429    text-align: left;
430    font-weight: 600;
431    padding: 0.5em;
432}
433
434.course td {
435    padding: 0.5em;
436}
437
438.course img {
439    padding-right: 0.5em;
440}
441
442.toggle {
443    font-size: 0.8em;
444}
445
446#short_help h5 {
447    font-weight: 600;
448    padding: 0.5em;
449}
450
451#short_help {
452    font-size: 0.8em;
453}
454
455#short_help ol {
456    list-style-type: decimal;
457    margin-left: 0;
458    padding-left: 3em;
459    padding-bottom: 0.5em;
460}
461
462#short_help li {
463    padding-bottom: 0.5em;
464}
465
466/* student home */
467
468#StudentHome .eventSummary {
469    text-align: center;
470    padding: 0.3em;
471    margin-bottom: 0.1em;
472}
473
474#StudentHome .overdue {
475    background: lightcoral;
476}
477
478#StudentHome .pending {
479    background: lightsalmon;
480}
481
482#StudentHome .alldone {
483    background: lightgreen;
484}
485
486/* Emailtemplate Form settings */
487
488/* view */
489
490#EmailtemplateViewForm .text input {
491    width: 21em;
492}
493
494#EmailtemplateViewForm .textarea textarea {
495    width: 21.5em;
496}
497
498#EmailtemplateViewForm .radio input {
499    margin: 0.65em;
500}
501
502#EmailtemplateViewForm .submit {
503    width: 10em;
504    margin: 1em auto;
505}
506
507#EmailtemplateViewForm fieldset {
508    clear: both;
509}
510
511/* add and edit */
512
513#EmailtemplateAddForm .radio fieldset {
514    margin-top: 0.5em;
515    margin-bottom: 0.5em;
516    clear: both;
517}
518
519/* makes the text boxes bigger */
520#EmailtemplateAddForm .text input {
521    width: 21em;
522}
523
524
525#EmailtemplateAddForm .textarea textarea {
526    width: 21.5em;
527}
528
529#EmailtemplateEditForm fieldset {
530    clear: both;
531}
532
533/* Emailer write */
534
535#EmailerWrite td {
536    text-align: left;
537}
538
539/* edit profile - Oauth section */
540
541.oauth {
542    margin: 0.5em;
543}
544
545.oauth p{
546    padding-bottom: 0em;
547}
548
549.oauth label, .oauth img,
550.oauth #add{
551    display: inline-block;
552}
553
554.oauth #key {
555    width: 14em;
556}
557
558.oauth #secret {
559    margin-left: 2em;
560    width: 20em;
561}
562
563.oauth select {
564    margin-left: 3.5em;
565}
566
567.oauth #delete {
568    margin-left: 2em;
569}
570
571.oauth #add, .oauth #comment{
572    margin-bottom: 1em;
573}
574
575/* oauthClients add form */
576
577.oauthClients form label {
578    margin-top: 0.25em;
579}
580
581/* oauthTokens add form */
582
583.oauthTokens form label {
584    margin-top: 0.25em;
585}
586
587
588/* POPUP */
589
590
591#pop_container {
592    width: 95%;
593    margin: 0.5em auto;
594}
595
596#pop_container table {
597    width: 100%;
598    margin-top: 0.5em;
599}
600
601#pop_container h1 {
602    text-align: center;
603}
604
605#bannerSmall {
606    background-image: url(small_header_back.gif);
607    background-repeat: repeat=x;
608}
609
610#bannerSmall img {
611    display: block;
612    margin: 0 auto;
613}
614
615/* COURSE */
616
617.course_actions {
618    margin-bottom: 0.5em;
619}
620
621.course_submenu {
622    margin: 1em 0;
623    width: 49.6%;
624    vertical-align: top;
625    display: inline-block;
626}
627
628.course_submenu h3 {
629    background-color: #EAEAEA;
630    color: #0A2C64;
631    font-weight: 600;
632    padding: 0.5em;
633}
634
635.course_submenu ul {
636    background-color: white;
637}
638
639.course_submenu li {
640    padding-left: 2em;
641    margin-top: 1em;
642    background-image: url("../img/layout/yellow_arrow.gif");
643    background-repeat: no-repeat;
644    background-position: 0.5em;
645}
646
647/* USERS */
648
649/* users/add users/edit */
650#UserForm .text label {
651    width: 13em;
652    margin-top: 0.3em;
653}
654
655#UserForm .select label {
656    width: 13em;
657    margin-top: 0.5em;
658}
659
660#UserForm .checkbox label {
661    float: none;
662}
663
664#UserForm .checkbox {
665    vertical-align: middle;
666    margin-top: 0.5em;
667    margin-left: 3em;
668}
669
670#UserForm #usernameErr {
671    margin-left: 14em;
672}
673
674#UserForm select {
675    width: 13em;
676    margin-top: 0.5em;
677    margin-bottom: 0.3em;
678    background: transparent;
679    font-size: 1em;
680}
681
682#UserForm .select .checkbox {
683    margin-left: 14em;
684}
685
686#UserForm .select .checkbox label {
687    width: 30em;
688    text-align: left;
689}
690
691#UserForm .select .checkbox input {
692    margin-right: 0.5em;
693}
694
695#UserForm .text input {
696    width: 21em;
697}
698
699#UserForm #email {
700    margin: 0 0.5em 1em 16em;
701    float: none;
702}
703
704#UserForm .submit input{
705    width: 12em;
706    margin: 2em;
707}
708
709#UserForm .submit {
710    clear: both;
711    display: inline-block;
712}
713
714#UserForm .email.required {
715    clear: both;
716    margin-left: 14em;
717    margin-bottom: 0.5em;
718    margin-top: 0.5em;
719}
720
721#UserForm .email.required label {
722    margin-left: 0.5em;
723}
724
725#UserForm .input.select {
726    margin-bottom: 1em;
727}
728
729#UserForm .buttons {
730    margin-left: 14em;
731}
732
733/* users/goToClassList/ */
734
735.userActionPanel {
736    width: 100%;
737    background-color: wheat;
738    padding: 0.2em 0;
739    margin: 0;
740}
741.userActionPanel ul {
742    text-align: center;
743    width: 100%;
744}
745.userActionPanel li {
746    padding: 0 1em;
747    text-align: center;
748    display: inline;
749    list-style: none;
750}
751
752/* users/view */
753
754.userViewTable {
755    width: 100%;
756}
757
758/* users/import */
759
760#UserImport ul li {
761    list-style-type: circle;
762    list-style-position: inside;
763    margin: 0.5em;
764}
765
766#UserImport .file input {
767    width: 25em;
768}
769
770/* Courses */
771
772/* courses/add */
773
774#CourseAddForm .text label, #CourseAddForm .select label {
775    width: 13em;
776}
777
778#CourseAddForm .text input {
779    width: 21em;
780    text-align: left;
781}
782
783#CourseAddForm .select #status {
784    margin-top: 0.7em;
785    margin-bottom: 1em;
786}
787
788#CourseAddForm .input input{
789    margin-right: 10em;
790    position: relative;
791}
792
793#CourseAddForm .submit {
794    width: 10em;
795    margin: 1em auto;
796}
797
798/* courses/edit */
799
800#CourseEditForm .text label, #CourseEditForm .select label {
801    width: 13em;
802}
803
804#CourseEditForm .text input {
805    width: 21em;
806    text-align: left;
807}
808
809#CourseEditForm .select #status {
810    margin-top: 0.7em;
811    margin-bottom: 1em;
812}
813
814#CourseEditForm .select #instruct {
815    margin-top: 0.5em;
816}
817
818#CourseEditForm .input input{
819    margin-right: 10em;
820    position: relative;
821}
822
823#CourseEditForm .submit {
824    width: 10em;
825    margin: 1em auto;
826}
827
828/* PAGES/ADMIN */
829
830.adminpage ul {
831    margin: 1em;
832}
833.adminpage li {
834    list-style: circle inside;
835    margin: 0.5em;
836}
837
838/* EVENTS */
839
840/* events/add */
841
842.penaltyInput {
843    display: block;
844}
845
846.penaltyInLabel {
847    margin-left: 0.5em;
848    margin-right: 1em;
849}
850
851.penaltyInput input {
852    width: 2em;
853}
854
855.addPenaltyButton {
856    display: block;
857    margin-left: 19em;
858    margin-top: 0.5em;
859    margin-bottom: 0.5em;
860    width: 10em;
861}
862
863/* events/edit */
864
865#Events fieldset, #Events .submit {
866    clear: both;
867}
868
869#Events .select {
870    margin-top: 0.5em;
871    margin-bottom: 0.5em;
872}
873
874#Events .text label, #Events .password label,
875#Events .textarea label, #Events .select label,
876#Events .datetime label, #Events .radio legend,
877#Events .penaltyLabel{
878    width: 18em;
879}
880
881#Events .courseLabel{
882    display: inline-block;
883    text-align: right;
884    width: 18em;
885    margin-bottom: 0.5em;
886}
887
888#Events .course {
889    margin-left: 1em;
890    background-color: white;
891}
892
893#Events label {
894    margin-top: 0.25em;
895}
896
897
898/* Survey Results */
899
900#SurveyResults ol {
901    list-style-type: lower-alpha;
902    margin-left: 8.5em;
903}
904
905#SurveyResults ul {
906    list-style-type: circle;
907    margin-left: 8em;
908}
909
910#SurveyResults p {
911    margin-left: 7em;
912}
913
914#SurveyResults h3 {
915    margin-left: 3.5em;
916}
917
918/* ajax pagination */
919
920.ajax_paginate {
921        border: 1px solid #aaa;
922        -webkit-border-radius: 5px;
923        -moz-border-radius: 5px;
924        border-radius: 5px;
925        padding: 2px 5px;
926        /*margin: 0 3px;*/
927        cursor: pointer;
928        *cursor: hand;
929        color: #333 !important;
930        background-color: #DDD;
931}
932
933.selected_number{
934        border: 1px solid #aaa;
935        -webkit-border-radius: 5px;
936        -moz-border-radius: 5px;
937        border-radius: 5px;
938        padding: 2px 5px;
939        /*margin: 0 3px;*/
940        cursor: pointer;
941        *cursor: hand;
942        color: #333 !important;
943    background-color: #99B3FF;
944}
945
946.ajax_paginate:hover {
947    background-color: #ccc;
948    text-decoration: none;
949}
950
951#ajaxListDiv {
952    font-size: 0.9em;
953}
954
955#ajaxListDiv .timestamp {
956    font-size: 0.8em;
957    text-align: left;
958    width: 33%;
959}
960
961#ajaxListDiv .total-result {
962    text-align: center; 
963    width: 33%;
964    font-weight: 600;
965    font-size: 100%
966}
967
968/* EVALTOOLS */
969
970.evaltoolsnav {
971    margin-top: 1em;
972}
973
974.evaltoolsnav ul {
975    padding-bottom: 1em;
976}
977
978.evaltoolsnav li {
979    display: inline;
980    list-style: none;
981    border-left: 1px solid white;
982}
983
984.evaltoolsnav a {
985    color: white;
986    font-weight: 600;
987    font-size: 0.9em;
988    background-color: #0A2C64;
989    text-decoration: none;
990    padding: 0.5em;
991}
992
993.evaltoolsnav a:hover {
994    background-color: yellow;
995    color: #111;
996}
997
998.evaltoolsnav .current a {
999    background-color: gold;
1000    color: #111;
1001}
1002
1003.evaltoolsadd {
1004    margin-bottom: 0.5em;
1005}
1006
1007/* TO BE REFACTORED LATER */
1008
1009/* TEMPORARY */
1010
1011.tableheader {
1012    font-weight: 600;
1013    color: #FFFFFF;
1014    background-color: #4478AC;
1015}
1016
1017.tableheader td, .tableheader th {
1018    padding: 0.3em;
1019}
1020
1021.tablesubheader td {
1022    padding: 0.3em;
1023    font-weight: 600;
1024    color: #FFFFFF;
1025    background-color: #3E83B6;
1026}
1027
1028.tablesummary {
1029    font-weight: 600;
1030    color: #000000;
1031    background-color: #99cc99;
1032}
1033
1034.tableheader a:link, .tableheader a:visited {
1035    color: white;
1036}
1037
1038.tableheader2 {
1039    font-weight: 600;
1040    color: #000;
1041    background-color: #C0C0C0;
1042}
1043
1044.searchtable1 {
1045    font-weight: 600;
1046    color: #000000;
1047    background-color: #cc9933;
1048}
1049
1050.searchtable2 {
1051    font-weight: 600;
1052    color: #000000;
1053    background-color: #cccc00;
1054}
1055
1056.searchtable3 {
1057    font-weight: 600;
1058    color: #000000;
1059    background-color: #99cc99;
1060}
1061
1062.tablecell {
1063    color: #000000;
1064    background-color: #EAEAEA;
1065}
1066
1067.tablecell td {
1068    padding: 0.4em;
1069}
1070
1071.tablecell:hover {
1072    background-color: #C7D0E7;
1073}
1074.tablecell2 {
1075    color: #000000;
1076}
1077
1078.panelheader{
1079    border : 5px solid khaki;
1080    background-color : khaki;
1081    color : #666666;
1082}
1083
1084.mdHover {
1085    border : 5px solid #C7D0E7;
1086    background-color : #C7D0E7;
1087    color : #FA7E04;
1088}
1089.mdClicked {
1090    border : 5px solid #C7D0E7;
1091    background-color : #C7D0E7;
1092    color : #FA7E04;
1093}
1094.mdSelected {
1095    border : 5px solid khaki;
1096    background-color : khaki;
1097    color : #000000;
1098}
1099.panelContent {
1100    border : 5px solid white;
1101    border-top-width    : 0px;
1102    border-bottom-width : 0px;
1103    background-color: white;
1104    font-weight:normal;
1105    font-size: 0.9em;
1106}
1107.panelContent img {
1108    vertical-align: middle;
1109}
1110#accordion {
1111    border-bottom : 1px solid #24588C;
1112    margin-top : 6px;
1113    font-weight:600;
1114}
1115
1116/* Home styles */
1117
1118
1119.button-row {
1120    margin: 0.5em 0 0.5em 0;
1121}
1122
1123.button-row ul {
1124    margin: 0;
1125    margin-bottom: 1em;
1126    padding: 0;
1127    list-style: none;
1128    text-align: right;
1129}
1130
1131.button-row li {
1132    display: inline;
1133    margin: 0 0 0 1em;
1134    padding: 0;
1135}
1136
1137/* No clue what these does */
1138
1139table.form-table {
1140    width: 100%;
1141    border-width: 0;
1142    border-collapse: separate;
1143    border-spacing: 2px;
1144    margin: 2em 0 0 0;
1145}
1146
1147table.form-table td {
1148    border-width: 0;
1149    padding: 4px;
1150}
1151
1152table.list-table {
1153    width: 100%;
1154    border-width: 0;
1155    border-collapse: separate;
1156    border-spacing: 2px;
1157    margin: 2em 0 0 0;
1158}
1159
1160table.list-table td {
1161    border-width: 0;
1162    padding: 2px;
1163}
1164
1165table.content-table {
1166    width: 95%;
1167    border-width: 0;
1168    border-collapse: separate;
1169    border-spacing: 2px;
1170    margin: 0 auto 0 auto;
1171}
1172
1173
1174.add-button {
1175    background:url('/img/icons/add.gif') center left no-repeat;
1176    padding: 0 0 0 20px;
1177    white-space:nowrap;
1178    font-size: 0.9em;
1179}
1180
1181.delete-button {
1182    background:url('/img/icons/delete.gif') center left no-repeat;
1183    padding: 0 0 0 20px;
1184    white-space:nowrap;
1185    font-size: 0.9em;
1186}
1187
1188.edit-button {
1189    background:url('/img/icons/edit.gif') center left no-repeat;
1190    padding: 0 0 0 20px;
1191    white-space:nowrap;
1192    font-size: 0.9em;
1193}
1194
1195.export-excel-button {
1196    background:url('/img/icons/export_excel.gif') center left no-repeat;
1197    padding: 0 0 0 20px;
1198    white-space:nowrap;
1199    font-size: 0.9em;
1200}
1201
1202.instruction-icon {
1203    background:url('/img/icons/instructions.gif') center left no-repeat;
1204    padding: 0 0 0 20px;
1205    white-space:nowrap;
1206    font-size: 0.9em;
1207}
1208
1209.button {
1210    padding: 0 0 0 20px;
1211    white-space:nowrap;
1212    font-size: 0.9em;
1213}
1214
1215.question {
1216    margin: 0.8em 0 0.8em 0;
1217    overflow: visible;
1218    position: relative;
1219}
1220
1221.question-tab {
1222    float: left;
1223    color: white;
1224    border: 0px solid red;
1225    background-color: #4478AC;
1226    text-align: center;
1227    cursor: move;
1228    padding: 0.6em 0.3em;
1229}
1230
1231.question-content {
1232    background-color: #EAEAEA;
1233    height: 100%;
1234    padding: 0 0 0 35px;
1235}
1236
1237.question-content table {
1238    width: 100%;
1239    height: 100%;
1240}
1241
1242.multiplier {
1243    margin-left: 0.5em;
1244    display: inline;
1245}
1246
1247.remove-button {
1248    position: absolute;
1249    top: 3px;
1250    right: 3px;
1251    color: red;
1252    width: 20px;
1253    height: 20px;
1254    text-align: center;
1255    cursor: pointer;
1256}
1257
1258textarea.question-title-textarea, textarea.question-descriptor {
1259    width: 100%;
1260    height: 4em;
1261}
1262
1263.question-title {
1264    width: 97%;
1265}
1266
1267.question-instruction-textarea {
1268    width: 97%;
1269}
1270
1271.descriptor-title {
1272    margin: 0.5em 0;
1273    width: 150px;
1274    display: inline-block;
1275}
1276
1277.descriptors {
1278    overflow: auto;
1279    height: auto;
1280    white-space: nowrap;
1281}
1282
1283.descriptor {
1284    width: 150px;
1285    display: inline-block;
1286    white-space: normal;
1287    margin: 0 10px 0 0;
1288}
1289
1290.scale-weight {
1291    float: right;
1292    text-align: right;
1293    margin: 0.3em 0;
1294    margin-right: 15px;
1295}
1296
1297.scale-weight select {
1298    margin-left: 0.5em;
1299}
1300
1301.remove-descriptor-button {
1302    float: right;
1303}
1304
1305.text-button {
1306    cursor: pointer;
1307}
1308
1309#summary {
1310    text-align: right;
1311    background-color: #EAEAEA;
1312}
1313
1314#summary #total {
1315    width: 30px;
1316}
1317
1318#controls {
1319    text-align: right;
1320}
1321
1322/* evaluation result tables */
1323
1324.result-header-td {
1325    vertical-align: middle;
1326    font-weight: 600;
1327    color: #FFFFFF;
1328    background-color: #4478AC;
1329    font-size: 0.9em;
1330    height: 40px;
1331    padding: 0em;
1332}
1333
1334.inner-table-cell {
1335    padding: 0em;
1336}
1337
1338.group-members {
1339    height: 40px;
1340}
1341
1342.total-cell {
1343    height: 40px;
1344    width: 250px;
1345}
1346
1347.result-cell {
1348    height: 40px;
1349    width: 200px;
1350    padding: 0em;
1351}
1352
1353.inner-table {
1354    width: 100%;
1355    margin-top: 0em;
1356    table-layout: fixed;
1357}
1358
1359.outer-table {
1360    table-layout: fixed;
1361}
1362
1363.scrollbar {
1364    overflow-x: auto;
1365    overflow-y: hidden;
1366}
1367
1368table.full-size {
1369    width: 100%;
1370    border: 0px;
1371    font-size: 0.9em;
1372    text-align: left;
1373    margin-bottom: 2em;
1374}
1375
1376table.event-detail {
1377}
1378
1379.event-summary div.incompleted {
1380    color: red;
1381    margin: 1em 0 1em 1em;
1382    font-size: 0.9em;
1383}
1384
1385.event-summary div.incompleted ul {
1386    margin: 20px;
1387}
1388
1389.event-summary div.incompleted li {
1390    list-style-type: square;
1391    padding: 0.2em;
1392}
1393
1394ul.instructions {
1395    margin: 1em 0 1em 2em;
1396}
1397
1398ul.instructions li {
1399    list-style-type: square;
1400    padding: 0.2em;
1401}
1402
1403table.event-view {
1404    border-collapse:collapse;
1405}
1406
1407table.event-view tr.tablecell2 {
1408    background-color: #EAEAEA;
1409}
1410
1411table.event-view td {
1412    border: 1px solid white;
1413}
1414
1415table.event-view table td {
1416    border: 0;
1417}
1418
1419.text-button {
1420    -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
1421    -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
1422    box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
1423    color:#333;
1424    background-color: white;
1425    border-radius:3px;
1426    -moz-border-radius:3px;
1427    -webkit-border-radius:3px;
1428    border: 1px solid;
1429    height:32px;
1430    padding:4px 16px;
1431    text-decoration:none !important;
1432}
1433
1434table.group-list-chooser {
1435    margin: auto;
1436    border: none;
1437}
1438
1439table.group-list-chooser td{
1440    border: none;
1441    background-color: none;
1442}
1443
1444.group-list-chooser td.middle-column{
1445    width: 100px;
1446    vertical-align: middle;
1447}
1448
1449.group-list-chooser td.middle-column input {
1450    width: 100px;
1451    margin-bottom: 3em;
1452}
1453
1454.group-list-chooser tr.note {
1455    text-align: center;
1456    font-size: 0.9em;
1457}
1458
1459/* survey related */
1460.survey-prompt {
1461    margin: 1em 1em;
1462}
1463
1464.survey-response {
1465    padding: 1em 1em 2em 2em;
1466    border-bottom: 1px solid gray;
1467}
1468
1469.survey-response textarea {
1470    width: 50%;
1471    height: 7em;
1472}
1473
1474.survey-response input[type=text] {
1475    width: 50%;
1476}
1477
1478div#answers {
1479    margin-left: 14em;
1480}
1481
1482div#answers input {
1483    width: 60%;
1484}
1485
1486.top-button {
1487    background:url('/img/icons/top.gif') center left no-repeat;
1488    padding: 0 0.5em 0 1.5em;
1489    white-space:nowrap;
1490}
1491.up-button {
1492    background:url('/img/icons/up.gif') center left no-repeat;
1493    padding: 0 0.5em 0 1.5em;
1494    white-space:nowrap;
1495}
1496
1497.down-button {
1498    background:url('/img/icons/down.gif') center left no-repeat;
1499    padding: 0 0.5em 0 1.5em;
1500    white-space:nowrap;
1501}
1502
1503.bottom-button {
1504    background:url('/img/icons/bottom.gif') center left no-repeat;
1505    padding: 0 0.5em 0 1.5em;
1506    white-space:nowrap;
1507}
1508
1509/* public */
1510.small-font {
1511    font-size: 0.7em;
1512}
1513
1514button a:link {
1515    text-decoration: none;
1516}
1517
1518div.help-text {
1519    margin: 0.5em 0 1em 18em;
1520    font-size: 0.8em;
1521    color: gray;
1522}
1523
1524form div.input {
1525    margin: 0.5em 0 0 0;
1526}
1527
1528.ipeer-icon {
1529    background:url('/img/layout/icon_ipeer_logo.gif') center left no-repeat;
1530    padding: 0 0.5em 0 1.5em;
1531    white-space:nowrap;
1532}
Note: See TracBrowser for help on using the repository browser.