Merge pull request #8942 from francescbassas/patch-6
[civicrm-core.git] / 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 }
95
96 * html div.menu-item {
97 display: inline; /* fixes problem in ie6 */
98 }
99
100 li.menumain {
101 float: left;
102 padding: 3px 10px;
103 background-image: none;
104 border-right: 1px solid #5D5D5D;
105 margin:0;
106 }
107
108 #root-menu-div .menu-ul li {
109 margin: 0;
110 padding: 0 20px 0 2px;
111 }
112
113 div.menu-item {
114 padding: 1px 10px 1px 4px;
115 height: auto;
116 }
117 img.menu-item-arrow{
118 position: absolute;
119 right: 4px;
120 top: 8px;
121 }
122 li.menu-separator{
123 border-bottom: 1px solid #000;
124 font-size: 0; /* for ie */
125 height: 0;
126 line-height: 0; /* for ie */
127 margin: 2px 0;
128 }
129 #civicrm-menu .crm-logo-sm {
130 background: url('../i/item_sprites.png') no-repeat scroll -80px -16px;
131 display: inline-block;
132 width: 16px;
133 height: 16px;
134 vertical-align:middle;
135 }
136
137 #civicrm-menu .ui-autocomplete-input,
138 .crm-container .ui-autocomplete-input {
139 background: white url("../bower_components/select2/select2.png") no-repeat scroll right -23px;
140 padding-right: 16px;
141 /* so that text doesn't flow on top of icon */
142 }
143
144 #civicrm-menu #crm-qsearch {
145 padding: 1px 0 1px 2px;
146 background-color: transparent !important;
147 border-right: none;
148 }
149
150 #civicrm-menu #crm-qsearch input {
151 background-color: #eaeaea;
152 border: 1px solid black;
153 margin: 0;
154 padding: 2px 16px 3px 2px;
155 height: 17px;
156 }
157 #civicrm-menu #crm-qsearch input:hover,
158 #civicrm-menu #crm-qsearch input:focus,
159 #civicrm-menu #crm-qsearch.activetarget input {
160 background-color: #ffffff;
161 }
162 /* This ensures the drop-down menus appear at the right height */
163 #civicrm-menu > li.menumain {
164 height: 19px !important;
165 }
166
167 /* No results */
168 .crm-quickSearch-results.ui-menu-disabled {
169 opacity: .9;
170 background-color: #f8f8f8;
171 }
172 .crm-quickSearch-results.ui-menu-disabled li {
173 cursor: default;
174 }