interface/themes/style_oemr.css

   1 /*=============================================================
   2  *
   3  * This stylesheet was built with this color scheme
   4  * http://www.wellstyled.com/tools/colorscheme2/index-en.html?tetrad;50;0;217;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0.35930735930735924;0.9058823529411765;0.35930735930735924;0.6341176470588235;0.08982683982683981;1;0.17965367965367962;1;0
   5  *
   6  *============================================================*/
   7 body {
   8     margin: 0px 0px 0px 2px;
   9     /* set the base font and size for all DOM children */
  10     font-family: sans-serif;
  11     font-size: 1em;
  12     background-color: #94d6e7;
  13 }
  14
  15 a {
  16   color: #250DA6;
  17   text-decoration: none;
  18 }
  19
  20 a:visited { color: #0000cc; }
  21 a:hover { color: #A28268; text-decoration: underline; }
  22
  23
  24 /*=============================================================
  25  * The top-menu in the old style, non-concurrent, layout where
  26  * the menu runs across the top of the window
  27  *============================================================*/
  28 #nav_topmenu {
  29     width: 100%;
  30     overflow: hidden;
  31     padding: 0px; margin: 0px;
  32 }
  33 #nav_topmenu form {
  34     padding: 0px; margin: 0px;
  35 }
  36 #nav_topmenu table {
  37     width: 100%;
  38     padding: 0px; margin: 0px;
  39     border-collapse: collapse;
  40 }
  41 #nav_topmenu tr {
  42     padding: 0px; margin: 0px;
  43 }
  44 #nav_topmenu td {
  45     padding: 0px; margin: 0px;
  46     text-align: center;
  47 }
  48 #nav_topmenu a {
  49     padding: 1px 2px 1px 2px;
  50     text-decoration: none;
  51     color: #004E63;
  52 }
  53 #nav_topmenu a:hover {
  54     background-color: #6895A2;
  55     color: #E8FAFF;
  56 }
  57 /* menu, menu_selected, and logout are older classes still used */
  58 .menu {
  59     font-size: 0.8em;
  60     color: #6895A2;
  61     text-align: left;
  62 }
  63 .menu a:hover {
  64     background-color: #6895A2;
  65     color: #E8FAFF;
  66 }
  67 .menu_selected {
  68     font-style: italic;
  69     color: #000000;
  70     text-align: left;
  71 }
  72 .logout {
  73     font-style: italic;
  74     color: #000000;
  75     text-align: right;
  76 }
  77
  78 .text {
  79     text-decoration: none;
  80     color: #000000;
  81     font-size: 10pt;
  82 }
  83
  84 .required {
  85     text-decoration: none;
  86     font-size: 10pt;
  87     color: #880000;
  88     font-weight: bold;
  89 }
  90
  91 .bold {
  92     text-decoration: none;
  93     font-size: 10pt;
  94     color: #000000;
  95     font-weight: bold;
  96 }
  97
  98 .alert {
  99     font-size: 70%;
 100     color: #FF0000;
 101     text-decoration: none;
 102 }
 103
 104 .small {
 105     text-decoration: none;
 106     color: #000000;
 107     font-size: 80%;
 108 }
 109
 110 .link {
 111     text-decoration: none;
 112     color: #0000cc;
 113     font-size: 70%;
 114 }
 115
 116 .more {
 117     text-decoration: none;
 118     font-size: 70%;
 119 }
 120
 121 .back {
 122     text-decoration: none;
 123     font-size: 70%;
 124 }
 125
 126 /* this class is used sporadically through the application as an
 127  * alternative to the typical anchor
 128  */
 129 .link_selected {
 130     text-decoration: none;
 131     color: #0000FF;
 132     font-size: 70%;
 133 }
 134 .link_selected:visited {
 135     text-decoration: none;
 136     color: #6895A2;
 137     font-size: 70%;
 138 }
 139
 140 .link_submit {
 141     text-decoration: none;
 142     font-size: 0.8em;
 143     color: #250DA6;
 144 }
 145 .link_submit a:visited { color: #0000cc; }
 146 .link_submit a:hover { color: #A28268; text-decoration:underline; }
 147
 148 .items {
 149     font-size: 6pt;
 150 }
 151
 152 .title {
 153     font-size: 12pt;
 154     font-weight: bold;
 155     text-decoration: none;
 156 }
 157
 158 /* see .titlebar below */
 159 .title_bar {
 160     font-size: 12pt;
 161     font-weight: bold;
 162     text-decoration: none;
 163     color: #000000;
 164 }
 165 /* the title bar showing the logged in user, date, etc */
 166 .title_bar_top {
 167     font-size: 0.8em;
 168     font-weight: bold;
 169     text-decoration: none;
 170     color: #004E63;
 171 }
 172
 173
 174 /*=============================================================
 175  * Here we have taken variables from globals.php and turned them into CSS classes
 176  * these should be used in place of the GLOBAL variables -- JRM March 2008
 177  *=============================================================*/
 178 .body_top { background-color: #94d6e7; }    /* $top_bg_line */
 179 .bgcolor2 { background-color: #94d6e7; }    /* $GLOBALS['style']['BGCOLOR2'] */
 180 .body_bottom { background: url('../pic/aquabg.gif') repeat; }  /* $bottom_bg_line */
 181 .body_title { background-color: #D1F5FF; }  /* $title_bg_line */
 182 .body_nav { background-color: #94D5E7; }    /* $nav_bg_line */
 183 .body_filler { background-color: #f7f0d5; } /* $login_filler_line */
 184 .body_login { background: url('../pic/aquabg.gif') repeat; } /* $login_body_line */
 185 .table_bg { background-color: #ccc; }           /* $table_bg */
 186 .bgcolor1 { background-color: #ccc; }       /* $GLOBALS['style']['BGCOLOR1'] */
 187 .textcolor11 { background-color: #222; }    /* $GLOBALS['style']['TEXTCOLOR11'] */
 188 .highlightcolor { background-color: #ddd; } /* $GLOBALS['style']['HIGHLIGHTCOLOR'] */
 189 .bottom_line { background: url('../pic/aquabg.gif') repeat; }    /* $GLOBALS['style']['BOTTOM_BG_LINE'] */
 190 .logobar { background-color: #24262c; height: 110px; }                 /* $GLOBALS['logoBarHeight']  262331 */
 191 .navbar { height: 22px; }                   /* $GLOBALS['navBarHeight'] */
 192 .titlebar { height: 20px; }                 /* $GLOBALS['titleBarHeight'] */
 193
 194
 195 /*==========================================================
 196  * box with 'info' icon in the background
 197  * useful for small information boxes
 198  *=========================================================*/
 199 .infobox {
 200     background: #FFF9E8 url('../../images/info.png') no-repeat center left;
 201     padding: 3px 3px 3px 19px;
 202 }
 203
 204
 205 /*==========================================================
 206  * Calendars
 207  *
 208  * All the calendar CSS files are held in the directory:
 209  *   interface/main/calendar/modules/PostCalendar/pntemplates/default/style
 210  * However, there may be some cross-over between this main
 211  * CSS file and that other one.
 212  *
 213  * ONE EXCEPTION is the Outlook-style calendar
 214  * it relies on a CSS file in this same folder
 215  * named ajax_calendar.css
 216  *
 217  *=========================================================*/
 218
 219
 220 /*=============================================================
 221  * For the reports list page
 222  *============================================================*/
 223 #reports_list {
 224     font-family: sans-serif;
 225     margin-top: 5px;
 226 }
 227 #reports_list td {
 228     font-size: 1em;
 229 }
 230 #reports_list ul {
 231     list-style: none;
 232 }
 233 #reports_list li {
 234     padding: 2px 0px 0px 0px;
 235     font-size: 0.9em;
 236 }
 237
 238 /*=============================================================
 239  * For the list of office notes page
 240  *============================================================*/
 241 #officenotes_list {
 242     width: 100%;
 243 }
 244 #officenotes_list table {
 245     width: 100%;
 246     border-collapse: collapse;
 247     border: 1px solid black;
 248 }
 249 #officenotes_list td {
 250     padding: 3px;
 251     border-bottom: 1px solid black;
 252     background-color: #FFF9E8;
 253 }
 254
 255 /*=============================================================
 256  * For the editing office notes page
 257  *============================================================*/
 258 #officenotes_edit table {
 259     border-collapse: collapse;
 260 }
 261 #officenotes_edit form {
 262     padding: 0px; margin: 0px;
 263 }
 264 #officenotes_edit .existingnotes table {
 265     /* for some unexplicable reason this particular style block is being ignored */
 266     border: 1px solid black;
 267     border-collapse: collapse;
 268 }
 269 #officenotes_edit .existingnotes td {
 270     padding: 3px;
 271     border-bottom: 1px solid black;
 272     background-color: #FFF9E8;
 273 }
 274
 275
 276 /*=============================================================
 277  * For the the address book list
 278  *============================================================*/
 279 #addressbook_list table { border-collapse: collapse; }
 280 #addressbook_list td { padding: 0px 4px 0px 4px; }
 281 #addressbook_list a, #addressbook_list a:visited, #addressbook_list a:hover { color:#0000cc; }
 282 #addressbook_list .search td {
 283     padding: 3px 0px 10px 0px;
 284 }
 285 #addressbook_list .head td {
 286     font-size: 0.8em;
 287     background-color:#cccccc;
 288     font-weight:bold;
 289 }
 290 #addressbook_list .detail td {
 291     font-size: 0.8em;
 292 }
 293 #addressbook_list .inputtext {
 294     font-weight:normal;
 295     border-style:solid;
 296     border-width:1px;
 297     border-color: #000000;
 298 }
 299 #addressbook_list .button {
 300 }
 301 #addressbook_list .evenrow { background-color: #E7D294; }
 302 #addressbook_list .oddrow { background-color: #FFF3D1; }
 303
 304 /*=============================================================
 305  * For the patient documents list
 306  *============================================================*/
 307 #documents_list form {
 308     margin: 0px; padding: 0px;
 309 }
 310 #documents_list table {
 311     width: 25%;
 312     overflow: hidden;
 313     margin: 10px;
 314 }
 315 #documents_list td {
 316     font-size: 0.8em;
 317     vertical-align: top;
 318 }
 319 #documents_list a {
 320 }
 321 #documents_list .treeMenuDefault {
 322 }
 323 #documents_list .treeMenuBold {
 324     font-weight: bold;
 325 }
 326 #documents_list {
 327     width: 25%;
 328     height: 90%;
 329     overflow: auto;
 330     border: 2px inset;
 331     float: left;
 332 }
 333 #documents_actions {
 334     padding-top: 10px;
 335     width: 70%;
 336     height: 90%;
 337     float: right;
 338     overflow: auto;
 339 }
 340 #documents_actions iframe {
 341     display: inline;
 342     border:none;
 343     width:100%;
 344     height:600px;
 345     overflow: auto;
 346 }
 347 #documents_actions form {
 348     margin: 0px; padding: 0px;
 349 }
 350 #documents_actions table {
 351     width: 100%;
 352 }