css/civicrmNavigation.css

   1 html>body div.outerbox
   2 {
   3   padding: 0 5px 5px 0;
   4   z-index:999999;
   5   font-size: 13px;
   6   margin-top:2px;
   7 }
   8 html>body div.outerbox div.shadowbox1
   9 {
  10   position: absolute;
  11   right: 0;
  12   bottom: 5px;
  13   width: 5px;
  14   height: 100%;
  15   background: url(../i/myshadow.png) no-repeat right top;
  16 }
  17 html>body div.outerbox div.shadowbox2
  18 {
  19   position: absolute;
  20   bottom: 0;
  21   right: 5px;
  22   height: 5px;
  23   width: 100%;
  24   background: url(../i/myshadow.png) left bottom;
  25 }
  26 html>body div.outerbox div.shadowbox3
  27 {
  28   position: absolute;
  29   bottom: 0;
  30   right: 0;
  31   height: 5px;
  32   width: 5px;
  33   background: url(../i/myshadow.png) no-repeat right bottom;
  34 }
  35 html>body .innerbox
  36 {
  37   margin: 0;
  38   z-index:999999;
  39   margin-left:10px;
  40 }
  41
  42 #root-menu-div ul {
  43   border: 1px solid #000;
  44 }
  45 #root-menu-div li{
  46   white-space:nowrap;
  47   background-image: none;
  48   text-align: left;
  49 }
  50 * html #root-menu-div li{
  51   height: 1.5em; /* fixing ie6 problem */
  52 }
  53 #civicrm-menu,
  54 #root-menu-div ul {
  55   list-style: none;
  56   margin: 0;
  57   padding: 0;
  58   background:#5D5D5D;
  59   color: white;
  60   cursor: default;
  61   font-size: 12px;
  62   font-family: Tahoma, Verdana, Arial, sans-serif;
  63 }
  64
  65 #civicrm-menu {
  66   position:absolute;
  67   top:0;
  68   left:0;
  69   background:#1B1B1B repeat-x;
  70   width:100%;
  71   height:27px;
  72   z-index:99999;
  73   overflow: hidden;
  74 }
  75
  76 li.menu-separator.active{
  77   background-color: transparent;
  78 }
  79
  80 .menu-ul li.active {
  81   background-color: #aaa;
  82 }
  83
  84 #civicrm-menu .activetarget{
  85   background-color: #aaa;
  86 }
  87
  88 #civicrm-menu li a, #root-menu-div li a {
  89   color:white;
  90   cursor:pointer;
  91   display:block;
  92   font-weight:normal;
  93   text-decoration:none;
  94   border:0;
  95 }
  96
  97 * html div.menu-item {
  98   display: inline; /* fixes problem in ie6 */
  99 }
 100
 101 li.menumain {
 102   float: left;
 103   padding: 3px 10px;
 104   background-image: none;
 105   border-right: 1px solid #5D5D5D;
 106   margin:0;
 107 }
 108
 109 #root-menu-div .menu-ul li {
 110   margin: 0;
 111   padding: 0 20px 0 2px;
 112 }
 113
 114 div.menu-item {
 115   padding: 1px 10px 1px 4px;
 116   height: auto;
 117 }
 118 img.menu-item-arrow{
 119   position: absolute;
 120   right: 4px;
 121   top: 8px;
 122 }
 123 #civicrm-menu i {
 124   margin-right: 5px;
 125 }
 126 li.menu-separator{
 127   border-bottom: 1px solid #000;
 128   font-size: 0; /* for ie */
 129   height: 0;
 130   line-height: 0; /* for ie */
 131   margin: 2px 0;
 132 }
 133 #civicrm-menu .crm-logo-sm,
 134 .crm-container .crm-logo-sm {
 135   background: url('../i/logo_sm.png') no-repeat;
 136   display: inline-block;
 137   width: 16px;
 138   height: 16px;
 139   vertical-align: middle;
 140 }
 141
 142 #civicrm-menu .ui-autocomplete-input,
 143 .crm-container .ui-autocomplete-input {
 144   background: white url("../bower_components/select2/select2.png") no-repeat scroll right -23px;
 145   padding-right: 16px;
 146   /* so that text doesn't flow on top of icon */
 147 }
 148
 149 #civicrm-menu #crm-qsearch {
 150   padding: 1px 0 1px 2px;
 151   background-color: transparent !important;
 152   border-right: none;
 153 }
 154
 155 #civicrm-menu #crm-qsearch input {
 156   background-color: #eaeaea;
 157   border: 1px solid black;
 158   margin: 0;
 159   padding: 2px 16px 3px 2px;
 160   height: 17px;
 161 }
 162 #civicrm-menu #crm-qsearch input:hover,
 163 #civicrm-menu #crm-qsearch input:focus,
 164 #civicrm-menu #crm-qsearch.activetarget input {
 165   background-color: #ffffff;
 166 }
 167 /* This ensures the drop-down menus appear at the right height */
 168 #civicrm-menu > li.menumain {
 169   height: 19px !important;
 170 }
 171
 172 /* No results */
 173 .crm-quickSearch-results.ui-menu-disabled {
 174   opacity: .9;
 175   background-color: #f8f8f8;
 176 }
 177 .crm-quickSearch-results.ui-menu-disabled li {
 178   cursor: default;
 179 }