public/stylesheets/fc.css

   1 body {
   2         background: #874;
   3 }
   4 body, td {
   5         font-family: Helvetica, sans-serif;
   6 }
   7
   8 body {
   9         margin: 0;
  10         padding: 0;
  11 }
  12
  13 img {
  14         border: none;
  15 }
  16
  17 div.header {
  18         background: #333;
  19         background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  20         background-image: -moz-linear-gradient(#444, #222)
  21         text-shadow: black 0 0 0.2em;
  22         border-bottom: solid 1px #888;
  23         font-size: 130%;
  24         color: white;
  25         font-weight: bold;
  26         text-align: center;
  27         padding: 0.5em 1em;
  28         margin: 0;
  29 }
  30
  31 div#wrapper div.header {
  32         font-size: 120%;
  33         text-align: left;
  34 }
  35 div#wrapper div.header div.buttons {
  36   float: right;
  37 }
  38
  39
  40 div.content {
  41         padding: 1em 3%;
  42         background: #653;
  43         background-image: -webkit-gradient(linear, left top, left bottom, from(#653), to(#fff));
  44         background-image: -moz-linear-gradient(#653, #fff)
  45 }
  46
  47 div.container1 {
  48         background: #e7e4ae;
  49         background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e4ae), to(#f7f4ce));
  50         background-image: -moz-linear-gradient(#e7e4ae, #f7f4ce)
  51         -moz-border-radius: 0.3em;
  52         -webkit-border-radius: 0.3em;
  53         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
  54         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
  55         padding: 0.8em 3% 2em 3%;
  56         margin: 0.5em 0;
  57 }
  58
  59 #sidebar {
  60         float: left;
  61         width: 30%;
  62         height: 100%;
  63         background: #fff;
  64 }
  65
  66 #sidebar div.container {
  67         -moz-border-radius: 0.3em;
  68         -webkit-border-radius: 0.3em;
  69         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
  70         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
  71         height: 100%;
  72         border-right: solid 1px #888;
  73 }
  74
  75 .hidden {
  76         display: none;
  77 }
  78
  79 #editor {
  80         float: left;
  81         width: 70%;
  82 }
  83
  84 #title {
  85   zpadding: 5px;
  86   font-size: 120%;
  87   color: #fff;
  88   background: #000;
  89 }
  90
  91 #title .buttons {
  92   float: right;
  93 }
  94
  95 #title .buttons a {
  96   zmargin-left: 10px;
  97 }
  98
  99 /*========================*/
 100 #notesContainer {
 101 float: left;
 102 width: 25%;
 103 }
 104 #notesHeader {
 105 zpadding: 0.8em;
 106 border: 2px solid #ddd;
 107 }
 108 #notesComponent {
 109 zmargin-top: 4em;
 110 zpadding: 0.8em;
 111 border: 2px solid #ddd;
 112 text-align: center;
 113 }
 114
 115 #backchat {
 116         height: 100%;
 117         background: #eef;
 118 }
 119 #backchatHeader {
 120 font-weight: bold;
 121 zpadding: 0.5em 0.8em;
 122 background-color: #DDD;
 123 border-bottom: 2px solid #aaa;
 124 }
 125 #backchatHeader input { font-size: 0.7em; }
 126 #backchatHeaderInstructions {
 127 display: none;
 128
 129 background-color: #EEE;
 130 zpadding: 1em;
 131 }
 132 #backchatHeaderInstructions p {
 133 text-indent: 1em;
 134 zmargin-top: 0.2em;
 135 }
 136
 137 #sidebar div.container .userBox {
 138         position: relative; /* allow position absolute for charsLeftMsg and submit btn */
 139         padding: 0.5em 1em;
 140         border-bottom: 1px solid #aaa;
 141         background-color: #ddb;
 142 }
 143 #userHeader {
 144         zmargin: 0 0 0.5em 0;
 145 }
 146 #loginBox {
 147         zpadding: 0.5em 1em;
 148         border-bottom: 1px solid #aaa;
 149         background: #ddd;
 150         background-image: -webkit-gradient(linear, left top, left bottom, from(#ddf), to(#cce));
 151         background-image: -moz-linear-gradient(#ddf, #cce)
 152 }
 153 #userHeader .userName {
 154         font-weight: bold;
 155         font-size: 110%;
 156         width: 10em;
 157 }
 158 #userHeader .userAffil {
 159         font-style: italic;
 160 }
 161 #userButtons {
 162 float: right;
 163 }
 164 #enterPostTextarea {
 165         width: 98%;
 166         zpadding: 0.3em 0.4em;
 167 }
 168 #charsLeftMsg {
 169 position: absolute;
 170 left: 3em;
 171 bottom: 1.5em;
 172 color: red;
 173 }
 174 #submitPost {
 175         /*position: absolute;
 176         right: 1.5em;
 177         bottom: 1.5em;*/
 178 }
 179 #enterUser { display: none; }
 180 #enterAdmin { display: none; }
 181 #posts {
 182         background: #eec;
 183         padding: 1em 1.5em;
 184   overflow-y: auto;
 185 }
 186 #postsHeader {
 187 padding-bottom: 0.5em;
 188 }
 189 .postsHeaderTitle {
 190 font-weight: bold;
 191 }
 192 .showpostsButton {
 193 /* this doesn't work in Firefox; may be impossible on OS X */
 194 font-size: 70%;
 195 }
 196 #postsHeaderInstructions {
 197 background-color: #ffc3c3;
 198 }
 199 #recentPosts {
 200 min-height: 6em;
 201  padding: 1em 1.5em;
 202 }
 203 #posts .postContainer {
 204         min-height: 5.3em;
 205
 206         -moz-border-radius: 0.3em;
 207         -webkit-border-radius: 0.3em;
 208
 209         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 210         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 211
 212         margin: 0.8em 0;
 213         padding: 0.5em 1em;
 214         background: #fff;
 215 }
 216 #posts .postVoteContainer {
 217         float: left;
 218 }
 219 .unvoted {
 220         background-color: #afa;
 221 }
 222 #posts .postVoteContainer .vote-tally-rect {
 223         width: 1.6em;
 224         height: 1em;
 225         border: 1px solid #aaa;
 226         -moz-border-radius: 0.2em;
 227         -webkit-border-radius: 0.2em;
 228         padding: 0.2em;
 229         background-color: #fff;
 230         text-align: right;
 231         cursor: pointer; cursor: hand;
 232         font-size: 120%;
 233         font-weight: bold;
 234         margin: 0.2em;
 235         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 236         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 237 }
 238 .postVoteContainer .vote-up {
 239 background: transparent url(/images/arrow_up.png) no-repeat scroll 10% 50%;
 240 }
 241 .postVoteContainer .voteFlag {
 242         cursor: pointer; cursor: hand;
 243         font-size: 80%;
 244         color: #fff;
 245         background: #f00;
 246         font-weight: bold;
 247         text-align: center;
 248         -moz-border-radius: 0.3em;
 249         -webkit-border-radius: 0.3em;
 250         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 251         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 252 }
 253 #posts .postDisplayContainer {
 254  margin: 0.3em 0.3em 0.3em 4em;
 255 }
 256 #posts .postBody {
 257         min-height: 4.0em;
 258         overflow: auto;
 259 }
 260 #posts .postFooter {
 261         border-top: solid 1px #ccc;
 262         color: #888;
 263         padding: 0.2em 0em;
 264         font-style: italic;
 265         font-size: 90%;
 266         text-align:right;
 267 }
 268 #posts .commentFooter {
 269         border-top: solid 1px #ccc;
 270         color: #666;
 271         padding: 0.2em 0em;
 272         font-style: italic;
 273         font-size: 80%;
 274 }
 275 #posts .postFooter .postid {
 276         float: right;
 277         font-size: 70%;
 278         color: #ccc;
 279 }
 280 #posts .userName {
 281 }
 282 #posts .userAffil {
 283 }
 284
 285 #posts .commentAmt {
 286   cursor: pointer; cursor: hand;
 287 }
 288
 289 #loginForm .label {
 290         width: 50%;
 291         text-align: right;
 292         display: table-cell;
 293 }
 294 #loginForm .data {
 295         display: table-cell;
 296 }
 297 #loginBox h1 {
 298         font-size: 105%;
 299 }
 300
 301 #commentText {
 302         width: 100%;
 303 }
 304 #posts .flagged {
 305   opacity: 0.3;
 306   background: #eca;
 307 }
 308 #posts .flagged .commentForm {
 309   display: none;
 310 }
 311 #posts .instructor {
 312   background: #EDDA74;
 313 }
 314
 315 /*.button {
 316
 317         background: #fff;
 318         color: black;
 319
 320         -moz-border-radius: 0.2em;
 321         -webkit-border-radius: 0.2em;
 322
 323         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .2);
 324         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .2);
 325
 326         background-image: -webkit-gradient(linear, left top, left bottom, from(#edc), to(#dcb));
 327         background-image: -moz-linear-gradient(#edc, #dcb)
 328
 329         zpadding: 0.1em 1em;
 330         font-size: 80%;
 331         display: table-cell;
 332         zmargin: 0.5em 1em;
 333         cursor: pointer; cursor: hand;
 334 } */
 335
 336
 337 .page a {
 338         color:#917139;
 339 }
 340
 341 a {
 342   color:#970;
 343   font-weight: bold;
 344   text-decoration: none;
 345 }
 346 span.sub_menu{
 347         zfloat:right;
 348         border-top:  solid 1px #a98;
 349         border-bottom:  solid 1px #000;
 350         background-color:#917139;
 351         -moz-border-radius: 0.3em;
 352         -webkit-border-radius: 0.3em;
 353         padding: 0.3em 1em;
 354         color:#fff;
 355         text-align: right;
 356         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 357         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 358 }
 359 span.sub_menu a{
 360         color:#fff;
 361         text-decoration:none;
 362         font-size: 90%;
 363 }
 364 span.sub_menu a:hover {
 365         color:#fff;
 366         text-decoration:underline;
 367 }
 368
 369
 370 h1 {
 371         zmargin: 0.3em 0;
 372         text-align: center;
 373         color:#fff;
 374         ztext-shadow: black 0 0 0.2em;
 375         font-size: 120%;
 376 }
 377 h2 {
 378         zmargin: 0.5em 0;
 379         clear:both;
 380         font-size: 110%;
 381 }
 382
 383 h3 {
 384         font-size: 105%;
 385 }
 386 ul{
 387         zmargin:8px 15px;
 388 }
 389
 390
 391 #sidebar h3 {
 392         margin: 0;
 393         font-size: 105%;
 394 }
 395 .rnd {
 396         -moz-border-radius: 0.3em;
 397         -webkit-border-radius: 0.3em;
 398         -webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 399         -moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
 400 }
 401
 402 .ylw{
 403         background:#F7F4CE;
 404 }
 405
 406 .blu{
 407         background: #def;
 408 }
 409 .frm_login{
 410         width:275px;
 411         zmargin:0 auto;
 412 }
 413
 414 .row {
 415         display: table-row;
 416 }
 417 .row .label {
 418         width: 50%;
 419         text-align: right;
 420         display: table-cell;
 421         padding: 0.8em 3% 0.8em 0%;
 422         white-space: nowrap;
 423 }
 424 .row .field {
 425         display: table-cell;
 426         padding: 0.2em 0;
 427 }
 428 .row .field input {
 429         width: 90%;
 430 }
 431
 432 .commentContainer {
 433         background: #eee;
 434         padding: 0.5em;
 435 }
 436
 437 div.school {
 438         border:  solid 1px #876;
 439         -moz-border-radius: 0.2em;
 440         -webkit-border-radius: 0.2em;
 441         margin: 1.0em 0;
 442         padding: 1em 2%;
 443         background: #FaF6d3;
 444         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 445         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 446 }
 447 div.menubar {
 448         text-align: right;
 449 }
 450
 451 div.school h2 {
 452         font-size: 120%;
 453         margin: 0 0;
 454 }
 455
 456 #messages {
 457         background: #900;
 458         padding: 0.5em;
 459 }
 460 .error {
 461         color: #fff;
 462 }
 463 .anonpost {
 464         font-size: 70%;
 465 }
 466
 467 li {
 468         padding: 0.2em 0;
 469 }
 470
 471 a.readonlylink {
 472         font-weight: normal;
 473         color: #bbb;
 474         font-size: 80%;
 475         margin: 0 2em;
 476 }
 477
 478 div#editor div.readonly {
 479         background: #fff;
 480         min-height: 100%;
 481         padding: 1.5em 3%;
 482 }
 483
 484 div#reportedContainer h1 {
 485         margin: 0;
 486         padding: 0.3em 1em;
 487         font-weight: bold;
 488         font-size: 100%;
 489         color:#442;
 490         text-align: left;
 491         background-color:#ddb;
 492         -moz-border-radius: 0.3em;
 493         -webkit-border-radius: 0.3em;
 494         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 495         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 496         letter-spacing: 0.1em;
 497         cursor: pointer; cursor: hand;
 498 }
 499
 500 div#postsHeader h1 {
 501         margin: 0;
 502         padding: 0.3em 1em;
 503         font-weight: bold;
 504         font-size: 100%;
 505         color:#442;
 506         text-align: left;
 507         background-color:#ddb;
 508         -moz-border-radius: 0.3em;
 509         -webkit-border-radius: 0.3em;
 510         -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 511         -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
 512         letter-spacing: 0.1em;
 513 }
 514
 515 #sortPosts {
 516         float: right;
 517 }
 518
 519 div.postContainer div.privacy {
 520         background: #00f;
 521         font-size: 75%;
 522         color: #eef;
 523         text-align: center;
 524 }
 525
 526