root / docs / www / colonyscout / internal / css / querybox.css @ f59acf11
History | View | Annotate | Download (2.72 KB)
1 |
/*
|
---|---|
2 |
* QueryBox 1.0
|
3 |
* @author marcos weskamp
|
4 |
* @published: Nov 20, 2008.
|
5 |
* Copyright 2008, Marcos Weskamp marcos@marumushi.com
|
6 |
* This work is licensed under a Creative Commons Attribution 3.0 Unported License.
|
7 |
* http://creativecommons.org/licenses/by/3.0/
|
8 |
*/
|
9 |
.QueryBoxDark { margin:2px; font: 12px/16px Arial, sans-serif;} |
10 |
.QueryBoxDark form input { padding:5px; background-color:#FFF; border:none; color: #333; margin:-3px 0px -3px -6px; } |
11 |
.QueryBoxDark .Input { } |
12 |
.QueryBoxDark .Last { float:right; display:none;} |
13 |
.QueryBoxDark .QueryInput{ padding:4px 4px; display:block; overflow:hidden; clear:both; display:block; border:none; } |
14 |
.QueryBoxDark .SearchIcon{ background:transparent url(../images/querybox/search.gif) no-repeat scroll 0 0; } |
15 |
.QueryBoxDark .Button{ padding:4px; text-transform:uppercase; display:none; } |
16 |
.QueryBoxDark .TextInput{ width:100%; background:#FFF url(../images/querybox/search-icon-light.gif) no-repeat scroll 218px 6px;} |
17 |
.QueryBoxDark .ResultBox div, |
18 |
.QueryBoxDark .ResultBox h1, |
19 |
.QueryBoxDark .ResultBox h2, |
20 |
.QueryBoxDark .ResultBox p { padding:0px; margin:0px; overflow:hidden; font-weight:normal; } |
21 |
.QueryBoxDark .ResultBox h2:before {content:"+";color:#000;font-size:14px;font-weight:bold;margin-right:4px;} |
22 |
.QueryBoxDark .ResultBox h1{ font-size:0.9em; background-color:#111; padding:8px 10px 5px 10px; color:#888;} |
23 |
.QueryBoxDark .ResultBox h2 { font-size:1.1em; color:#F0F0F0; margin-bottom:2px; } |
24 |
.QueryBoxDark .ResultBox p { font-size:0.95em; color:#CCC; margin:0px 0px 0px 12px; } |
25 |
.QueryBoxDark .ResultBox b { font-weight:normal; } |
26 |
.QueryBoxDark .ResultBox a { text-decoration: none; color: #BBB; border: none; } |
27 |
.QueryBoxDark .ResultBox a:visited, |
28 |
.QueryBoxDark .ResultBox a:active, |
29 |
.QueryBoxDark .ResultBox a:focus{ } |
30 |
.QueryBoxDark .ResultBox .ListItem { padding:8px 4px 8px 8px; border-bottom:1px solid #292929; } |
31 |
.QueryBoxDark .QueryInput, |
32 |
.QueryBoxDark .ResultBox{ background-color:#333; background-position:left bottom; background-repeat:no-repeat; width:235px; } |
33 |
.QueryBoxDark .QueryInput{ width:226px; background-color:#888;} |
34 |
.QueryBoxDark .ResultBox{ border:color:#CCC; font-size:1em; margin:-1px 0 0 0px; padding:0px; position:absolute; } |
35 |
.QueryBoxDark .ResultBox .ListItem:hover, |
36 |
.QueryBoxDark .ResultBox .Selected { background-color:#222; } |
37 |
.QueryBoxDark .ResultBox .ListItem:hover, |
38 |
.QueryBoxDark .ResultBox .ListItem:hover h1, |
39 |
.QueryBoxDark .ResultBox .ListItem:hover h2, |
40 |
.QueryBoxDark .ResultBox .ListItem:hover p, |
41 |
.QueryBoxDark .ResultBox .Selected h1, |
42 |
.QueryBoxDark .ResultBox .Selected h2, |
43 |
.QueryBoxDark .ResultBox .Selected p { color:#FFF; } |
44 |
.QueryBoxDark .ResultBox .NoResults { padding:5px } |
45 |
.QueryBoxDark .ResultBox .NoResults p { color:#CCC; } |
46 |
.QueryBoxDark .ResultBox .NoResults b { color:#FFF; font-style:italic; } |