app/soc/content/css/soc-090421.css

   1 /*
   2 Copyright 2009 the Melange authors.
   3
   4 Licensed under the Apache License, Version 2.0 (the "License");
   5 you may not use this file except in compliance with the License.
   6 You may obtain a copy of the License at
   7
   8   http://www.apache.org/licenses/LICENSE-2.0
   9
  10 Unless required by applicable law or agreed to in writing, software
  11 distributed under the License is distributed on an "AS IS" BASIS,
  12 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13 See the License for the specific language governing permissions and
  14 limitations under the License.
  15  */
  16
  17 /*
  18  * STANDARD HTML TAGS
  19  */
  20
  21 body {
  22   background-color: white;
  23   color: black;
  24
  25   font-family: Arial, sans-serif;
  26   font-size: medium;
  27
  28   margin: 8px;
  29   margin-top: 3px;
  30 }
  31
  32 img {
  33   border: 0;
  34 }
  35
  36 form {
  37   margin: 0;
  38   padding: 0;
  39 }
  40
  41 li {
  42   margin-bottom: 0.25em;
  43 }
  44
  45 /* HEADERS */
  46 h1 {
  47   font-size: x-large;
  48   margin-top: 0px;
  49 }
  50
  51 h2 {
  52   font-size: large;
  53 }
  54
  55 h3 {
  56   font-size: medium;
  57 }
  58
  59 h4 {
  60   font-size: small;
  61 }
  62
  63 /* PRE-FORMATTED TEXT */
  64 pre, code {
  65   color: #007000;
  66   font-family: "bogus font here", monospace;
  67   font-size: 100%;
  68 }
  69
  70 pre {
  71   border: 1px solid silver;
  72   background-color: #f5f5f5;
  73   padding: 0.5em;
  74   overflow: auto;
  75   margin: 2em;
  76 }
  77
  78 pre ins {
  79   color: #cc0000;
  80   font-weight: bold;
  81   text-decoration: none;
  82 }
  83
  84 /* LINKS AND ANCHORS */
  85 a:link {
  86   color: #0000cc;
  87 }
  88
  89 a:active {
  90   color: #cc0000;
  91 }
  92
  93 a:visited {
  94   color: #551a8b;
  95 }
  96
  97 a.selected, .selected a, .selected {
  98   color: black;
  99   font-weight: bold;
 100   text-decoration: none;
 101 }
 102
 103 a.novisit {
 104   color: #2a55a3;
 105 }
 106
 107 a.noul, a.noulv {
 108   color: #4182fa; /* #93b7fa; */
 109   text-decoration: none;
 110 }
 111
 112 a:hover.noul {
 113   text-decoration: underline;
 114 }
 115
 116 a:visited.noul {
 117   color: #a32a91; /* #2a55a3; */
 118 }
 119
 120
 121 /* Styles used by Django Forms */
 122 ul.errorlist {
 123   color: #FF0000;
 124   font-size: small;
 125 }
 126
 127
 128 /* TABLES */
 129 table {
 130   border-collapse: collapse;
 131 }
 132
 133 th, td {
 134   /*padding: 0;*/
 135   padding:2px 5px;
 136   vertical-align: top;
 137   text-align: left;
 138 }
 139
 140 /* FORM FIELDS */
 141 td.formfieldrequired {
 142   font-style: italic;
 143   font-size: small;
 144   text-align: center;
 145 }
 146
 147 td.formfieldhelptext {
 148   font-style: italic;
 149   font-size: small;
 150   padding: 5px;
 151 }
 152
 153 td.formfielderror {
 154   color: #FF0000;
 155   font-size: small;
 156 }
 157
 158 td.formfieldheading {
 159   font-weight: bold;
 160   font-size: small;
 161 }
 162
 163 td.formfieldlabel {
 164   font-weight: bold;
 165   font-size: small;
 166   text-align: right;
 167 }
 168
 169 td.twolineformfieldlabel {
 170   font-weight: bold;
 171   font-size: small;
 172   text-align: left;
 173 }
 174
 175 td.twolineformfieldlabel {
 176   font-weight: bold;
 177   font-size: small;
 178 }
 179
 180 td.twolineformfielderrorlabel {
 181   font-weight: bold;
 182   color: #FF0000;
 183   font-size: small;
 184 }
 185
 186 td.formfieldvalue {
 187   text-align: left;
 188 }
 189
 190 td.formfieldvalue input {
 191   width: 100%;
 192 }
 193
 194 td.formfieldvalue input[type=checkbox] {
 195   width: auto;
 196 }
 197
 198 td.formfieldvalue input:focus {
 199   background-color: #FFFF99;
 200   font-weight: bold;
 201 }
 202
 203 td.formfieldvalue textarea {
 204   width: 100%;
 205 }
 206
 207 td.formfieldvalue select {
 208   width: 100%;
 209 }
 210
 211 td.formfielderrorlabel, td.warning, span.formfielderrorlabel {
 212   font-weight: bold;
 213   color: #FF0000;
 214   font-size: small;
 215   text-align: right;
 216 }
 217
 218 /* TABLE QUEUES (used with .list) */
 219 table#queues {
 220   border-collapse: collapse;
 221   width: 100%;
 222 }
 223
 224 table#queues tr {
 225   border-bottom: thin solid lightgray;
 226 }
 227
 228 table#queues td {
 229   padding: 2px;
 230 }
 231
 232 /*
 233  * PAGE ELEMENTS
 234  */
 235
 236 #title {
 237   border-top: 1px solid #3366cc;
 238   background-color: #e5ecf9;
 239   font-size: large;
 240   font-weight: bold;
 241   margin: 0;
 242   padding: 0;
 243   padding-top: 1px;
 244   padding-bottom: 1px;
 245   margin-top: 5px;
 246   margin-left: 200px;
 247   padding-left: 3px;
 248 }
 249
 250 #notice {
 251   margin-left: 200px;
 252   padding: 3px;
 253 }
 254
 255 #logo {
 256   padding-right: 18px;
 257   position: absolute;
 258   left: 0;
 259   top: -5px;
 260 }
 261
 262 #login {
 263   text-align: right;
 264 }
 265
 266 #badge {
 267   clear: both;
 268   margin-top: 3.5em;
 269   margin-bottom: 1em;
 270   height: 53px;
 271   font-style: italic;
 272 }
 273
 274 #body {
 275   border-left: 1px dotted silver;
 276   margin-left: 200px;
 277   margin-right: 25px;
 278   padding-left: 18px;
 279   padding-bottom: 25px;
 280 }
 281
 282 #body .buttons {
 283   margin-right: 4px;
 284   margin-top: 20px;
 285 }
 286
 287 #body a.button, input[type^="submit"], input[type^="button"] {
 288   margin: 0;
 289   padding: 2px 5px 2px 5px;
 290   font-family: Arial, Sans-serif;
 291   font-size: 12px;
 292   text-decoration: none;
 293   color: #222;
 294   cursor: default;
 295   background: #ddd url("/soc/content/images/button-background.gif") repeat-x 0 0;
 296   border: 1px solid #aaa;
 297 }
 298
 299 #body a.button:hover, input[type^="submit"]:hover, input[type^="button"]:hover {
 300   border-color: #9cf #69e #69e #7af;
 301 }
 302
 303 #header {
 304   height: 50px;
 305   margin-bottom: 11px;
 306   position: relative;
 307 }
 308
 309 #footer {
 310   clear: both;
 311   text-align: center;
 312   margin-top: 3.5em;
 313   margin-bottom: 1em;
 314   background-image: url("http://www.google.com/images/art.gif");
 315   height: 53px;
 316   background-repeat: no-repeat;
 317   background-position: left center;
 318   padding-left: 125px;
 319 }
 320
 321 #footer .text {
 322   padding-top: 20px;
 323 }
 324
 325 #created {
 326   font-size: x-small;
 327   color:#C0C0C0;
 328   text-align: right;
 329 }
 330
 331 /* Google Map */
 332 #role_profile_map {
 333   height: 240px;
 334   width: 320px;
 335 }
 336
 337 #org_home_extras {
 338   position: relative;
 339   margin:2em 0em 2em;
 340   min-height:500px;
 341 }
 342
 343 #extras_left {
 344   position: absolute;
 345   width: 55%;
 346   left: 0px;
 347 }
 348
 349 #extras_right {
 350   position: absolute;
 351   width: 43%;
 352   right: 0px;
 353   float: right;
 354 }
 355
 356 /* Organization home gmap */
 357 #org_home_map {
 358   height: 500px;
 359   width: 500px;
 360 }
 361
 362 /* SIDEBAR MENU */
 363 #side {
 364   width: 200px;
 365   margin-bottom: 3em;
 366   float: left;
 367   font-size: small;
 368 }
 369
 370 #menu ul {
 371   margin: 0;
 372   padding: 0;
 373   list-style-type: none;
 374   margin-bottom: 1em;
 375   font-size: 95%;
 376 }
 377
 378 #menu ul ul {
 379   margin-left: 10px;
 380   margin-bottom: 0;
 381 }
 382
 383 #menu li {
 384   margin-top: 4px;
 385   list-style-type: none;
 386   list-style-image: none;
 387 }
 388
 389 #menu img {
 390   margin-right: 4px;
 391 }
 392
 393 #menu li.leaf {
 394   padding-left: 14px;
 395 }
 396
 397 #menu h4 {
 398   margin: 0;
 399   padding: 0;
 400   margin-bottom: 1em;
 401 }
 402
 403 /*  */
 404
 405 span.unread {
 406   font-weight: bold;
 407   color: #FF0000;
 408 }
 409
 410 span.edited {
 411   color: #808080;
 412 }
 413
 414 /* SEARCH FIELD */
 415 #search {
 416   margin-top: 2em;
 417 }
 418
 419 #search .header {
 420   font-weight: bold;
 421   font-size: 90%;
 422   margin-bottom: 1px;
 423 }
 424
 425 #search .button {
 426   margin-top: 1px;
 427 }
 428
 429 #search .input input {
 430   width: 125px;
 431 }
 432
 433 /* BLOG FEEDS */
 434 .blog {
 435   border: 10px solid #e5ecf9;
 436   border-top: 1px solid #3366cc;
 437 }
 438
 439 .blog h2 {
 440   margin-top: 0.1em;
 441   background-color: #e5ecf9;
 442 }
 443
 444 .blog h2 a {
 445   text-decoration: none;
 446   color: black;
 447 }
 448
 449 .blog h2 a:visited {
 450   text-decoration: none;
 451   color: black;
 452 }
 453
 454
 455 .blog .entry {
 456   margin-bottom: 1em;
 457 }
 458
 459 .blog .title {
 460    font-size: medium;
 461 }
 462
 463 .blog .author {
 464   color: gray;
 465   margin-bottom: 0.5em;
 466 }
 467
 468 .blog .snippet {
 469   background-color: white;
 470 }
 471
 472 /* LIST */
 473 .list {
 474   background-color: #E5ECF9;
 475   border: 1px solid  #93b7fa;
 476   border-bottom: 2px solid #93b7fa;
 477   padding: 3px;
 478   -moz-border-radius: 5px 5px 0px 0px;
 479 }
 480
 481 .list .pagination {
 482   text-align: right;
 483   padding: 3px;
 484 }
 485
 486 .list table{
 487   background-color: white;
 488 }
 489
 490 .list table th {
 491   background-color: #eeeeec;
 492   border-right: 1px solid lightgray;
 493   border-top: 1px solid lightgray;
 494 }
 495
 496 .list table tr.on {
 497   background-color: #ff9;
 498   cursor: hand;
 499   cursor: pointer;
 500 }
 501
 502 .list table tr.off {
 503   background-color: #fff;
 504 }
 505
 506 .list table td.last {
 507   border-right: 1px solid lightgray;
 508 }
 509
 510 .list table .first {
 511   border-left: 1px solid lightgray;
 512 }
 513
 514 .list table td.no_hand {
 515   cursor: default;
 516 }
 517
 518 /*
 519  * STUDENT PROPOSAL REVIEWS
 520  */
 521 .studentproposalreview {
 522   font-size: small;
 523 }
 524
 525 .studentproposalreview .title {
 526   background-color: #e5ecf9;
 527 }
 528
 529 .studentproposalreview .student{
 530   background: #d0f5a9;
 531 }
 532
 533 .studentproposalcomment-public,
 534 .studentproposalreview-public .other {
 535   background: #f5f6ce;
 536 }
 537
 538 .studentproposalcomment-private,
 539 .studentproposalreview-private .other {
 540   background: #D2EDF6;
 541 }
 542
 543 /*
 544  * CUSTOM CLASSES
 545  */
 546
 547 .assignedslot {
 548   background-color: #d0f5a9;
 549 }
 550
 551 .todo {
 552   color: #cc0000;
 553   font-size: 80%;
 554 }
 555
 556 .newmark {
 557   color: red;
 558   font-size: 80%;
 559   vertical-align: top;
 560 }
 561
 562 .error {
 563   color: red;
 564 }
 565
 566 .notice {
 567   background:#fad163;
 568   font-size: small;
 569   font-weight: bold;
 570 }
 571
 572 .fieldhelptext {
 573   width: 450px;
 574   background:#fad163;
 575   font-size: small;
 576   border: 1px solid black;
 577 }
 578
 579 .rounded_ul { background: url(/soc/content/images/ul.gif) no-repeat top left; }
 580 .rounded_ur { background: url(/soc/content/images/ur.gif) no-repeat top right; }
 581 .rounded_ll { background: url(/soc/content/images/ll.gif) no-repeat bottom left; }
 582 .rounded_lr { background: url(/soc/content/images/lr.gif) no-repeat bottom right; }
 583
 584 /* Disabled text. */
 585 .disabled {
 586   color: gray;
 587 }
 588
 589 .plaintext {
 590   background:transparent none repeat scroll 0 0;
 591   border:0 none;
 592   color:black;
 593 }