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  .logo{
  52     float: left;
  53     margin:3px 4px 0px 10px;
  54     width:20px;
  55     z-index:10000;
  56 }
  57
  58 #mainBox > div
  59 {
  60     flex: 0 1 auto;
  61     margin: 0 0 0 0;
  62 }
  63
  64 #mainBox > div.mainFrames
  65 {
  66     display: flex;
  67     flex: 1 0 auto;
  68     flex-direction: column;
  69     padding: 0 0 0 0;
  70     z-index: 3;
  71     margin: 0 0 0 0;
  72 }
  73
  74 #framesDisplay
  75 {
  76     flex: 1 0 auto;
  77     display: flex;
  78     flex-direction: row;
  79 }
  80
  81 #framesDisplay > div
  82 {
  83     flex: 1 0 auto;
  84     align-items: stretch;
  85     align-content:stretch;
  86     display: flex;
  87     flex-direction: column;
  88     margin: 0;
  89     padding: 0;
  90     border-left: 1pt solid black;
  91     border-right: 1pt solid black;
  92 }
  93
  94 #framesDisplay > div > iframe
  95 {
  96     flex: 1 0 auto;
  97     border: 0px solid black;
  98     width: 100%;
  99 }
 100
 101 .tabControls
 102 {
 103     margin: -9px 0 0 0;
 104     padding: 9px 0 0 0;
 105     display: flex;
 106     flex-direction: row;
 107     overflow: auto;
 108 }
 109
 110 .tabSpan
 111 {
 112     margin: 0 0 0 0;
 113     padding:  1px 7px;
 114     border: 1pt solid black;
 115     border-bottom:0pt;
 116     border-radius: 6px 6px 0 0;
 117     cursor: pointer;
 118     flex: 0 1 auto;
 119     white-space:nowrap;
 120     box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.6);
 121     overflow: visible;
 122 }
 123
 124 .tabSpan:hover
 125 {
 126     color: red;
 127 }
 128 .tabHidden
 129 {
 130     color: gray;
 131 }
 132 .tabNotchosen {
 133     border-bottom:1pt solid black;
 134     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 135     display:block;
 136 }
 137
 138 #attendantData
 139 {
 140     min-height: 4em;
 141 }
 142
 143 .patientCurrentEncounter {
 144     display: inline;
 145 }
 146
 147 .patientDataColumn
 148 {
 149     width: 33%;
 150     float: left;
 151     display: block;
 152 }
 153
 154 .messagesColumn
 155 {
 156     float: right;
 157     padding-right: 20px;
 158 }
 159
 160 .patientEncountersColumn
 161 {
 162 }
 163
 164 .patientEncounterList
 165 {
 166     position:fixed;
 167     overflow: hidden;
 168     border: 1px solid black;
 169     background: white;
 170     cursor: pointer;
 171     z-index:1;
 172 }
 173
 174 .patientEncounterList  table.encounters
 175 {
 176     display: none;
 177 }
 178
 179
 180 .patientEncounterList:hover table.encounters
 181 {
 182     display: block;
 183
 184 }
 185
 186 .patientEncounterList > div
 187 {
 188     padding: 2px;
 189 }
 190 .patientEncounterList:hover
 191 {
 192     overflow: visible;
 193     height: auto;
 194     z-index:4;
 195 }
 196
 197
 198 .patientEncounterList > div:hover
 199 {
 200     color: red;
 201 }
 202
 203 .patientEncounterList table.encounters td:hover
 204 {
 205     color:red;
 206 }
 207
 208 .patientEncounterList .review
 209 {
 210     font-size: x-small;
 211     padding: 2px;
 212     border: 1px solid black;
 213     background-color: lightgray;
 214     border-radius: 5px;
 215 }
 216
 217 #userData
 218 {
 219     position: relative;
 220     float: right;
 221 }
 222 .patientInfo
 223 {
 224     padding: 1px 1px 1px 10px;
 225 }
 226
 227 .patientInfo .clear
 228 {
 229     font-size: x-small;
 230     margin: 1px;
 231     padding: 3px;
 232     border: 1px solid black;
 233     background-color: lightgray;
 234     border-radius: 5px;
 235     cursor: pointer;
 236 }
 237
 238 .patientInfo .clear:hover
 239 {
 240     color:red;
 241 }
 242
 243 .patientInfo .patientPicture
 244 {
 245     margin-top: -1px;
 246     margin-right: 7px;
 247 }
 248
 249 .patientInfo .patientPicture img
 250 {
 251     height: 75px;
 252 }
 253
 254 .top {
 255     vertical-align:top;
 256 }
 257
 258 .appMenu > span
 259 {
 260     float: left;
 261     padding:0px 0px;
 262     white-space: nowrap;
 263     text-shadow: none;
 264 }
 265 .appMenu > span:hover
 266 {
 267     color: #fff;
 268     text-decoration: none;
 269     background-color: #1C5ECF;
 270     text-shadow: none;
 271 }
 272 .appMenu ul
 273 {
 274     list-style:none;
 275     margin:0;
 276     padding: 1px 5px 2px 1px;
 277 }
 278 .appMenu li
 279 {
 280     padding-left: 14px;
 281 }
 282 .appMenu li:hover
 283 {
 284     color: #fff;
 285     text-decoration: none;
 286     background-color: #1C5ECF;
 287     text-shadow: none;
 288 }
 289 .appMenu li:hover > .menuDisabled
 290  {
 291     background-color: transparent;
 292 }
 293 .menuSection{
 294     position: relative;
 295 }
 296 .menuSection > .menuEntries{
 297     background-color:#C9DBF2;
 298     display: none;
 299     position: absolute;
 300     top: 19px;
 301     z-index:1000;
 302     box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
 303     min-width: 175px;
 304     border: 0.5pt solid gray;
 305     border-radius: 0px 5px 5px 5px;
 306     color: black;
 307     margin-top: 4px;
 308     padding-top: 3px;
 309     padding-left: 0px;
 310     padding-right: 0px;
 311     padding-bottom: 4px;
 312     whitespace:nowrap;
 313 }
 314
 315 .menuSection > .menuEntries .menuEntries {
 316     display: none;
 317     position: absolute;
 318     top: -4px;
 319     left: 159px;
 320     transition: 2s background-color;
 321 }
 322 .menuSection:hover > .menuEntries{
 323     display: block;
 324 }
 325
 326 .menuLabel
 327 {
 328     cursor: pointer;
 329     padding: 5px 12px 5px;
 330 }
 331 .menuDisabled
 332 {
 333     color:gray;
 334 }
 335
 336 #username
 337 {
 338     cursor: pointer;
 339 }
 340 .userSection
 341 {
 342     min-width: 200px;
 343     right:10px;
 344 }
 345 .body_top {
 346     background-color: #C9DBF2;
 347     padding:0px;
 348     box-shadow:0 0 10px #939393;
 349     z-index:10;
 350 }
 351 .body_title {
 352     color: black;
 353     background-color: #c9dbf2;
 354     padding:10px 0px 0px 0px;
 355 }
 356 #username:hover > .userfunctions
 357 {
 358     display: block;
 359     Xwidth:98%;
 360 }
 361
 362 #username > .userfunctions > div:hover
 363 {
 364     color: red;
 365 }
 366 .logo {
 367   border-radius: 50%;
 368   -webkit-transition: -webkit-transform .8s ease-in-out;
 369   transition: transform .8s ease-in-out;
 370 }
 371 .logo:hover {
 372   -webkit-transform: rotate(360deg);
 373   transform: rotate(360deg);
 374 }
 375 .acck {}
 376
 377 .menu_arrow {
 378     bottom:0px;
 379     margin:     7px 7px 2px 7px;
 380 }
 381 .topToolbarRight {
 382     border-top:0pt;
 383 }
 384
 385 .closeButton {
 386         display:inline-block;
 387         float:right;
 388         position:relative;
 389         top:6px;
 390         right:5px;
 391 }
 392
 393 .float-element {
 394     float: left;
 395 }