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; } |