interface/main/tabs/css/menu.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  * @link    http://www.open-emr.org
  18  */
  19
  20 .top {
  21     vertical-align:top;
  22 }
  23
  24 .appMenu > span
  25 {
  26     float: left;
  27     padding: 0px;
  28     white-space: nowrap;
  29 }
  30
  31 .appMenu
  32
  33 .appMenu > span:hover
  34 {
  35     color: #fff;
  36     text-decoration: none;
  37     background-color: #1C5ECF;
  38     text-shadow: none;
  39 }
  40 .appMenu ul
  41 {
  42     list-style:none;
  43     margin:0;
  44     padding: 1px 5px 2px 1px;
  45 }
  46
  47 .appMenu li:hover > .menuDisabled
  48  {
  49     background-color: transparent;
  50 }
  51 .menuSection{
  52     position: relative;
  53 }
  54 .menuSection:hover {
  55     background-color: #CCE3F8;
  56 }
  57 .menuSection > .menuEntries{
  58     background:#fff;
  59     display: none;
  60     position: absolute;
  61     top: 48px;
  62     z-index:1000;
  63     min-width: 175px;
  64     box-shadow: 0px 5px 5px #adadad;
  65     padding: 0px;
  66     whitespace: nowrap;
  67 }
  68
  69 .menuSection > .menuEntries .menuEntries {
  70     display: none;
  71     position: absolute;
  72     top: -3px;
  73     left: 161px;
  74 }
  75 .menuSection:hover > .menuEntries{
  76     display: block;
  77 }
  78
  79 /* Need separate styling for top level vs submenu items
  80  * This currently controls ALL links in menu, no bueno
  81  * --Robert Down */
  82 .menuLabel
  83 {
  84     color: #333;
  85     display:inline-block;
  86     padding: 15px 10px;
  87     font-weight: 600;
  88 }
  89 .menuLabel:hover {
  90     background: #CCE3F8;
  91     color: #333;
  92 }
  93
  94 /** Only apply if not an actual link **/
  95 div.menuLabel:hover {
  96     cursor: default !important;
  97 }
  98
  99 /** Sub menu **/
 100 .menuEntries li .menuLabel {
 101     font-size: 90%;
 102     display: block;
 103     padding: 10px 20px;
 104 }
 105 .menuEntries li .menuLabel:hover {
 106     background-color: #CCE3F8;
 107     color: #333;
 108 }
 109
 110 .logo {
 111     padding: 10px 0px;
 112 }
 113
 114 .menuDisabled
 115 {
 116     color: #d7d7d7;
 117 }
 118 .menuDisabled:hover {
 119     color: #d7d7d7 !important;
 120     background-color: #f4f4f4 !important;
 121     cursor: not-allowed;
 122 }
 123
 124 #username
 125 {
 126     cursor: pointer;
 127 }
 128 .userSection
 129 {
 130     min-width: 200px;
 131     right:10px;
 132 }
 133
 134 /* Main menu bar */
 135 .body_top {
 136     background-color: #f4f4f4;
 137     color: #333;
 138     padding: 0px;
 139     margin: 0px;
 140     z-index: 10;
 141 }
 142 .body_title {
 143     color: black;
 144     background-color: #f4f4f4;
 145     padding:10px 0px 0px 0px;
 146 }
 147 #username:hover > .userfunctions
 148 {
 149     display: block;
 150     width:98%;
 151 }
 152
 153 #username > .userfunctions > div:hover
 154 {
 155     color: red;
 156 }
 157
 158 .acck {}
 159
 160 .menu_arrow {
 161     bottom:0px;
 162     margin:     7px 7px 2px 7px;
 163 }
 164 .topToolbarRight {
 165     border-top:0pt;
 166 }
 167
 168 .closeButton {
 169         display:inline-block;
 170         float:right;
 171         position:relative;
 172         top:6px;
 173         right:5px;
 174 }