interface/themes/colors/openemr5/tabs-full.scss

   1 /*~~~~~~~~~~openemr5_tabs-Full~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
   2
   3 #mainBox>.body_top, .body_top_tabs {
   4         background-color: $dark !important;
   5 }
   6 .tabSpan, .tabSpan_tabs {
   7         border-top: 5px solid $dark !important;
   8         border-left: 1px solid $dark !important;
   9         box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
  10         border-right: 1px solid $dark !important;
  11         border-radius: 3px 6px 0px 0px !important;
  12 }
  13 .tabNotchosen, .tabsNoHover {
  14         border-bottom: 2px solid $dark !important;
  15 }
  16 .tabNotchosen:hover {
  17         background: transparent !important;
  18 }
  19 .tabSpan_tabs:hover {
  20         background: $palepale !important;
  21 }
  22 .tabControls_tabs {
  23         border-bottom: none !important;
  24 }
  25 .ptName {
  26         font-size: 20px;
  27         background: #ffff9e;
  28         padding: 0px 5px 0px 5px;
  29 }
  30 .patientInfo {
  31         padding: 1px 1px 1px 10px;
  32         font-size: 16px;
  33         font-weight: 600;
  34 }
  35 .patientCurrentEncounter {
  36         font-size: 16px;
  37         font-weight: 600;
  38 }
  39 .menuLabel {
  40         color: #000000 !important;
  41         font-weight: 700 !important;
  42         font-size: 14px !important;
  43         /*padding: 5px 10px !important;*/
  44 }
  45 .patientEncounterList {
  46         border: 1px solid $darker;
  47         background: white;
  48 }
  49 /*.patientEncounterList {
  50     background: #ffff9e !important;
  51     border: 1px solid $darker;
  52
  53 }
  54  .patientEncounterList:hover{
  55     background: $palepale !important;
  56     border-color: $darkest !important;
  57     box-shadow: 0 0 3px $midpale;
  58     outline: none;
  59     -webkit-transition: 0.2s linear all;
  60     -moz-transition: 0.2s linear all;
  61     transition: 0.2s linear all;
  62
  63     overflow: visible;
  64     height: auto;
  65     z-index:4;
  66 }*/
  67
  68 .appMenu>span:hover {
  69         background-color: $palepale !important;
  70 }
  71 .menuSection:hover {
  72         background-color: $palepale !important;
  73 }
  74 .menuLabel:hover {
  75         background: $palepale !important;
  76 }
  77 .menuSection>.menuEntries {
  78         box-shadow: 0px 2px 2px $midpale !important;
  79         border: none !important;
  80         border-radius: 0px !important;
  81 }
  82 .menuEntries li .menuLabel {
  83         padding: 5px 10px !important;
  84 }
  85 .menuEntres li .menuLabel:hover {
  86         background-color: $palepale !important;
  87         color: #333;
  88 }
  89 .appMenu li:hover {
  90         background-color: $palepale !important;
  91 }
  92 .menuSection>.menuEntries {
  93         background-color: $paler !important;
  94 }
  95 .body_title, .body_title_tabs {
  96         background-color: $midpale !important;
  97 }
  98 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  99
 100 .tabs_body, #searchCriteria {
 101         background-color: $pale;
 102 }
 103 .tabs_body_light {
 104         background-color: $palepale;
 105 }
 106 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs body*~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 107
 108 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
 109
 110 #calsearch_params {
 111         background-color: $palepale !important;
 112         width: 98% !important;
 113 }
 114 .calsearch_body {
 115         background-color: $paler !important;
 116 }
 117 .chevron_color {
 118         color: $darker;
 119 }
 120 div#providerPicker select {
 121         margin: 0px;
 122 }
 123 #calsearch_results_header {
 124         margin-top: 5px;
 125         width: 99% !important;
 126 }
 127 #calsearch_results_data {
 128         width: 99% !important;
 129 }
 130 #topToolbarRight {
 131         padding: 3px;
 132 }
 133 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5tabs calendar*~~~~~~~~~~~~~~~~~~~~~~~*/
 134
 135 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/
 136
 137 img[src *="show_calendar.gif"] {
 138         margin-bottom: 3px;
 139 }
 140 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~openemr5 calendar icon*~~~~~~~~~~~~~~~~~~~~~~*/