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 .menu {
  66         /*background-color: #333;*/
  67 }
  68
  69 .menu ul {
  70         margin: 0;
  71         padding: 0;
  72         float: left;
  73 }
  74
  75 .menu ul li {
  76         display: inline;
  77 }
  78
  79 .menu ul li a {
  80         float: left;
  81         text-decoration: none;
  82         margin-left: 25px;
  83 }
  84
  85 .menu ul li a:visited {
  86
  87         text-decoration: none;
  88 }
  89
  90 .menu ul li a:hover, .menu ul li .current {
  91     color: #000;
  92     border-bottom: 2px solid #000;
  93 }
  94
  95 /*
  96 .menu {
  97     width: 100%;
  98     margin: 10px;
  99     background: #eee none;
 100 }
 101 .menu ul {
 102     margin: 0;
 103     padding: 0;
 104     list-style-type: none;
 105     float: left;
 106 }
 107 .menu li {
 108     margin: 10px;
 109     padding: 0px;
 110     float: left;
 111 }
 112 .menu a {
 113     display: block;
 114     width: 100%;
 115     text-decoration: none;
 116 }
 117 .menu a:hover {
 118     color: #000;
 119     border-bottom: 2px solid #000;
 120 }
 121 */
 122
 123
 124 .header {
 125     position: absolute;
 126     top: 5px;
 127     right: 20px;
 128 }
 129 .highlight { background: #fff }
 130 .line_numbers {
 131     background-color: #ececec;
 132     color: #aaa;
 133     padding: 1em .5em;
 134     border-right: 1px solid #ddd;
 135     text-align: right;
 136 }
 137 /* .file {border:1px solid #ddd; } _NO__DOTCOMMA__AFTER__*/
 138 .file_head {
 139     padding-left: 15px;
 140     padding-top: 3px;
 141     border: 1px solid #000;
 142     background-color: #c5bcff;
 143 }
 144 .file_head_late {
 145     padding-left: 15px;
 146     padding-top: 3px;
 147     border: 1px solid #000;
 148     background-color: #faa;
 149 }
 150 /*.comment {border:1px solid #ddd; width: 95%; margin-left: 10px; margin-right: 10px;}_NO__DOTCOMMA__AFTER__*/
 151 .com_body { padding-left: 15px }
 152 /*.com_date_human { position: relative; left: 100px; top: -8px; color: #666;}_NO__DOTCOMMA__AFTER__*/
 153 .com_name {
 154     position: absolute;
 155     left: 100px;
 156     padding-top: 7px;
 157 }
 158 .com_head {
 159     padding-left: 15px;
 160     padding-top: 3px;
 161     border: 1px solid #000;
 162     background-color: #deffb2;
 163 }
 164 .com_head_fac {
 165     padding-left: 15px;
 166     padding-top: 3px;
 167     border: 1px solid #000;
 168     background-color: #ffefb2;
 169 }
 170 .com_date {
 171     position: absolute;
 172     left: 500px;
 173     padding-top: 7px;
 174 }
 175 .com_human {
 176     position: absolute;
 177     left: 300px;
 178     padding-top: 7px;
 179 }
 180 .comment_username {
 181     position: relative;
 182     right: 100px;
 183     top: -8px;
 184 }
 185 .comment_time {
 186     position: relative;
 187     right: 0px;
 188     top: -8px;
 189 }
 190 .fname {
 191     position: absolute;
 192     left: 100px;
 193     padding-top: 7px;
 194 }
 195 .fsize {
 196     position: absolute;
 197     right: 500px;
 198     padding-top: 7px;
 199     color: #666;
 200 }
 201 .fdate {
 202     position: absolute;
 203     right: 250px;
 204     padding-top: 7px;
 205     color: #666;
 206 }
 207 .fedit {
 208     position: relative;
 209     left: 240px;
 210     top: -8px;
 211 }
 212 .fraw {
 213     position: relative;
 214     left: 340px;
 215     top: -8px;
 216 }
 217 .fhuman {
 218     position: absolute;
 219     right: 100px;
 220     padding-top: 7px;
 221     color: #666;
 222 }
 223 .class_block {
 224     border: 1px solid #000;
 225     width: 85%;
 226     margin: 20px;
 227     padding: 20px;
 228     background-color: #eee;
 229 }
 230 .cmnt_count { padding: 20px }
 231 #top_bar {
 232     position: absolute;
 233     background-color: #004890;
 234     color: #fff;
 235     border-bottom: 1px solid #000;
 236     padding: 3px;
 237     top: 0px;
 238     left: 0px;
 239     width: 100%;
 240 }
 241 .input {
 242     background-color: #ddf;
 243     border: 1px solid #bbb;
 244     padding: 10px;
 245     margin: 20px;
 246 }
 247 .input_form {
 248     text-align: right;
 249     padding-right: 20px;
 250 }
 251 .input_error { color: #d00 }
 252 .input_name {
 253     font-family: Tahoma, Arial, Helvetica, sans-serif;
 254     font-size: 15px;
 255     font-weight: bold;
 256 }
 257 .input_description {
 258     font-family: sans-serif;
 259     font-size: 14px;
 260     color: #555;
 261 }
 262 #line:hover { background-color: #ff0 }
 263 .line_add { float: left }
 264 .line_num {
 265     width: 40px;
 266     float: left;
 267     background-color: #ddd;
 268     padding-left: 5px;
 269     color: #666;
 270 }
 271 .line_dat { margin: 1px }
 272 .line_comment_stu {
 273     border-top: 1px solid #000;
 274     display: none;
 275     padding-left: 40px;
 276     padding-top: 8px;
 277     padding-bottom: 5px;
 278     color: #1782b8;
 279     background-color: #deffb2;
 280 }
 281 .line_comment_fac {
 282     border-top: 1px solid #000;
 283     display: none;
 284     padding-left: 40px;
 285     padding-top: 8px;
 286     padding-bottom: 5px;
 287     color: #1782b8;
 288     background-color: #ffefb2;
 289 }
 290 .line_comment_display_fac {
 291     border-top: 1px solid #000;
 292     padding-left: 40px;
 293     padding-top: 8px;
 294     padding-bottom: 5px;
 295     color: #1782b8;
 296     background-color: #ffefb2;
 297 }
 298 .line_comment_display_stu {
 299     border-top: 1px solid #000;
 300     padding-left: 40px;
 301     padding-top: 8px;
 302     padding-bottom: 5px;
 303     color: #1782b8;
 304     background-color: #deffb2;
 305 }
 306 .line_comment_name {
 307     color: #666;
 308     position: absolute;
 309     right: 55px;
 310 }
 311 .line_comment_time {
 312     color: #666;
 313     position: absolute;
 314     right: 200px;
 315 }
 316 .comment_box {
 317     color: #000;
 318     border: 1px solid #000;
 319     background-color: #dedede;
 320     padding: 20px;
 321     font-size: 20px;
 322 }
 323 .comment_box_closed {
 324     color: #d00;
 325     border: 1px solid #000;
 326     /*background-color: #d00;*/
 327     background-color: #dedede;
 328     padding: 20px;
 329     font-size: 20px;
 330 }
 331 .comment_box_closed_message {
 332     position: relative;
 333     float:right;
 334     color: #faa;
 335     font-weight:bold;
 336     font-size: 65px;
 337 }