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