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 #civicrm-menu .menu-item-arrow,
 119 #root-menu-div .menu-item-arrow {
 120   position: absolute;
 121   right: 4px;
 122   top: 6px;
 123 }
 124 #civicrm-menu i,
 125 #root-menu-div i {
 126   margin-right: 5px;
 127 }
 128 li.menu-separator{
 129   border-bottom: 1px solid #000;
 130   font-size: 0; /* for ie */
 131   height: 0;
 132   line-height: 0; /* for ie */
 133   margin: 2px 0;
 134 }
 135 #civicrm-menu .crm-logo-sm,
 136 .crm-container .crm-logo-sm {
 137   background: url('../i/logo_sm.png') no-repeat;
 138   display: inline-block;
 139   width: 16px;
 140   height: 16px;
 141   vertical-align: middle;
 142 }
 143
 144 #civicrm-menu .ui-autocomplete-input,
 145 .crm-container .ui-autocomplete-input {
 146   background: white url("../bower_components/select2/select2.png") no-repeat scroll right -23px;
 147   padding-right: 16px;
 148   /* so that text doesn't flow on top of icon */
 149 }
 150
 151 #civicrm-menu #crm-qsearch {
 152   padding: 1px 0 1px 2px;
 153   background-color: transparent !important;
 154   border-right: none;
 155 }
 156
 157 #civicrm-menu #crm-qsearch input {
 158   background-color: #eaeaea;
 159   border: 1px solid black;
 160   margin: 0;
 161   padding: 2px 16px 3px 2px;
 162   height: 17px;
 163 }
 164 #civicrm-menu #crm-qsearch input:hover,
 165 #civicrm-menu #crm-qsearch input:focus,
 166 #civicrm-menu #crm-qsearch.activetarget input {
 167   background-color: #ffffff;
 168 }
 169 /* This ensures the drop-down menus appear at the right height */
 170 #civicrm-menu > li.menumain {
 171   height: 19px !important;
 172 }
 173
 174 /* No results */
 175 .crm-quickSearch-results.ui-menu-disabled {
 176   opacity: .9;
 177   background-color: #f8f8f8;
 178 }
 179 .crm-quickSearch-results.ui-menu-disabled li {
 180   cursor: default;
 181 }