interface/themes/tabs_style_compact.css

   1 /**
   2  * Copyright (C) 2016 Kevin Yeh <kevin.y@integralemr.com>
   3  *
   4  * LICENSE: This program is free software; you can redistribute it and/or
   5  * modify it under the terms of the GNU General Public License
   6  * as published by the Free Software Foundation; either version 3
   7  * of the License, or (at your option) any later version.
   8  * This program is distributed in the hope that it will be useful,
   9  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  10  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11  * GNU General Public License for more details.
  12  * You should have received a copy of the GNU General Public License
  13  * along with this program. If not, see <http://opensource.org/licenses/gpl-license.php>;.
  14  *
  15  * @package OpenEMR
  16  * @author  Kevin Yeh <kevin.y@integralemr.com>
  17  * @author Ray Magauran <magauran@MedFetch.com>
  18  * @link    http://www.open-emr.org
  19  */
  20
  21 html
  22 {
  23     margin: 0;
  24     padding: 0;
  25     border: 0;
  26     height: 100%;
  27     display: flex;
  28     flex-direction: column;
  29 }
  30 body
  31 {
  32     font-family: 'FontAwesome', Arial, Helvetica, sans-serif;
  33     flex: 1 0 auto;
  34     display: flex;
  35     flex-direction: column;
  36     margin: 0px;
  37     font-size: 12px;
  38 }
  39 #mainBox
  40 {
  41     display: flex;
  42     flex-direction: column;
  43     align-items: stretch;
  44     align-content: space-between;
  45     width: 100%;
  46     flex: 1 0 auto;
  47     margin: 0;
  48     padding: 0;
  49 }
  50
  51 #mainBox > div
  52 {
  53     flex: 0 1 auto;
  54     margin: 0 0 0 0;
  55 }
  56
  57 #mainBox > div.mainFrames
  58 {
  59     display: flex;
  60     flex: 1 0 auto;
  61     flex-direction: column;
  62     padding: 0 0 0 0;
  63     z-index: 3;
  64     margin: 0 0 0 0;
  65 }
  66
  67 #framesDisplay
  68 {
  69     flex: 1 0 auto;
  70     display: flex;
  71     flex-direction: row;
  72 }
  73
  74 #framesDisplay > div
  75 {
  76     flex: 1 0 auto;
  77     align-items: stretch;
  78     align-content:stretch;
  79     display: flex;
  80     flex-direction: column;
  81     margin: 0;
  82     padding: 0;
  83 }
  84
  85 #framesDisplay > div > iframe
  86 {
  87     flex: 1 0 auto;
  88     border: 0px solid black;
  89     width: 100%;
  90 }
  91
  92 .tabControls
  93 {
  94     margin: -9px 0 0 0;
  95     padding: 9px 0 0 0;
  96     display: flex;
  97     flex-direction: row;
  98     overflow: auto;
  99 }
 100
 101 .tabSpan
 102 {
 103     margin: 0 0 0 0;
 104     padding:  1px 7px;
 105     border: 1pt solid black;
 106     border-bottom:0pt;
 107     border-radius: 6px 6px 0 0;
 108     cursor: pointer;
 109     flex: 0 1 auto;
 110     white-space:nowrap;
 111     box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.6);
 112     overflow: visible;
 113 }
 114
 115 .tabSpan:hover
 116 {
 117     color: red;
 118 }
 119 .tabHidden
 120 {
 121     color: gray;
 122 }
 123 .tabNotchosen {
 124     border-bottom:1pt solid black;
 125     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 126     display:block;
 127 }
 128
 129 #attendantData
 130 {
 131     min-height: 4em;
 132 }
 133
 134 .patientCurrentEncounter {
 135     display: inline;
 136 }
 137
 138 .patientDataColumn
 139 {
 140     width: 33%;
 141     float: left;
 142     display: block;
 143 }
 144
 145 .messagesColumn
 146 {
 147     float: right;
 148     padding-right: 20px;
 149 }
 150
 151 .patientEncountersColumn
 152 {
 153 }
 154
 155 .patientEncounterList
 156 {
 157     position:fixed;
 158     overflow: hidden;
 159     border: 1px solid black;
 160     background: white;
 161     cursor: pointer;
 162     z-index:1;
 163 }
 164
 165 .patientEncounterList  table.encounters
 166 {
 167     display: none;
 168 }
 169
 170
 171 .patientEncounterList:hover table.encounters
 172 {
 173     display: block;
 174
 175 }
 176
 177 .patientEncounterList > div
 178 {
 179     padding: 2px;
 180 }
 181 .patientEncounterList:hover
 182 {
 183     overflow: visible;
 184     height: auto;
 185     z-index:4;
 186 }
 187
 188
 189 .patientEncounterList > div:hover
 190 {
 191     color: red;
 192 }
 193
 194 .patientEncounterList table.encounters td:hover
 195 {
 196     color:red;
 197 }
 198
 199 .patientEncounterList .review
 200 {
 201     font-size: x-small;
 202     padding: 2px;
 203     border: 1px solid black;
 204     background-color: lightgray;
 205     border-radius: 5px;
 206 }
 207
 208 #userData
 209 {
 210     position: relative;
 211     float: right;
 212 }
 213 .patientInfo
 214 {
 215     padding: 1px 1px 1px 10px;
 216 }
 217
 218 .patientInfo .clear
 219 {
 220     font-size: x-small;
 221     margin: 1px;
 222     padding: 3px;
 223     border: 1px solid black;
 224     background-color: lightgray;
 225     border-radius: 5px;
 226     cursor: pointer;
 227 }
 228
 229 .patientInfo .clear:hover
 230 {
 231     color:red;
 232 }
 233
 234 .patientInfo .patientPicture
 235 {
 236     margin-top: -1px;
 237     margin-right: 7px;
 238 }
 239
 240 .patientInfo .patientPicture img
 241 {
 242     height: 50px;
 243 }
 244
 245 .top {
 246     vertical-align:top;
 247 }
 248
 249 .appMenu > span
 250 {
 251     float: left;
 252     padding:0px 0px;
 253     white-space: nowrap;
 254 }
 255 .appMenu > span:hover
 256 {
 257     color: #fff;
 258     text-decoration: none;
 259     background-color: #1C5ECF;
 260     text-shadow: none;
 261 }
 262 .appMenu ul
 263 {
 264     list-style:none;
 265     margin:0;
 266     padding: 1px 5px 2px 1px;
 267 }
 268 .appMenu li
 269 {
 270     padding-left: 14px;
 271 }
 272 .appMenu li:hover
 273 {
 274     color: #fff;
 275     text-decoration: none;
 276     background-color: #1C5ECF;
 277     text-shadow: none;
 278 }
 279 .appMenu li:hover > .menuDisabled
 280  {
 281     background-color: transparent;
 282 }
 283 .menuSection{
 284     position: relative;
 285 }
 286 .menuSection > .menuEntries{
 287     background-color:#C9DBF2;
 288     display: none;
 289     position: absolute;
 290     top: 19px;
 291     z-index:1000;
 292     box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
 293     min-width: 175px;
 294     border: 0.5pt solid gray;
 295     border-radius: 0px 5px 5px 5px;
 296     color: black;
 297     margin-top: 4px;
 298     padding-top: 3px;
 299     padding-left: 0px;
 300     padding-right: 0px;
 301     padding-bottom: 4px;
 302     whitespace:nowrap;
 303 }
 304
 305 .menuSection > .menuEntries .menuEntries {
 306     display: none;
 307     position: absolute;
 308     top: -3px;
 309     left: 161px;
 310     transition: 2s background-color;
 311 }
 312 .menuSection:hover > .menuEntries{
 313     display: block;
 314 }
 315
 316 .menuLabel
 317 {
 318     cursor: pointer;
 319     padding: 5px 12px 5px;
 320 }
 321 .menuDisabled
 322 {
 323     color:gray;
 324 }
 325
 326 #username
 327 {
 328     cursor: pointer;
 329 }
 330 .userSection
 331 {
 332     min-width: 200px;
 333     right:10px;
 334 }
 335 .body_top {
 336     background-color: #C9DBF2;
 337     padding:0px;
 338     border-bottom:0.1pt solid black;
 339     -moz-box-shadow:    0 0 10px #000;
 340     -webkit-box-shadow:  0 0 10px #000;
 341     box-shadow:          0 0 10px #000;
 342     z-index:10;
 343 }
 344 .body_title {
 345     color: black;
 346     background-color: #c9dbf2;
 347     padding:10px 0px 0px 0px;
 348 }
 349 #username:hover > .userfunctions
 350 {
 351     display: block;
 352     Xwidth:98%;
 353 }
 354
 355 #username > .userfunctions > div:hover
 356 {
 357     color: red;
 358 }
 359 .logo {
 360   border-radius: 50%;
 361   -webkit-transition: -webkit-transform .8s ease-in-out;
 362   transition: transform .8s ease-in-out;
 363 }
 364 .logo:hover {
 365   -webkit-transform: rotate(360deg);
 366   transform: rotate(360deg);
 367 }
 368 .acck {}
 369
 370 .menu_arrow {
 371     bottom:0px;
 372     margin:     7px 7px 2px 7px;
 373 }
 374 .topToolbarRight {
 375     border-top:0pt;
 376 }
 377
 378 .closeButton {
 379         display:inline-block;
 380         float:right;
 381         position:relative;
 382         top:6px;
 383         right:5px;
 384 }