style.css

   1 /*
   2
   3 red    = #ffb2d2 code
   4 blue   = #c5bcff comments
   5 yellow = #ffefb2 faculty
   6 green  = #deffb2 students
   7 lt grey= #666
   8
   9 */
  10 body {
  11     padding: 10px;
  12     margin: 10px;
  13     font-family: Tahoma, Arial, Helvetica, sans-serif;
  14     font-size: 15px;
  15 }
  16 .link_header {
  17         font-size: 20px;
  18         font-weight:bold;
  19 }
  20 .banner_header {
  21         font-size: 40px;
  22         font-weight:bold;
  23         color: #666;
  24 }
  25 .col {
  26         position: relative;
  27         float: left;
  28         left: 20px;
  29 }
  30 .col1 {
  31     position: relative;
  32     overflow: hidden;
  33     float: left;
  34     width: 20%;
  35     left: 10%;
  36 }
  37 .col2 {
  38     position: relative;
  39     overflow: hidden;
  40     float: left;
  41     width: 48%;
  42     left: 3%;
  43 }
  44 pre { margin: 0px }
  45 table.gridtable {
  46     color: #333333;
  47     border-width: 1px;
  48     border-color: #666666;
  49     border-collapse: collapse;
  50 }
  51 table.gridtable th {
  52     border-width: 1px;
  53     padding: 8px;
  54     border-style: solid;
  55     border-color: #666666;
  56     background-color: #dedede;
  57 }
  58 table.gridtable td {
  59     border-width: 1px;
  60     padding: 8px;
  61     border-style: solid;
  62     border-color: #666666;
  63     background-color: #ffffff;
  64 }
  65
  66 .login_menu {
  67         position: relative;
  68         float: right;
  69         top: 0px;
  70         right: 0px;
  71         padding-right: 10px;
  72 }
  73
  74 .logout_button {
  75         background-color: #f00;
  76         color: #fff;
  77 }
  78
  79 .logout_button:hover {
  80         background-color: #000;
  81         color: #f00;
  82 }
  83
  84 .main_menu {
  85         position: absolute;
  86         top: 0px;
  87         left: 0px;
  88         background-color: #ececec;
  89         border-bottom: 2px solid #000;
  90         width: 100%;
  91         padding-top: 5px;
  92         padding-bottom: 5px;
  93 }
  94
  95 .main_menu ul {
  96         margin: 0;
  97         padding: 0;
  98 }
  99
 100 .main_menu ul li {
 101         display: inline;
 102 }
 103
 104 .main_menu ul li a {
 105         float: left;
 106         text-decoration: none;
 107         margin-left: 25px;
 108 }
 109
 110 .main_menu ul li a:visited {
 111
 112         text-decoration: none;
 113 }
 114
 115 .main_menu ul li a:hover, .menu ul li .current {
 116     color: #000;
 117     border-bottom: 2px solid #000;
 118 }
 119
 120 /*
 121 .menu {
 122     width: 100%;
 123     margin: 10px;
 124     background: #eee none;
 125 }
 126 .menu ul {
 127     margin: 0;
 128     padding: 0;
 129     list-style-type: none;
 130     float: left;
 131 }
 132 .menu li {
 133     margin: 10px;
 134     padding: 0px;
 135     float: left;
 136 }
 137 .menu a {
 138     display: block;
 139     width: 100%;
 140     text-decoration: none;
 141 }
 142 .menu a:hover {
 143     color: #000;
 144     border-bottom: 2px solid #000;
 145 }
 146 */
 147
 148 .highlight { background: #fff }
 149 .line_numbers {
 150     background-color: #ececec;
 151     color: #aaa;
 152     padding: 1em .5em;
 153     border-right: 1px solid #ddd;
 154     text-align: right;
 155 }
 156 /* .file {border:1px solid #ddd; } _NO__DOTCOMMA__AFTER__*/
 157 .file_head {
 158     padding-left: 15px;
 159     padding-top: 3px;
 160     border: 1px solid #000;
 161     background-color: #c5bcff;
 162 }
 163 .file_head_late {
 164     padding-left: 15px;
 165     padding-top: 3px;
 166     border: 1px solid #000;
 167     background-color: #faa;
 168 }
 169 /*.comment {border:1px solid #ddd; width: 95%; margin-left: 10px; margin-right: 10px;}_NO__DOTCOMMA__AFTER__*/
 170 .com_body { padding-left: 15px }
 171 /*.com_date_human { position: relative; left: 100px; top: -8px; color: #666;}_NO__DOTCOMMA__AFTER__*/
 172 .com_name {
 173     position: absolute;
 174     left: 100px;
 175     padding-top: 7px;
 176 }
 177 .com_head {
 178     padding-left: 15px;
 179     padding-top: 3px;
 180     border: 1px solid #000;
 181     background-color: #deffb2;
 182 }
 183 .com_head_fac {
 184     padding-left: 15px;
 185     padding-top: 3px;
 186     border: 1px solid #000;
 187     background-color: #ffefb2;
 188 }
 189 .com_date {
 190     position: absolute;
 191     left: 500px;
 192     padding-top: 7px;
 193 }
 194 .com_human {
 195     position: absolute;
 196     left: 300px;
 197     padding-top: 7px;
 198 }
 199 .comment_username {
 200     position: relative;
 201     right: 100px;
 202     top: -8px;
 203 }
 204 .comment_time {
 205     position: relative;
 206     right: 0px;
 207     top: -8px;
 208 }
 209 .fname {
 210     position: absolute;
 211     left: 100px;
 212     padding-top: 7px;
 213 }
 214 .fsize {
 215     position: absolute;
 216     right: 500px;
 217     padding-top: 7px;
 218     color: #666;
 219 }
 220 .fdate {
 221     position: absolute;
 222     right: 250px;
 223     padding-top: 7px;
 224     color: #666;
 225 }
 226 .fedit {
 227     position: relative;
 228     left: 240px;
 229     top: -8px;
 230 }
 231 .fraw {
 232     position: relative;
 233     left: 340px;
 234     top: -8px;
 235 }
 236 .fhuman {
 237     position: absolute;
 238     right: 100px;
 239     padding-top: 7px;
 240     color: #666;
 241 }
 242 .class_block {
 243     border: 1px solid #000;
 244     width: 85%;
 245     margin: 20px;
 246     padding: 20px;
 247     background-color: #eee;
 248 }
 249 .cmnt_count { padding: 20px }
 250 #top_bar {
 251     position: absolute;
 252     background-color: #004890;
 253     color: #fff;
 254     border-bottom: 1px solid #000;
 255     padding: 3px;
 256     top: 0px;
 257     left: 0px;
 258     width: 100%;
 259 }
 260 .input {
 261     background-color: #ddf;
 262     border: 1px solid #bbb;
 263     padding: 10px;
 264     margin: 20px;
 265 }
 266 .input_form {
 267     text-align: right;
 268     padding-right: 20px;
 269 }
 270 .input_error { color: #d00 }
 271 .input_name {
 272     font-family: Tahoma, Arial, Helvetica, sans-serif;
 273     font-size: 15px;
 274     font-weight: bold;
 275 }
 276 .input_description {
 277     font-family: sans-serif;
 278     font-size: 14px;
 279     color: #555;
 280 }
 281 #line:hover { background-color: #ff0 }
 282 .line_add { float: left }
 283 .line_num {
 284     width: 40px;
 285     float: left;
 286     background-color: #ddd;
 287     padding-left: 5px;
 288     color: #666;
 289 }
 290 .line_dat { margin: 1px }
 291 .line_comment_stu {
 292     border-top: 1px solid #000;
 293     display: none;
 294     padding-left: 40px;
 295     padding-top: 8px;
 296     padding-bottom: 5px;
 297     color: #1782b8;
 298     background-color: #deffb2;
 299 }
 300 .line_comment_fac {
 301     border-top: 1px solid #000;
 302     display: none;
 303     padding-left: 40px;
 304     padding-top: 8px;
 305     padding-bottom: 5px;
 306     color: #1782b8;
 307     background-color: #ffefb2;
 308 }
 309 .line_comment_display_fac {
 310     border-top: 1px solid #000;
 311     padding-left: 40px;
 312     padding-top: 8px;
 313     padding-bottom: 5px;
 314     color: #1782b8;
 315     background-color: #ffefb2;
 316 }
 317 .line_comment_display_stu {
 318     border-top: 1px solid #000;
 319     padding-left: 40px;
 320     padding-top: 8px;
 321     padding-bottom: 5px;
 322     color: #1782b8;
 323     background-color: #deffb2;
 324 }
 325 .line_comment_name {
 326     color: #666;
 327     position: absolute;
 328     right: 55px;
 329 }
 330 .line_comment_time {
 331     color: #666;
 332     position: absolute;
 333     right: 200px;
 334 }
 335 .comment_box {
 336     color: #000;
 337     border: 1px solid #000;
 338     background-color: #dedede;
 339     padding: 20px;
 340     font-size: 20px;
 341 }
 342 .comment_box_closed {
 343     color: #d00;
 344     border: 1px solid #000;
 345     /*background-color: #d00;*/
 346     background-color: #dedede;
 347     padding: 20px;
 348     font-size: 20px;
 349 }
 350 .comment_box_closed_message {
 351     position: relative;
 352     float:right;
 353     color: #faa;
 354     font-weight:bold;
 355     font-size: 65px;
 356 }