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: bottom;
 285 }
 286 #DEM .label {
 287     font-weight: bold;
 288     font-size: 0.8em;
 289     vertical-align: bottom;
 290     text-align: right;
 291 }
 292 #DEM .data {
 293     font-size: 0.8em;
 294     vertical-align: bottom;
 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: bottom;
 307     height: 2em;
 308 }
 309 #HIS .label {
 310     font-weight: bold;
 311     font-size: 0.8em;
 312     vertical-align: bottom;
 313 }
 314 #HIS .data {
 315     font-size: 0.8em;
 316     vertical-align: bottom;
 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     width: 100%;
 356     padding: 10px;
 357 }
 358
 359 #patient_stats table {
 360     width: 100%;
 361     border-collapse: collapse;
 362 }
 363 #patient_stats td {
 364     padding: 3px;
 365 }
 366 #patient_stats .statrow {
 367     cursor: pointer;
 368 }
 369
 370 #patient_stats .head {
 371     font-size:10pt;
 372     background-color:#cccccc;
 373     text-align:center;
 374 }
 375
 376 #patient_stats .detail {
 377     font-size:10pt;
 378     vertical-align: top;
 379 }
 380
 381 #patient_stats .btn {
 382     background-color:transparent;
 383 }
 384
 385 #patient_stats .bg1 {
 386     background-color: #ddddff;
 387 }
 388 #patient_stats .bg2 {
 389     background-color: #ffdddd;
 390 }
 391
 392 #patient_stats .center {
 393     text-align: center;
 394 }
 395
 396
 397 /*=============================================================
 398  * Patient Stats Summary
 399  * seen in the patient summary screen
 400  *============================================================*/
 401 #patient_stats_summary table {
 402     border-collapse: collapse;
 403 }
 404 #patient_stats_summary .noend_noreturn {
 405     color: #ee0000;
 406 }
 407 #patient_stats_summary .noend {
 408     color: #dd5500;
 409 }
 410 #patient_stats_summary .noreturn {
 411     color: #0000ff;
 412 }
 413 #patient_stats_summary .title {
 414     font-size: 1.1em;
 415 }
 416 #patient_stats_issues {
 417     width: 100%;
 418 }
 419 #patient_stats_spreadsheets {
 420     width: 100%;
 421 }
 422 #patient_stats_imm {
 423     width: 100%;
 424 }
 425 #patient_stats_prescriptions {
 426     width: 100%;
 427 }
 428
 429 /*=============================================================
 430  * Patient Past Encounters and Documents
 431  * seen in the patient encounter screen
 432  *============================================================*/
 433 #patient_pastenc {
 434     width:100%;
 435 }
 436
 437 #patient_pastenc .billing_note {
 438     width: 25%;
 439 }
 440 #patient_pastenc .billing_note_text {
 441     padding: 5px;
 442     border: 2px outset black;
 443     background-color: lightgrey;
 444 }
 445 #patient_pastenc .billing_note_text_highlight {
 446     background-color:#f7f5d1;
 447 }
 448 #patient_pastenc table {
 449     border-collapse: collapse;
 450     width:100%;
 451 }
 452 #patient_pastenc tr {
 453     cursor: pointer;
 454 }
 455 #patient_pastenc td {
 456     border-top: 1px solid black;
 457     vertical-align: top;
 458 }
 459 #patient_pastenc th {
 460     text-align: left;
 461 }
 462 #patient_pastenc #tooltipdiv {
 463     position:absolute;
 464     width:500px;
 465     border:1px solid black;
 466     padding:2px;
 467     background-color:#ffffaa;
 468     visibility:hidden;
 469     z-index:1000;
 470     font-size:9pt;
 471 }
 472 #patient_pastenc .highlight {
 473     background-color: #fff;
 474 }
 475 #patient_pastenc .tooltip {
 476     position:absolute;
 477     border:1px solid #333;
 478     background:#f7f5d1;
 479     padding:2px 5px;
 480     color:#333;
 481     display:none;
 482 }
 483
 484
 485 /*=============================================================
 486  * Patient Reports
 487  * seen in the patient reports screens
 488  *============================================================*/
 489 #patient_reports {
 490     width:100%;
 491 }
 492 #patient_reports .issues {
 493     padding-right: 30px;
 494 }
 495 #patient_reports .issues table {
 496     margin: 10px 0px 10px 0px;
 497 }
 498 #patient_reports .issues td {
 499     padding: 2px;
 500 }
 501 #patient_reports .encounters td {
 502     padding: 2px;
 503 }
 504 #patient_reports .encounter_forms {
 505     margin:5px 15px 5px 15px;
 506 }
 507 #patient_reports td {
 508     vertical-align: top;
 509 }
 510 #patient_reports ul {
 511     list-style: none;
 512 }
 513
 514
 515 /*=============================================================
 516  * Report - Custom
 517  * seen as the patient report (custom_report.php)
 518  *============================================================*/
 519 #report_custom {
 520     width:100%;
 521 }
 522 #report_custom hr {
 523     border: 2px dotted black;
 524 }
 525 #report_custom .billing {
 526     margin: 5px;
 527     padding: 5px;
 528 }
 529 #report_custom h1 {
 530     font-size: 120%;
 531     margin:  0px 0px 5px 0px;
 532     padding: 0px;
 533 }
 534 #report_custom .immunizations {
 535     margin: 5px;
 536     padding: 5px;
 537 }
 538 #report_custom .notes {
 539     margin: 5px;
 540     padding: 5px;
 541 }
 542 #report_custom .transactions {
 543     margin: 5px;
 544     padding: 5px;
 545 }
 546 #report_custom .communications {
 547     margin: 5px;
 548     padding: 5px;
 549 }
 550 #report_custom .documents {
 551     margin: 5px;
 552     padding: 5px;
 553 }
 554 #report_custom .demographics {
 555     margin: 5px;
 556     padding: 5px;
 557 }
 558 #report_custom .insurance {
 559     margin: 5px;
 560     padding: 5px;
 561 }
 562 #report_custom .history {
 563     margin: 5px;
 564     padding: 5px;
 565 }
 566 #report_custom .issue {
 567     margin-left: 20px;
 568 }
 569 #report_custom .issue_type {
 570     font-weight: bold;
 571     padding: 5px 0px 5px 0px;
 572 }
 573 #report_custom .issue_diag {
 574     margin: 0px 20px 0px 20px;
 575 }
 576 #report_custom .issue_title {
 577 }
 578 #report_custom .issue_comments {
 579 }
 580 #report_custom .encounter {
 581     width: 100%;
 582     border-top:2px dotted black;
 583     padding: 10px 5px 10px 5px;
 584     margin-top: 10px;
 585 }
 586 #report_custom .encounter h1 {
 587     font-size: 140%;
 588     margin: 0px;
 589     padding: 0px;
 590 }
 591 #report_custom .encounter_form {
 592     margin: 10px;
 593     padding: 10px;
 594     border-top: 1px solid gray;
 595 }