theme/plans.css

   1
   2 body {
   3   background-color: #fff;
   4   font-family: helvetica, sans-serif;
   5   margin-left:20px;
   6   margin-right:20px;
   7 }
   8
   9 body.event_details_body {
  10   background-color: #fff;
  11 }
  12
  13 h1 {
  14   font-weight:bold;
  15   font-size:large;
  16 }
  17
  18
  19
  20
  21 img {  /* prevents borders around images that are links (whose dumb idea was that anyway?) */
  22   border-width:0px;
  23 }
  24
  25 a:link { color: #00f; text-decoration: underline}
  26 a:visited { color: #551a8b; text-decoration: underline}
  27 a:hover { color: #0000aa; text-decoration: underline}
  28
  29 #plans_messages {
  30   display:none;
  31   float:left;
  32   border:solid 1px #999;
  33   background-color:#f8efe7;
  34   padding:5px;
  35   margin:5px;
  36   text-align:left;
  37 }
  38
  39 #logged_in_stuff {
  40   border:solid 1px #999;
  41   background-color:#edffed;
  42   padding:5px;
  43   margin:5px;
  44 }
  45
  46 #pending_events {
  47   display:none;
  48 }
  49
  50
  51 /* form stuff*/
  52
  53 form {
  54   display:inline;
  55   margin-bottom:0;
  56   margin-top:0;
  57 }
  58
  59 input {
  60   margin:2px;
  61   padding:2px;
  62 }
  63 textarea {
  64   margin:2px;
  65   padding:2px;
  66 }
  67 select {
  68   margin:2px;
  69 }
  70
  71 optgroup {
  72  color:#888888;
  73  font-weight:normal;
  74  font-style:normal;
  75  font-size:x-small;
  76 }
  77
  78 option {
  79  color:#000;
  80  font-weight:normal;
  81  font-size:small;
  82 }
  83
  84 #login_logout {
  85   border:solid 1px #ccc;
  86   background-color:#fff;
  87   margin:5px;
  88   padding:5px;
  89 }
  90
  91
  92
  93 .scroll_surround {
  94   border-style:inset;
  95   background-color:#fff;
  96   border:solid 1px #000;
  97   padding:5px;
  98   margin:2px;
  99   font-size:small;
 100   color:#000;
 101   overflow:auto;
 102 }
 103
 104 #update_cal_form input {
 105   margin:5px;
 106   margin-top:0px;
 107 }
 108 #update_cal_form textarea {
 109   margin:5px;
 110   margin-top:0px;
 111 }
 112 #update_cal_form select {
 113   margin:5px;
 114   margin-top:0px;
 115 }
 116
 117 #update_cal_form .leftcol {
 118   clear:left;
 119   float:left;
 120   width:35%;
 121   text-align:right;
 122 }
 123 #update_cal_form .rightcol {
 124   float:left;
 125   width:60%;
 126   text-align:left;
 127 }
 128
 129 #add_event_form .leftcol {
 130   clear:left;
 131   float:left;
 132   width:35%;
 133   text-align:right;
 134   margin-bottom:5px;
 135 }
 136
 137 #add_event_form .rightcol {
 138   float:left;
 139   width:60%;
 140   text-align:left;
 141   margin-bottom:5px;
 142 }
 143
 144 #controls_submit_button {
 145   border:outset 2px #000;
 146 }
 147 #controls_submit_button.blink {
 148   border:outset 2px #f00;
 149   background-color:#f00;
 150 }
 151
 152 #cal_id {
 153   max-width:20em;
 154 }
 155
 156 .delete_button {
 157   color:#fff;
 158   background-color:#990000;
 159 }
 160
 161
 162 /* the dropdownmenu styles are not currently used.  They're reserved for
 163 javascript dropdown menus, if those ever become a reality */
 164
 165 div.dropdownmenu {
 166   position:absolute;
 167   width:165px;
 168   border-width: 1px;
 169   border-style: solid;
 170   border-color: #b2b2b2 #4a494a #4a494a #b2b2b2;
 171   background-color:#fff;
 172   line-height:20px;
 173   cursor:default;
 174   font-size:14px;
 175   visibility:hidden;
 176 }
 177
 178 div.dropdown_menuitem {
 179   padding-left:5px;
 180   color:#000;
 181   font-size:14px;
 182 }
 183
 184 div.dropdown_menuitem_highlight {
 185   padding-left:5px;
 186   color:#fff;
 187   background-color:#08246b;
 188 }
 189
 190 /* the contextmenu styles *are* used.  They're for the right-click menus */
 191
 192 div.contextmenu {
 193   position:absolute;
 194   width:165px;
 195   border-width: 1px;
 196   border-style: solid;
 197   border-color: #b2b2b2 #4a494a #4a494a #b2b2b2;
 198   background-color:#d6d3ce;
 199   line-height:20px;
 200   cursor:default;
 201   font-size:14px;
 202   visibility:hidden;
 203   text-align:left;
 204 }
 205
 206 div.context_menuitem {
 207   padding-left:10px;
 208   font-size:14px;
 209 }
 210
 211 div.context_menuitem_highlight {
 212   padding-left:10px;
 213   color:#fff;
 214   background-color:#08246b;
 215 }
 216
 217 /* styles for the main tabs */
 218
 219 .active_tab {
 220   background-color:#fff7de;
 221   border:solid 1px #f9e8c0;
 222   padding:5px;
 223 }
 224
 225 .active_tab a {
 226   color:#0049ff;
 227   font-weight:normal;
 228   font-size:medium;
 229 }
 230
 231 .inactive_tab {
 232   background-color:#ffebc3;
 233   border:solid 1px #f3e0bd;
 234   padding:5px;
 235 }
 236
 237 .inactive_tab a {
 238   color:#0049ff;
 239   font-weight:normal;
 240   font-size:medium;
 241 }
 242
 243 .lite_box {
 244   border:solid 1px #ccc;
 245   margin:5px;
 246   padding:5px;
 247 }
 248
 249
 250
 251 .dialog_box {
 252   border:outset 2px #ccc;
 253   margin:5px;
 254   padding:0;
 255   background-color:#fff;
 256   position:absolute;
 257   float:left;
 258   width:50%;
 259   z-index:1000000;
 260 }
 261
 262
 263
 264 .dialog_box .header {
 265   background-color:#ccc;
 266   padding-top:3px;
 267   padding-bottom:3px;
 268   font-weight:bold;
 269   text-align:center;
 270   height:20px;
 271   line-height:20px;
 272   border-top:solid 1px #fff;
 273   border-bottom:solid 1px #333;
 274 }
 275
 276 .dialog_box .title {
 277   display:inline;
 278 }
 279
 280 .dialog_box .close {
 281   float:right;
 282   background-color:transparent;
 283   font-family:helvetica,sans-serif;
 284   text-decoration:none;
 285   position:relative;
 286   padding:3px;
 287   margin-top:-4px;
 288   margin-bottom:0;
 289   height:19px;
 290   border:0;
 291   color:#009;
 292 }
 293
 294 .dialog_box .contents {
 295   padding:5px;
 296   background-color:#fff;
 297 }
 298
 299
 300
 301 /* info_box is sort of a generic class used in lots of places, usually applied to <div>s */
 302 a.info_box_tab {
 303   color:#00f;
 304   border:solid 1px #000;
 305   background-color:#eeeeee;
 306   border-bottom-width:0px;
 307   padding: 2px 1em 2px 1em;
 308   position: relative;
 309   margin-left: 2px;
 310   margin-right: 2px;
 311   /*top:-1px; */          /* This may be needed to make the info box tabs look perfectly.  Depends on the browser */
 312   z-index: 100;
 313   text-decoration:none;
 314 }
 315
 316 a.info_box_tab.active {
 317   color:#00f;
 318   padding-top:5px;
 319   background-color:#fff;
 320   position:relative;
 321   z-index: 102;
 322 }
 323
 324 .info_box {
 325   background-color:#fff;
 326   padding:5px;
 327   margin:0px;
 328   border:solid 1px #000;
 329   color:#000;
 330 }
 331
 332 .info_box a {            /* a color that will be visible against the info_box background */
 333   color:#3266cd;
 334 }
 335
 336 .info_box a:hover {
 337   color:#551a8b;
 338 }
 339
 340 .info_box a:visited {
 341   color:#0000aa;
 342 }
 343
 344 .calendar_controls {
 345   background-color:#fff9ea;
 346   padding:5px;
 347   margin:0px;
 348   border:solid 1px #f9e8c0;
 349   color:#000;
 350   width:90%;
 351   margin:auto;
 352   margin-top:5px;
 353   margin-bottom:5px;
 354   white-space:nowrap;
 355   clear:both;
 356 }
 357
 358 /* event_box surrounds each event*/
 359
 360 a.event_box {
 361   border-style:solid;
 362   border-width:1px;
 363   border-color:#aaa;
 364   padding:3px;
 365   margin:2px;
 366   text-align:left;
 367   color:#3266cd;
 368   font-weight:normal;
 369   font-size:x-small;
 370   text-decoration:none;
 371 }
 372
 373 .event_time {
 374   text-decoration:none;
 375   white-space:nowrap;
 376 }
 377
 378 .event_box:hover {
 379   color:#0000aa;
 380 }
 381
 382 .event_box.background {
 383   border-color:#000;
 384 }
 385
 386 .list_month_box {
 387   background-color:#fff;
 388   padding:0px;
 389   margin:0px;
 390   margin-bottom:1em;
 391   border-style:solid;
 392   border-width:1px;
 393   border-color:#000;
 394   color:#0049ff;
 395   font-weight:normal;
 396   font-size:medium;
 397   text-align:center;
 398 }
 399
 400 .list_cal_box {
 401   background-color:#fff;
 402   padding:5px;
 403   margin:5px;
 404   border-style:solid;
 405   border-width:1px;
 406   border-color:#000;
 407   color:#000;
 408 }
 409
 410 .list_cal_box.background{                   /* used for lots of things */
 411   border-color:#aaa;
 412 }
 413
 414
 415 .help_box {
 416   background-color:#fff;
 417   padding:5px;
 418   margin:5px;
 419   border-style:solid;
 420   border-width:1px;
 421   border-color:#000;
 422   color:#000;
 423   font-size:small;
 424 }
 425
 426 .help_title {
 427   color:#000;
 428   font-weight:bold;
 429   font-size:small;
 430 }
 431
 432
 433
 434
 435
 436 .error {            /* used for displaying errors */
 437   color:#f00;
 438   font-size:small;
 439 }
 440 .warning {          /* used for displaying warnings */
 441   color:#af0000;
 442   font-size:small;
 443 }
 444
 445 .highlight {          /* used for highlighting text */
 446   color:#000;
 447   background-color:#fffbba;
 448 }
 449 .required_field {       /* used for required input fields */
 450   color:#af0000;
 451   font-weight:bold;
 452   font-size:small;
 453 }
 454 .optional_field {       /* used for optional input fields */
 455   color:#000;
 456   font-weight:bold;
 457   font-size:small;
 458 }
 459 .fit_event {
 460   color:#000;            /* maroonish red! */
 461   font-weight:normal;
 462   font-size:x-small;
 463 }
 464 .small_note {
 465   color:#000;
 466   font-weight:normal;
 467   font-size:x-small;
 468 }
 469 .small_note a{
 470   font-weight:normal;
 471   font-size:x-small;
 472 }
 473 .cal_title {           /* used for calendar title */
 474   color:#000;
 475   font-weight:bold;
 476   font-size:large;
 477 }
 478
 479 .cal_month_title {    /* used for calendar month title */
 480   color:#000;
 481   font-weight:bold;
 482   font-size:medium;
 483 }
 484
 485 .date {           /* dates */
 486   font-weight:normal;
 487   font-style:normal;
 488   border:solid 0px #ababab;
 489   display:inline;
 490   margin:2px;
 491   padding:2px;
 492   padding-left:3px;
 493   padding-right:3px;
 494   line-height:30px;
 495   vertical-align:top;
 496   color:#666;
 497   float:left;
 498 }
 499
 500 .date.today {                     /* this can be used to put some image on today's date (like a circle around the date) */
 501   background-color:#fff;
 502   display:inline;
 503   color:#f00;
 504   font-weight:bold;
 505 }
 506
 507
 508
 509 /* styles for the event details pop-up */
 510
 511 .event_details {
 512   background-color:#fff;
 513   padding:5px;
 514   margin:0px;
 515   border:solid 1px #000;
 516   color:#000;
 517   line-height:1em;  /* This fixes the IE-only "peekaboo" bug */
 518   -moz-border-radius: .75em .75em .75em .75em;
 519 }
 520
 521 .event_details .date {
 522   font-weight:bold;
 523   font-style:italic;
 524 }
 525
 526 .event_details .title {
 527   font-weight:bold;
 528 }
 529
 530
 531 .icon_preview_box {            /* used for day zoom details box (below title) */
 532   background-color:#fff;
 533   padding:3px;
 534   margin:3px;
 535   border:solid 1px #000;
 536 }
 537
 538 td.day_names {                /* used for Sunday, Monday, etc.*/
 539   color:#000;
 540   font-weight:bold;
 541   font-size:small;
 542   font-style:italic;
 543   text-align:center;
 544   background-color:transparent;
 545   border-style:solid;
 546   border-width:0px;
 547   border-color: #000;
 548   margin:0px;
 549   width:100px;                /* this line makes each calendar cell at least a certain width */
 550 }
 551
 552 .day {               /* used for calendar cells*/
 553   background-color:#fff;
 554   border:solid 1px #333;
 555   padding:0;
 556   padding-left:2px;
 557   padding-right:2px;
 558   width:11%;
 559   font-size:small;
 560   font-weight:normal;
 561   vertical-align:top;
 562   height:2px;
 563 }
 564
 565 .day.other_month {               /* used for calendar days in months before & after the current month */
 566   color:#333333;
 567   font-size:small;
 568   background-color:#eeeeee;
 569 }
 570
 571 .day.other_month_multi {         /* used for odd months in multicalendar continuous month display */
 572   color:#333333;
 573   background-color:#eeeeee;
 574 }
 575
 576 .day.cell_bottom {               /* used for calendar cell bottoms */
 577   height: 3px;
 578   padding: 0;
 579   margin: 0;
 580 }
 581
 582 .day.spacer {                    /* used for spacers beneath multi-day events */
 583   height:auto;
 584 }
 585 .day.spacer.bottom {                    /* used for spacers beneath multi-day events */
 586 }
 587
 588 td.today {                          /* used for today's date */
 589   background-color:#fff;
 590 }
 591
 592 table.calendar {      /* used for invisible tables & divs */
 593   background-color:transparent;
 594   padding:0px;
 595   margin:0px;
 596   border:solid 0px #aaa;
 597   border-collapse:collapse;
 598   height:100%;
 599   margin-top:2em;
 600 }
 601
 602 td.event_slot {               /* this surrounds each event box on the calendar */
 603   border-style:solid;
 604   background-color:#fff;
 605   border-width:0px;
 606   border-color: #000;
 607   padding:2px;
 608   margin:0px;
 609 }
 610
 611 .layout {      /* used for invisible tables & divs */
 612   background-color:transparent;
 613   padding:0px;
 614   margin:0px;
 615   border-style:solid;
 616   border-width:0px;
 617   border-color:transparent;
 618 }
 619
 620 .list_odd {
 621   background-color:#eee;
 622 }
 623
 624 .list_even {
 625   background-color:#ccc;
 626 }
 627
 628
 629 /**************** print styles ************************/
 630
 631 @media print {
 632
 633 /* for printing, things should be black & white
 634    (backgrounds light, text & borders dark.)*/
 635
 636 /* set all fonts to black */
 637 font {
 638   color:#000 !important;
 639 }
 640
 641 /* set all links to black */
 642 a:link { color: #000 !important; text-decoration:none;}
 643 a:visited { color: #000 !important; text-decoration:none;}
 644
 645
 646 body {
 647   background-color: #fff;
 648   background-image:none;
 649 }
 650
 651 #plans_links {
 652   display:none;
 653 }
 654
 655 #tab_menu {
 656   display:none;
 657 }
 658
 659 .calendar_controls {
 660   display:none;
 661 }
 662
 663 .prev_next {
 664   display:none;
 665 }
 666
 667 }