webkell/css/site.css

   1 /* ****************************************************** RESET ************************************ */
   2
   3 /*
   4 Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   5 Code licensed under the BSD License:
   6 http://developer.yahoo.net/yui/license.txt
   7 version: 2.7.0
   8 */
   9 /**
  10  * YUI Reset
  11  * @module reset
  12  * @namespace
  13  * @requires
  14  */
  15 html {
  16         color: #000;
  17         background: #FFF;
  18 }
  19
  20 body,
  21 div,
  22 dl,
  23 dt,
  24 dd,
  25 ul,
  26 ol,
  27 li,
  28 h1,
  29 h2,
  30 h3,
  31 h4,
  32 h5,
  33 h6,
  34 pre,
  35 code,
  36 form,
  37 fieldset,
  38 legend,
  39 input,
  40 button,
  41 textarea,
  42 p,
  43 blockquote,
  44 th,
  45 td {
  46         margin: 0;
  47         padding: 0;
  48 }
  49
  50 table {
  51         border-collapse: collapse;
  52         border-spacing: 0;
  53 }
  54
  55 fieldset,
  56 img {
  57         border: 0;
  58 }
  59
  60 address,
  61 caption,
  62 cite,
  63 code,
  64 dfn,
  65 em,
  66 strong,
  67 th,
  68 var,
  69 optgroup {
  70         font-style: inherit;
  71         font-weight: inherit;
  72 }
  73
  74 del,
  75 ins {
  76         text-decoration: none;
  77 }
  78
  79 li {
  80         list-style: none;
  81 }
  82
  83 caption,
  84 th {
  85         text-align: left;
  86 }
  87
  88 h1,
  89 h2,
  90 h3,
  91 h4,
  92 h5,
  93 h6 {
  94         font-size: 100%;
  95         font-weight: normal;
  96 }
  97
  98 q:before,
  99 q:after {
 100         content: '';
 101 }
 102
 103 abbr,
 104 acronym {
 105         border: 0;
 106         font-variant: normal;
 107 }
 108
 109 sup {
 110         vertical-align: baseline;
 111 }
 112
 113 sub {
 114         vertical-align: baseline;
 115 }
 116
 117 /*because legend doesn't inherit in IE */
 118 legend {
 119         color: #000;
 120 }
 121
 122 input,
 123 button,
 124 textarea,
 125 select,
 126 optgroup,
 127 option {
 128         font-family: inherit;
 129         font-size: inherit;
 130         font-style: inherit;
 131         font-weight: inherit;
 132 }
 133
 134 /*@purpose To enable resizing for IE */
 135 /*@branch For IE6-Win, IE7-Win */
 136 input,
 137 button,
 138 textarea,
 139 select {
 140         *font-size: 100%;
 141 }
 142
 143 /* ****************************************************** SITE DEFAULTS ************************************ */
 144
 145 html, body, div, span, img, h1, h2, h3, h4, h5, h6, p, big, small, a, del, em, strong, sub, sup, code, pre, dl, dt, dd, ol, ul, li, blockquote, q, form, label, legend, fieldset, input, select, textarea, table, tbody, tfoot, thead, caption, tr, th, td {
 146         font-family:arial,sans-serif;
 147         position:relative;
 148         text-align:left;
 149 }
 150
 151 html {
 152         background-color:#fff;
 153 }
 154
 155 body {
 156         margin-top:8px;
 157         margin-left:8px;
 158         font-size:12px;
 159         color:#136;
 160 }
 161
 162 a {
 163         text-decoration: none;
 164         color:#136;
 165 }
 166
 167 #bk_main {
 168         width:1024px;
 169         height:700px;
 170         background-image:url(/images/gradient.jpg);
 171 }
 172
 173 #contentmain {
 174         width:810px;
 175         height:700px;
 176         left:107px;
 177 }
 178
 179 #contentheader {
 180         height:90px;
 181         background-color:#fff;
 182 }
 183
 184 #contentnav {
 185         padding:7px;
 186         padding-left:15px;
 187         height:15px;
 188         background-image:url(/images/navgradient.jpg);
 189         border-bottom:1px solid #37a;
 190 }
 191
 192 #contentnav span {
 193         font-size:14px;
 194 }
 195
 196 .horizspacer {
 197         margin-left:15px;
 198         margin-right:15px;
 199 }
 200
 201 .smhorizspacer {
 202         margin-left:10px;
 203         margin-right:10px;
 204 }
 205
 206 #contentbox {
 207         width:100%;
 208         background-color:#5ae;
 209         overflow:hidden;
 210 }
 211
 212 .lborder {
 213         border-left:2px solid #58a;
 214 }
 215
 216 #shadow {
 217         position:absolute;
 218         top:3px;
 219         left:3px;
 220         height:600px;
 221         width:810px;
 222         background:#7ac;
 223 }
 224
 225 #iconholder {
 226         float:left;
 227         width:389px;
 228         margin-top:2px;
 229         margin-left:22px;
 230 }
 231
 232 #loginholder {
 233         float:left;
 234         padding-top:20px;
 235         width:389px;
 236         height:60px;
 237 }
 238
 239 #topadholder {
 240         float:left;
 241         padding-top:20px;
 242         width:389px;
 243         height:60px;
 244         background-color:#666;
 245 }
 246
 247 .leftgrid {
 248         font-weight:800;
 249         float:left;
 250         width:43%;
 251         height:45px;
 252 }
 253
 254 #gocol {
 255         padding-top:13px;
 256         width:4%;
 257         height:32px;
 258 }
 259
 260 #forgotrow {
 261         clear:both;
 262         width:100%;
 263         height:15px;
 264 }
 265
 266 #contentfoot {
 267         top:4px;
 268         height:96px;
 269         background-color:#fff;
 270         padding:2px 10px 10px 10px;
 271 }
 272
 273 #contentfoot p {
 274         margin:10px;
 275 }
 276
 277 #contentleftcol {
 278         width:385px;
 279         padding:10px 5px 10px 5px;
 280         height:460px;
 281 }
 282
 283 #contentcentercol {
 284         padding-top:40px;
 285         height:440px;
 286         width:208px;
 287 }
 288
 289 #contentcentercol p {
 290         color:black;
 291         font-weight:400;
 292         margin:0px 35px 10px 5px;
 293 }
 294
 295 .heading {
 296         font-size:18px;
 297 }
 298
 299 #contentrightcol {
 300
 301 }
 302
 303 .contentwindow {
 304         height:480px;
 305         width:25%;
 306 }
 307
 308 #fastandeasy {
 309         padding:12px 0px 0px 22px;
 310         font-weight:400;
 311         color:black;
 312         font-size:24px;
 313 }
 314
 315 .huge {
 316         font-size:36px;
 317 }
 318
 319 .pushright {
 320         margin-left:40px;
 321 }
 322
 323 #advert {
 324         height:430px;
 325         width:163px;
 326         margin:20px 10px 30px 10px;
 327         background-color:#333;
 328         color:#ccc;
 329 }
 330
 331 .signuppadding {
 332         padding:12px;
 333         color:black;
 334         font-weight:400;
 335         margin:0px 35px 10px 5px;
 336 }
 337
 338 .signuppadding p {
 339         margin-bottom:10px;
 340 }
 341
 342 p.largeheading {
 343         font-size:24px;
 344         margin-bottom:20px;
 345 }
 346
 347 .signuppadding td {
 348         padding:0px 0px 8px 5px;
 349 }
 350
 351 #loggedinnote {
 352         float:right;
 353         margin-right:2px;
 354 }
 355
 356 #bkeeping_dialog {
 357         display:none;
 358 }
 359
 360 h3 {
 361         font-weight:800;
 362         font-size:16px;
 363         color:#333;
 364         float: left;
 365         position: relative;
 366 }
 367
 368 .form_holder_cell {
 369         width:375px;
 370         height:250px;
 371         background-color:#f7f7f7;
 372         border:1px solid #333;
 373         float:left;
 374         margin:3px;
 375         padding:3px;
 376 }
 377
 378 .cell_content {
 379         width:373px;
 380 }
 381
 382 .cell_corner {
 383         width:10px;
 384         height:10px;
 385         float:left;
 386 }
 387
 388 .cell_preheader {
 389         width:373px;
 390         height:10px;
 391 }
 392
 393 .cell_preheader_l { background-image:url(../images/bw-round-corner-tl.png); }
 394 .cell_preheader_r { background-image:url(../images/bw-round-corner-tr.png); }
 395 .cell_postheader_l { background-image:url(../images/bw-round-corner-bl.png); }
 396 .cell_postheader_r { background-image:url(../images/bw-round-corner-br.png); }
 397
 398 .cell_h_c {
 399         width:353px;
 400         background-color:#fff;
 401         float:left;
 402 }
 403
 404 .cell_preheader_c {
 405         border-top:1px solid #777;
 406         height:10px;
 407 }
 408
 409 .cell_postheader_c {
 410         border-bottom:1px solid #777;
 411         height:9px;
 412 }
 413
 414 .cell_header {
 415         height:25px;
 416         padding:0px 10px 0px 10px;
 417         border-left:1px solid #777;
 418         border-right:1px solid #777;
 419         background-color:#fff;
 420 }
 421
 422 .cell_window {
 423         /*width:331px;
 424         height:202px;*/
 425         padding:0px 20px 0px 20px;
 426         border-left:1px solid #777;
 427         border-right:1px solid #777;
 428         background-color:#fff;
 429         float: left;
 430         position: relative;
 431 }
 432
 433 #accounts_ui {
 434         position:absolute;
 435         left:0px;
 436         top:0px;
 437 }
 438
 439 #accounts_content {
 440         height:400px;
 441 }
 442
 443 #accounts_content_list {
 444         height:358px;
 445         width:309px;
 446         top:10px;
 447         margin:0px 10px 20px 10px;
 448         border:1px solid black;
 449         overflow-x:hidden;
 450         overflow-y:scroll;
 451 }
 452
 453 #acl_header {
 454         width:290px;
 455         height:20px;
 456 }
 457
 458 .form_header_row {
 459         background-color:#d8d8d8;
 460 }
 461
 462 .row {
 463         height:20px;
 464         padding:4px 0px 4px 4px;
 465 }
 466
 467 .odd_row {
 468         background-color:#e8e8e8;
 469 }
 470
 471 .left_column {
 472         float:left;
 473 }
 474
 475 .edit_column {
 476         width:18px;
 477         height:18px;
 478         padding:2px;
 479 }
 480
 481 .name_column {
 482         width:90px;
 483         height:14px;
 484         padding:2px;
 485 }
 486
 487 .large_name_column {
 488         height:14px;
 489         padding:2px;
 490         width: 90%;
 491 }
 492
 493 .category_column {
 494         width:70px;
 495         height:14px;
 496         padding:2px;
 497 }
 498
 499 .balance_column {
 500         width:70px;
 501         height:14px;
 502         padding:2px;
 503 }
 504
 505 .delete_column {
 506         width:18px;
 507         height:18px;
 508         padding:2px;
 509 }
 510
 511 .entry_column {
 512         width:100px;
 513         height:14px;
 514         padding:2px;
 515 }
 516
 517 .date_column {
 518         width:60px;
 519         height:14px;
 520         padding:2px;
 521 }
 522
 523 #journal_ui {
 524         position:absolute;
 525         left:436px;
 526         top:0px;
 527         display:none;
 528 }
 529
 530 #journal_content {
 531         height:400px;
 532 }
 533
 534 #journal_content_list {
 535         height:358px;
 536         width:309px;
 537         top:10px;
 538         margin:0px 10px 20px 10px;
 539         border:1px solid black;
 540         overflow-x:hidden;
 541         overflow-y:scroll;
 542 }
 543
 544 #j_header {
 545         width:290px;
 546         height:20px;
 547 }
 548
 549 #journals_ui {
 550         position:absolute;
 551         left:436px;
 552         top:0px;
 553 }
 554
 555 #journals_content {
 556         /* height:200px; */
 557 }
 558
 559 #journals_content_list {
 560         height:357px;
 561         /* width:309px; */
 562         top:10px;
 563         margin:0px 10px 20px 10px;
 564         border:1px solid black;
 565         overflow-x:hidden;
 566         overflow-y:scroll;
 567 }
 568
 569 #js_header {
 570         /*width:290px; */
 571         /* height:20px; */
 572 }
 573
 574 #modal_screen {
 575         display:none;
 576         position:absolute;
 577         top:0px;
 578         left:0px;
 579         width:100%;
 580         height:100%;
 581         background-color:#999;
 582         z-index:100;
 583 }
 584
 585 .modal_dialog {
 586         z-index:200;
 587 }
 588
 589 .overhang {
 590         position:absolute;
 591         width:10px;
 592         height:20px;
 593         background-color:#fff;
 594         top:10px;
 595         font-size:14px;
 596         font-weight:800;
 597         cursor:pointer;
 598 }
 599
 600 #accounts_close_thingy {
 601         right:-10px;
 602 }
 603
 604 #journals_close_thingy {
 605         left:-10px;
 606 }
 607
 608 .adder_plus {
 609         font-size:20px;
 610         font-weight:800;
 611         position: relative;
 612         cursor:pointer;
 613         float: right;
 614         top: 0;
 615 }
 616