source: iPeer/app/webroot/css/ipeer.css @ 491567c

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

Change style for rubric pages

Removed unused cpt. change the page styles

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