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 .com_link {
 200         position: absolute;
 201     left: 700px;
 202     padding-top: 7px;
 203 }
 204 .comment_username {
 205     position: relative;
 206     right: 100px;
 207     top: -8px;
 208 }
 209 .comment_time {
 210     position: relative;
 211     right: 0px;
 212     top: -8px;
 213 }
 214 .fname {
 215     position: absolute;
 216     left: 100px;
 217     padding-top: 7px;
 218 }
 219 .fsize {
 220     position: absolute;
 221     right: 500px;
 222     padding-top: 7px;
 223     color: #666;
 224 }
 225 .fdate {
 226     position: absolute;
 227     right: 250px;
 228     padding-top: 7px;
 229     color: #666;
 230 }
 231 .fedit {
 232     position: relative;
 233     left: 240px;
 234     top: -8px;
 235 }
 236 .fraw {
 237     position: relative;
 238     left: 340px;
 239     top: -8px;
 240 }
 241 .fhuman {
 242     position: absolute;
 243     right: 100px;
 244     padding-top: 7px;
 245     color: #666;
 246 }
 247 .class_block {
 248     border: 1px solid #000;
 249     width: 85%;
 250     margin: 20px;
 251     padding: 20px;
 252     background-color: #eee;
 253 }
 254 .cmnt_count { padding: 20px }
 255 #top_bar {
 256     position: absolute;
 257     background-color: #004890;
 258     color: #fff;
 259     border-bottom: 1px solid #000;
 260     padding: 3px;
 261     top: 0px;
 262     left: 0px;
 263     width: 100%;
 264 }
 265 .input {
 266     background-color: #ddf;
 267     border: 1px solid #bbb;
 268     padding: 10px;
 269     margin: 20px;
 270 }
 271 .input_form {
 272     text-align: right;
 273     padding-right: 20px;
 274 }
 275 .input_error { color: #d00 }
 276 .input_name {
 277     font-family: Tahoma, Arial, Helvetica, sans-serif;
 278     font-size: 15px;
 279     font-weight: bold;
 280 }
 281 .input_description {
 282     font-family: sans-serif;
 283     font-size: 14px;
 284     color: #555;
 285 }
 286 #line:hover { background-color: #ff0 }
 287 .line_add { float: left }
 288 .line_num {
 289     width: 40px;
 290     float: left;
 291     background-color: #ddd;
 292     padding-left: 5px;
 293     color: #666;
 294 }
 295 .line_dat { margin: 1px }
 296 .line_comment_stu {
 297     border-top: 1px solid #000;
 298     display: none;
 299     padding-left: 40px;
 300     padding-top: 8px;
 301     padding-bottom: 5px;
 302     color: #1782b8;
 303     background-color: #deffb2;
 304 }
 305 .line_comment_fac {
 306     border-top: 1px solid #000;
 307     display: none;
 308     padding-left: 40px;
 309     padding-top: 8px;
 310     padding-bottom: 5px;
 311     color: #1782b8;
 312     background-color: #ffefb2;
 313 }
 314 .line_comment_display_fac {
 315     border-top: 1px solid #000;
 316     padding-left: 40px;
 317     padding-top: 8px;
 318     padding-bottom: 5px;
 319     color: #1782b8;
 320     background-color: #ffefb2;
 321 }
 322 .line_comment_display_stu {
 323     border-top: 1px solid #000;
 324     padding-left: 40px;
 325     padding-top: 8px;
 326     padding-bottom: 5px;
 327     color: #1782b8;
 328     background-color: #deffb2;
 329 }
 330 .line_comment_name {
 331     color: #666;
 332     position: absolute;
 333     right: 55px;
 334 }
 335 .line_comment_time {
 336     color: #666;
 337     position: absolute;
 338     right: 200px;
 339 }
 340 .comment_box {
 341     color: #000;
 342     border: 1px solid #000;
 343     background-color: #dedede;
 344     padding: 20px;
 345     font-size: 20px;
 346 }
 347 .comment_box_closed {
 348     color: #d00;
 349     border: 1px solid #000;
 350     /*background-color: #d00;*/
 351     background-color: #dedede;
 352     padding: 20px;
 353     font-size: 20px;
 354 }
 355 .comment_box_closed_message {
 356     position: relative;
 357     float:right;
 358     color: #faa;
 359     font-weight:bold;
 360     font-size: 65px;
 361 }
 362 .topictitle {
 363         font-size: 20px;
 364         font-weight:bold;
 365 }