styles.css

   1 .path-mod-attendance .attbtn {
   2     border: 1px solid #aaa;
   3     border-radius: 5px;
   4     margin-left: 2px;
   5     margin-right: 2px;
   6     padding: 5px;
   7 }
   8
   9 .path-mod-attendance .attcurbtn {
  10     margin-left: 2px;
  11     margin-right: 2px;
  12     padding: 5px;
  13 }
  14
  15 .path-mod-attendance .attfiltercontrols {
  16     margin-bottom: 10px;
  17     margin-left: auto;
  18     margin-right: auto;
  19     width: 90%;
  20 }
  21
  22 .path-mod-attendance .attfiltercontrols #currentdate {
  23     display: inline;
  24 }
  25
  26 .path-mod-attendance .attwidth {
  27     margin: auto;
  28     width: 90%;
  29 }
  30
  31 .path-mod-attendance .userwithoutenrol,
  32 .path-mod-attendance .userwithoutenrol a {
  33     color: gray;
  34 }
  35
  36 .path-mod-attendance .userwithoutdata,
  37 .path-mod-attendance .userwithoutdata a {
  38     color: red;
  39 }
  40
  41 .path-mod-attendance .takelist td {
  42     vertical-align: middle;
  43 }
  44
  45 .path-mod-attendance .takelist .userpicture {
  46     margin: 0 3px;
  47     vertical-align: middle;
  48 }
  49
  50 .path-mod-attendance .takegrid input {
  51     margin: 0 3px 0 6px;
  52 }
  53
  54 .path-mod-attendance .takegrid .fullname {
  55     font-size: 0.8em;
  56 }
  57
  58 .path-mod-attendance table.controls {
  59     text-align: center;
  60     width: 100%;
  61 }
  62
  63 .path-mod-attendance table.controls tr {
  64     vertical-align: top;
  65 }
  66
  67 .path-mod-attendance table.controls td.right,
  68 .path-mod-attendance table.controls td.left {
  69     padding: 4px;
  70 }
  71
  72 .path-mod-attendance table.controls .right {
  73     text-align: right;
  74 }
  75 /* for IE7*/
  76 .path-mod-attendance .filtercontrols td {
  77     padding: 6px;
  78 }
  79
  80 .path-mod-attendance .takecontrols {
  81     margin: 0 auto 20px auto;
  82     width: 800px;
  83 }
  84 .path-mod-attendance .takecontrols table {
  85     margin: 0 auto;
  86 }
  87 .path-mod-attendance .takecontrols .c0 {
  88     text-align: left;
  89     width: 500px;
  90 }
  91 .path-mod-attendance .takecontrols .c1 {
  92     text-align: right;
  93 }
  94
  95 .path-mod-attendance .inline,
  96 .path-mod-attendance .inline form,
  97 .path-mod-attendance .inline div {
  98     display: inline;
  99 }
 100
 101 .path-mod-attendance table.userinfobox {
 102     border: 1px solid #eee;
 103     padding: 0;
 104 }
 105 .path-mod-attendance table.userinfobox td.left {
 106     background-color: #eee;
 107     padding: 30px 10px;
 108 }
 109 .path-mod-attendance table.attlist td.c0 {
 110     text-align: right;
 111 }
 112
 113 #page-mod-attendance-preferences .generalbox {
 114     text-align: center;
 115 }
 116
 117 .path-mod-attendance .attsessions_manage_table .action-icon img.smallicon {
 118     margin-left: 5px;
 119 }
 120 #page-mod-attendance-sessions input[type="checkbox"] {
 121     margin-right: 2px;
 122 }
 123
 124 .path-mod-attendance .setallstatuses {
 125     text-align: right;
 126 }
 127
 128 .path-mod-attendance .remarkholder {
 129     position: relative;
 130 }
 131
 132 .path-mod-attendance .remarkholder .remarkcontent {
 133     background-color: white;
 134     border: 1px solid #ccc;
 135     border-radius: 3px;
 136     box-shadow: 3px 3px 5px #ccc;
 137     display: none;
 138     left: 20px;
 139     padding: 5px;
 140     position: absolute;
 141     top: 0;
 142     width: 150px;
 143     z-index: 5000;
 144 }
 145
 146 .path-mod-attendance .remarkholder:hover .remarkcontent {
 147     display: inline-block;
 148 }
 149
 150 .path-mod-attendance .attendancestatus-P {
 151     color: green;
 152 }
 153
 154 .path-mod-attendance .attendancestatus-E {
 155     color: #00aee3;
 156 }
 157
 158 .path-mod-attendance .attendancestatus-L {
 159     color: #f7931e;
 160 }
 161
 162 .path-mod-attendance .attendancestatus-A {
 163     color: red;
 164 }
 165
 166 .path-mod-attendance .attreport .contrast {
 167     background-color: #eaeaea;
 168 }
 169
 170 .path-mod-attendance .attreport .center {
 171     text-align: center;
 172 }
 173
 174 .path-mod-attendance .attreport .left {
 175     text-align: left;
 176 }
 177
 178 .path-mod-attendance .attreport .bottom {
 179     vertical-align: bottom;
 180 }
 181
 182 .path-mod-attendance .attreport .nowrap {
 183     white-space: nowrap;
 184 }
 185
 186 .path-mod-attendance .attreport .narrow {
 187     width: 1px;
 188 }
 189
 190 .path-mod-attendance .attreport img.userpicture {
 191     max-width: inherit;
 192 }
 193
 194 .path-mod-attendance .student-password {
 195     font-size: x-large;
 196     text-align: center;
 197 }
 198 .path-mod-attendance .ungraded {
 199     font-size: smaller;
 200     font-style: italic;
 201 }
 202 #page-mod-attendance-sessions .statusgroup .statusdesc {
 203     margin-right: 12px;
 204 }
 205
 206 #page-mod-attendance-view .averageattendance {
 207     font-weight: bold;
 208 }
 209
 210 #page-mod-attendance-preferences .form-control {
 211     width: inherit;
 212     display: inherit;
 213 }
 214
 215 @media (max-width: 767px) {
 216     .path-mod-attendance .remarkscol {
 217         display: none;
 218     }
 219
 220     .path-mod-attendance .statusgroup .form-check-inline {
 221         display: block;
 222         padding-top: 10px;
 223         padding-bottom: 10px;
 224     }
 225
 226     #page-mod-attendance-view .colatt {
 227         display: none;
 228     }
 229
 230     .path-mod-attendance .attfiltercontrols,
 231     .path-mod-attendance .attwidth {
 232         width: 100%;
 233     }
 234 }
 235
 236 @media (max-width: 480px) {
 237     .path-mod-attendance .desccol {
 238         display: none;
 239     }
 240
 241     .path-mod-attendance .pointscol {
 242         display: none;
 243     }
 244
 245     .path-mod-attendance .attfiltercontrols #currentdate {
 246         display: none;
 247     }
 248
 249     #page-mod-attendance-view .colsessionscompleted,
 250     #page-mod-attendance-view .colpointssessionscompleted {
 251         display: none;
 252     }
 253 }