interface/themes/style_sky_blue.css

   1 body {
   2     margin: 0px 0px 0px 2px;
   3     /* set the base font and size for all DOM children */
   4     font-family: sans-serif;
   5     font-size: 1em;  /* set the base font size for all DOM children */
   6 }
   7
   8 a {
   9   color: #0000cc;
  10   text-decoration: none;
  11 }
  12
  13 a:visited {
  14   color: #0000cc;
  15 }
  16
  17 a:hover {
  18   color: #ff5555;
  19 }
  20
  21 .menu {
  22     font-family: sans-serif;
  23     font-style: italic;
  24     font-size: 11pt;
  25     color: #0000cc;
  26     text-decoration: none;
  27     text-align: left;
  28 }
  29
  30 .menu_selected {
  31     font-family: sans-serif;
  32     font-style: italic;
  33     font-size: 11pt;
  34     color: #000000;
  35     text-decoration: none;
  36     text-align: left;
  37 }
  38
  39 .logout {
  40     font-family: sans-serif;
  41     font-style: italic;
  42     font-size: 11pt;
  43     color: #000000;
  44     text-decoration: none;
  45     text-align: right;
  46 }
  47
  48 .text {
  49     font-family: sans-serif;
  50     text-decoration: none;
  51     color: #000000;
  52     font-size: 10pt;
  53 }
  54
  55 .required {
  56     font-family: sans-serif;
  57     text-decoration: none;
  58     font-size: 10pt;
  59     color: #880000;
  60     font-weight: bold;
  61 }
  62
  63 .bold {
  64     font-family: sans-serif;
  65     text-decoration: none;
  66     font-size: 10pt;
  67     color: #000000;
  68     font-weight: bold;
  69 }
  70
  71 .alert {
  72     font-family: sans-serif;
  73     font-size: 70%;
  74     color: #FF0000;
  75     text-decoration: none;
  76 }
  77
  78 .small {
  79     text-decoration: none;
  80     color: #000000;
  81     font-family: sans-serif;
  82     font-size: 80%;
  83 }
  84
  85 .link {
  86     font-family: sans-serif;
  87     text-decoration: none;
  88     color: #0000cc;
  89     font-size: 70%;
  90 }
  91
  92 .more {
  93     font-family: sans-serif;
  94     text-decoration: none;
  95     font-size: 70%;
  96 }
  97
  98 .back {
  99     font-family: sans-serif;
 100     text-decoration: none;
 101     font-size: 70%;
 102 }
 103
 104 .link_selected {
 105     font-family: sans-serif;
 106     text-decoration: none;
 107     color: #0000FF;
 108     font-size: 70%;
 109 }
 110
 111 .link_selected:visited {
 112     font-family: sans-serif;
 113     text-decoration: none;
 114     color: #0000FF;
 115     font-size: 70%;
 116 }
 117
 118 .link_submit {
 119     font-family: sans-serif;
 120     text-decoration: none;
 121     color: #000077;
 122     font-size: 10pt;
 123 }
 124
 125 .link_submit a:visited {
 126   color: #000077;
 127 }
 128
 129 .link_submit a:hover {
 130   color: #ff5555;
 131 }
 132
 133 .items {
 134     font-family: sans-serif;
 135     font-size: 6pt;
 136 }
 137
 138 .title {
 139     font-family: sans-serif;
 140     font-size: 12pt;
 141     font-weight: bold;
 142     text-decoration: none;
 143 }
 144
 145 /* see .titlebar below */
 146 .title_bar {
 147     font-family: sans-serif;
 148     font-size: 12pt;
 149     font-weight: bold;
 150     text-decoration: none;
 151     color: #000000;
 152 }
 153
 154 .title_bar_top {
 155     font-family: sans-serif;
 156     font-size: 13px;
 157     font-weight: bold;
 158     text-decoration: none;
 159     color: #000000;
 160 }
 161
 162 /*=============================================================
 163  * Here we have taken variables from globals.php and turned them into CSS classes
 164  * these should be used in place of the GLOBAL variables -- JRM March 2008
 165  *=============================================================*/
 166 .body_top { background-color: #94d6e7; }    /* $top_bg_line */
 167 .bgcolor2 { background-color: #94d6e7; }    /* $GLOBALS['style']['BGCOLOR2'] */
 168 .body_bottom { background: url('../pic/aquabg.gif') repeat; }  /* $bottom_bg_line */
 169 .body_title { background-color: #aaffff; }  /* $title_bg_line */
 170 .body_nav { background-color: #94d6e7; }    /* $nav_bg_line */
 171 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 172 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 173 .table_bg { background-color: #ccc; }           /* $table_bg */
 174 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 175 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 176 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 177 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 178 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight'] */
 179 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 180 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 181
 182
 183 /* style taken out of the addressbook code and put here instead */
 184 #addressbook_list td {
 185 font-family: Arial, Helvetica, sans-serif;
 186 padding-left: 4px;
 187 padding-right: 4px;
 188 }
 189 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover {
 190 color:#0000cc;
 191 }
 192 #addressbook_list tr.search {
 193 font-size:9pt;
 194 font-weight:bold;
 195 }
 196 #addressbook_list tr.head {
 197 font-size:10pt;
 198 background-color:#cccccc;
 199 font-weight:bold;
 200 }
 201 #addressbook_list tr.detail {
 202 font-size:10pt;
 203 }
 204 #addressbook_list .inputtext {
 205 font-family:monospace;
 206 font-size:9pt;
 207 font-weight:normal;
 208 border-style:solid;
 209 border-width:1px;
 210 border-color: #000000;
 211 background-color:transparent;
 212 }
 213 #addressbook_list .button {
 214 font-family:sans-serif;
 215 font-size:8pt;
 216 font-weight:bold;
 217 }
 218
 219 /* styles taken out of templates/report/general_default.html */
 220 #reports_list td {
 221 font-size:8pt;
 222 font-family:helvetica;
 223 }
 224 #reports_list a {
 225 font-size:8pt;
 226 font-family:helvetica;
 227 }
 228
 229 /* styles taken out of templates/documents/general_list.html */
 230 #documents_list td {
 231 font-size:8pt;
 232 font-family:helvetica;
 233 }
 234 #documents_list a {
 235 font-size:8pt;
 236 font-family:helvetica;
 237 }
 238 #documents_list .treeMenuDefault {
 239 font-style: italic;
 240 }
 241 #documents_list .treeMenuBold {
 242 font-style: italic;
 243 font-weight: bold;
 244 }
 245 #documents_list {
 246     width: 25%;
 247     height: 90%;
 248     overflow: auto;
 249     border: 2px inset;
 250     float: left;
 251 }
 252 #documents_actions {
 253     padding-top: 10px;
 254     width: 70%;
 255     height: 90%;
 256     float: right;
 257     overflow: auto;
 258 }
 259 #documents_actions iframe {
 260     display: inline;
 261     border:none;
 262     width:100%;
 263     height:600px;
 264     overflow: auto;
 265 }
 266 #documents_actions form {
 267     margin: 0px; padding: 0px;
 268 }
 269 #documents_actions table {
 270     width: 100%;
 271     height: 100%;
 272 }
 273
 274 /*=============================================================
 275  * This section relates to the custom layouts that can be made
 276  * using the OEMR tool in the Admin section. For example, the
 277  * Patient Demographics are a custom layout.
 278  *============================================================*/
 279 #DEM .groupname {
 280     font-weight: bold;
 281     color: #080;
 282     font-size: 0.8em;
 283     padding-right: 5px;
 284     vertical-align: top;
 285 }
 286 #DEM .label {
 287     font-weight: bold;
 288     font-size: 0.8em;
 289     vertical-align: top;
 290     text-align: right;
 291 }
 292 #DEM .data {
 293     font-size: 0.8em;
 294     vertical-align: top;
 295     text-align: left;
 296     padding-right: 30px;
 297 }
 298
 299 /* Patient History */
 300
 301 #HIS .groupname {
 302     font-weight: bold;
 303     color: #080;
 304     font-size: 0.8em;
 305     padding-right: 5px;
 306     vertical-align: top;
 307     height: 2em;
 308 }
 309 #HIS .label {
 310     font-weight: bold;
 311     font-size: 0.8em;
 312     vertical-align: top;
 313 }
 314 #HIS .data {
 315     font-size: 0.8em;
 316     vertical-align: top;
 317     text-align: left;
 318     padding-right: 30px;
 319 }
 320
 321
 322 /*=============================================================
 323  * Patient Notes
 324  * seen in the patient summary and notes screens
 325  *============================================================*/
 326 #pnotes .billing {
 327     background-color: #dfd;
 328 }
 329
 330 #pnotes .highlight {
 331     background-color: #fff;
 332 }
 333
 334 #pnotes table {
 335     border-collapse:collapse;
 336 }
 337
 338 #pnotes .noterow {
 339     cursor: pointer;
 340 }
 341
 342 #pnotes .noterow td {
 343     border-top:1px solid black;
 344     vertical-align: top;
 345     padding: 5px;
 346     margin: 5px;
 347 }
 348
 349
 350 /*=============================================================
 351  * Patient Stats
 352  * seen in the patient stats screens
 353  *============================================================*/
 354 #patient_stats {
 355     padding: 10px;
 356 }
 357
 358 #patient_stats table {
 359     width: 100%;
 360     border-collapse: collapse;
 361 }
 362 #patient_stats td {
 363     padding: 3px;
 364 }
 365 #patient_stats .statrow {
 366     cursor: pointer;
 367 }
 368
 369 #patient_stats .head {
 370     font-size:10pt;
 371     background-color:#cccccc;
 372     text-align:center;
 373 }
 374
 375 #patient_stats .detail {
 376     font-size:10pt;
 377     vertical-align: top;
 378 }
 379
 380 #patient_stats .btn {
 381     background-color:transparent;
 382 }
 383
 384 #patient_stats .bg1 {
 385     background-color: #ddddff;
 386 }
 387 #patient_stats .bg2 {
 388     background-color: #ffdddd;
 389 }
 390
 391 #patient_stats .center {
 392     text-align: center;
 393 }
 394
 395
 396 /*=============================================================
 397  * Patient Stats Summary
 398  * seen in the patient summary screen
 399  *============================================================*/
 400 #patient_stats_summary table {
 401     border-collapse: collapse;
 402 }
 403 #patient_stats_summary .noend_noreturn {
 404     color: #ee0000;
 405 }
 406 #patient_stats_summary .noend {
 407     color: #dd5500;
 408 }
 409 #patient_stats_summary .noreturn {
 410     color: #0000ff;
 411 }
 412 #patient_stats_summary .title {
 413     font-size: 1.1em;
 414 }
 415 #patient_stats_issues {
 416     width: 100%;
 417 }
 418 #patient_stats_spreadsheets {
 419     width: 100%;
 420 }
 421 #patient_stats_imm {
 422     width: 100%;
 423 }
 424 #patient_stats_prescriptions {
 425     width: 100%;
 426 }
 427
 428 /*=============================================================
 429  * Patient Past Encounters and Documents
 430  * seen in the patient encounter screen
 431  *============================================================*/
 432 #patient_pastenc {
 433     width:100%;
 434 }
 435
 436 #patient_pastenc .billing_note {
 437     width: 25%;
 438 }
 439 #patient_pastenc .billing_note_text {
 440     padding: 5px;
 441     border: 2px outset black;
 442     background-color: lightgrey;
 443 }
 444 #patient_pastenc .billing_note_text_highlight {
 445     background-color:#f7f5d1;
 446 }
 447 #patient_pastenc table {
 448     border-collapse: collapse;
 449     width:100%;
 450 }
 451 #patient_pastenc tr {
 452     cursor: pointer;
 453 }
 454 #patient_pastenc td {
 455     border-top: 1px solid black;
 456     vertical-align: top;
 457 }
 458 #patient_pastenc th {
 459     text-align: left;
 460 }
 461 #patient_pastenc #tooltipdiv {
 462     position:absolute;
 463     width:500px;
 464     border:1px solid black;
 465     padding:2px;
 466     background-color:#ffffaa;
 467     visibility:hidden;
 468     z-index:1000;
 469     font-size:9pt;
 470 }
 471 #patient_pastenc .highlight {
 472     background-color: #fff;
 473 }
 474 #patient_pastenc .tooltip {
 475     position:absolute;
 476     border:1px solid #333;
 477     background:#f7f5d1;
 478     padding:2px 5px;
 479     color:#333;
 480     display:none;
 481 }
 482
 483
 484 /*=============================================================
 485  * Patient Reports
 486  * seen in the patient reports screens
 487  *============================================================*/
 488 #patient_reports {
 489     width:100%;
 490 }
 491 #patient_reports .issues {
 492     padding-right: 30px;
 493 }
 494 #patient_reports .issues table {
 495     margin: 10px 0px 10px 0px;
 496 }
 497 #patient_reports .issues td {
 498     padding: 2px;
 499 }
 500 #patient_reports .encounters td {
 501     padding: 2px;
 502 }
 503 #patient_reports .encounter_forms {
 504     margin:5px 15px 5px 15px;
 505 }
 506 #patient_reports td {
 507     vertical-align: top;
 508 }
 509 #patient_reports ul {
 510     list-style: none;
 511 }
 512
 513
 514 /*=============================================================
 515  * Report - Custom
 516  * seen as the patient report (custom_report.php)
 517  *============================================================*/
 518 #report_custom {
 519     width:100%;
 520 }
 521 #report_custom hr {
 522     border: 2px dotted black;
 523 }
 524 #report_custom .billing {
 525     margin: 5px;
 526     padding: 5px;
 527 }
 528 #report_custom h1 {
 529     font-size: 120%;
 530     margin:  0px 0px 5px 0px;
 531     padding: 0px;
 532 }
 533 #report_custom .immunizations {
 534     margin: 5px;
 535     padding: 5px;
 536 }
 537 #report_custom .notes {
 538     margin: 5px;
 539     padding: 5px;
 540 }
 541 #report_custom .transactions {
 542     margin: 5px;
 543     padding: 5px;
 544 }
 545 #report_custom .communications {
 546     margin: 5px;
 547     padding: 5px;
 548 }
 549 #report_custom .documents {
 550     margin: 5px;
 551     padding: 5px;
 552 }
 553 #report_custom .demographics {
 554     margin: 5px;
 555     padding: 5px;
 556 }
 557 #report_custom .insurance {
 558     margin: 5px;
 559     padding: 5px;
 560 }
 561 #report_custom .history {
 562     margin: 5px;
 563     padding: 5px;
 564 }
 565 #report_custom .issue {
 566     margin-left: 20px;
 567 }
 568 #report_custom .issue_type {
 569     font-weight: bold;
 570     padding: 5px 0px 5px 0px;
 571 }
 572 #report_custom .issue_diag {
 573     margin: 0px 20px 0px 20px;
 574 }
 575 #report_custom .issue_title {
 576 }
 577 #report_custom .issue_comments {
 578 }
 579 #report_custom .encounter {
 580     width: 100%;
 581     border-top:2px dotted black;
 582     padding: 10px 5px 10px 5px;
 583     margin-top: 10px;
 584 }
 585 #report_custom .encounter h1 {
 586     font-size: 140%;
 587     margin: 0px;
 588     padding: 0px;
 589 }
 590 #report_custom .encounter_form {
 591     margin: 10px;
 592     padding: 10px;
 593     border-top: 1px solid gray;
 594 }
 595 #addressbook_list tr.evenrow {
 596     background-color:#ddddff;
 597 }
 598 #addressbook_list tr.oddrow {
 599     background-color:#ffffff;
 600 }
 601