![[BACK]](/icons/cvsweb/back.gif){kind=icon}
Return to search.css CVS log ![[TXT]](/icons/cvsweb/text.gif){kind=icon}
![[DIR]](/icons/cvsweb/dir.gif){kind=icon}
Up to [ELWIX - Embedded LightWeight unIX -] / embedaddon / confuse / doc / html / search|
Return to search.css CVS log | Up to [ELWIX - Embedded LightWeight unIX -] / embedaddon / confuse / doc / html / search |
1.1 misho 1: /*---------------- Search Box */
2:
3: #FSearchBox {
4: float: left;
5: }
6:
7: #MSearchBox {
8: white-space : nowrap;
9: float: none;
10: margin-top: 8px;
11: right: 0px;
12: width: 170px;
13: height: 24px;
14: z-index: 102;
15: }
16:
17: #MSearchBox .left
18: {
19: display:block;
20: position:absolute;
21: left:10px;
22: width:20px;
23: height:19px;
24: background:url('search_l.png') no-repeat;
25: background-position:right;
26: }
27:
28: #MSearchSelect {
29: display:block;
30: position:absolute;
31: width:20px;
32: height:19px;
33: }
34:
35: .left #MSearchSelect {
36: left:4px;
37: }
38:
39: .right #MSearchSelect {
40: right:5px;
41: }
42:
43: #MSearchField {
44: display:block;
45: position:absolute;
46: height:19px;
47: background:url('search_m.png') repeat-x;
48: border:none;
49: width:115px;
50: margin-left:20px;
51: padding-left:4px;
52: color: #909090;
53: outline: none;
54: font: 9pt Arial, Verdana, sans-serif;
55: -webkit-border-radius: 0px;
56: }
57:
58: #FSearchBox #MSearchField {
59: margin-left:15px;
60: }
61:
62: #MSearchBox .right {
63: display:block;
64: position:absolute;
65: right:10px;
66: top:8px;
67: width:20px;
68: height:19px;
69: background:url('search_r.png') no-repeat;
70: background-position:left;
71: }
72:
73: #MSearchClose {
74: display: none;
75: position: absolute;
76: top: 4px;
77: background : none;
78: border: none;
79: margin: 0px 4px 0px 0px;
80: padding: 0px 0px;
81: outline: none;
82: }
83:
84: .left #MSearchClose {
85: left: 6px;
86: }
87:
88: .right #MSearchClose {
89: right: 2px;
90: }
91:
92: .MSearchBoxActive #MSearchField {
93: color: #000000;
94: }
95:
96: /*---------------- Search filter selection */
97:
98: #MSearchSelectWindow {
99: display: none;
100: position: absolute;
101: left: 0; top: 0;
102: border: 1px solid #90A5CE;
103: background-color: #F9FAFC;
104: z-index: 10001;
105: padding-top: 4px;
106: padding-bottom: 4px;
107: -moz-border-radius: 4px;
108: -webkit-border-top-left-radius: 4px;
109: -webkit-border-top-right-radius: 4px;
110: -webkit-border-bottom-left-radius: 4px;
111: -webkit-border-bottom-right-radius: 4px;
112: -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
113: }
114:
115: .SelectItem {
116: font: 8pt Arial, Verdana, sans-serif;
117: padding-left: 2px;
118: padding-right: 12px;
119: border: 0px;
120: }
121:
122: span.SelectionMark {
123: margin-right: 4px;
124: font-family: monospace;
125: outline-style: none;
126: text-decoration: none;
127: }
128:
129: a.SelectItem {
130: display: block;
131: outline-style: none;
132: color: #000000;
133: text-decoration: none;
134: padding-left: 6px;
135: padding-right: 12px;
136: }
137:
138: a.SelectItem:focus,
139: a.SelectItem:active {
140: color: #000000;
141: outline-style: none;
142: text-decoration: none;
143: }
144:
145: a.SelectItem:hover {
146: color: #FFFFFF;
147: background-color: #3D578C;
148: outline-style: none;
149: text-decoration: none;
150: cursor: pointer;
151: display: block;
152: }
153:
154: /*---------------- Search results window */
155:
156: iframe#MSearchResults {
157: width: 60ex;
158: height: 15em;
159: }
160:
161: #MSearchResultsWindow {
162: display: none;
163: position: absolute;
164: left: 0; top: 0;
165: border: 1px solid #000;
166: background-color: #EEF1F7;
167: z-index:10000;
168: }
169:
170: /* ----------------------------------- */
171:
172:
173: #SRIndex {
174: clear:both;
175: padding-bottom: 15px;
176: }
177:
178: .SREntry {
179: font-size: 10pt;
180: padding-left: 1ex;
181: }
182:
183: .SRPage .SREntry {
184: font-size: 8pt;
185: padding: 1px 5px;
186: }
187:
188: body.SRPage {
189: margin: 5px 2px;
190: }
191:
192: .SRChildren {
193: padding-left: 3ex; padding-bottom: .5em
194: }
195:
196: .SRPage .SRChildren {
197: display: none;
198: }
199:
200: .SRSymbol {
201: font-weight: bold;
202: color: #425E97;
203: font-family: Arial, Verdana, sans-serif;
204: text-decoration: none;
205: outline: none;
206: }
207:
208: a.SRScope {
209: display: block;
210: color: #425E97;
211: font-family: Arial, Verdana, sans-serif;
212: text-decoration: none;
213: outline: none;
214: }
215:
216: a.SRSymbol:focus, a.SRSymbol:active,
217: a.SRScope:focus, a.SRScope:active {
218: text-decoration: underline;
219: }
220:
221: span.SRScope {
222: padding-left: 4px;
223: }
224:
225: .SRPage .SRStatus {
226: padding: 2px 5px;
227: font-size: 8pt;
228: font-style: italic;
229: }
230:
231: .SRResult {
232: display: none;
233: }
234:
235: DIV.searchresults {
236: margin-left: 10px;
237: margin-right: 10px;
238: }
239:
240: /*---------------- External search page results */
241:
242: .searchresult {
243: background-color: #F0F3F8;
244: }
245:
246: .pages b {
247: color: white;
248: padding: 5px 5px 3px 5px;
249: background-image: url("../tab_a.png");
250: background-repeat: repeat-x;
251: text-shadow: 0 1px 1px #000000;
252: }
253:
254: .pages {
255: line-height: 17px;
256: margin-left: 4px;
257: text-decoration: none;
258: }
259:
260: .hl {
261: font-weight: bold;
262: }
263:
264: #searchresults {
265: margin-bottom: 20px;
266: }
267:
268: .searchpages {
269: margin-top: 10px;
270: }
271: