Commit | Line | Data |
---|---|---|
a2e1885c CW |
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; | |
e8cfbd0d | 62 | font-family: Tahoma, Verdana, Arial, sans-serif; |
a2e1885c CW |
63 | } |
64 | ||
65 | #civicrm-menu { | |
c9346494 | 66 | position:fixed; |
a2e1885c CW |
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; | |
b92a70a9 | 94 | border:0; |
a2e1885c CW |
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 | } | |
0e24eaa0 CW |
118 | #civicrm-menu .menu-item-arrow, |
119 | #root-menu-div .menu-item-arrow { | |
a2e1885c CW |
120 | position: absolute; |
121 | right: 4px; | |
0e24eaa0 | 122 | top: 6px; |
a2e1885c | 123 | } |
0e24eaa0 CW |
124 | #civicrm-menu i, |
125 | #root-menu-div i { | |
507614e9 O |
126 | margin-right: 5px; |
127 | } | |
a2e1885c CW |
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 | } | |
656e5c5b CW |
135 | #civicrm-menu .crm-logo-sm, |
136 | .crm-container .crm-logo-sm { | |
96164880 | 137 | background: url('../i/logo_sm.png') no-repeat; |
a2e1885c CW |
138 | display: inline-block; |
139 | width: 16px; | |
140 | height: 16px; | |
96164880 | 141 | vertical-align: middle; |
62053715 CW |
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 { | |
8acd3124 CW |
152 | padding: 1px 0 1px 2px; |
153 | background-color: transparent !important; | |
154 | border-right: none; | |
62053715 CW |
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; | |
8acd3124 | 162 | height: 17px; |
62053715 CW |
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; | |
38502d98 | 172 | } |
15220e8f CW |
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 | } |