pimped the search dropdown style a bit

This commit is contained in:
Jan-Christoph Borchardt 2011-08-01 21:31:16 +02:00
Родитель a8ffe16f4f
Коммит ad45c78b44
4 изменённых файлов: 12 добавлений и 27 удалений

Просмотреть файл

@ -82,6 +82,8 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', end
form.searchbox { display:inline; position:fixed; top:.9em; right:9em; margin:0; padding:0; }
input[type="search"] { font-size:1em; padding-left:2em; background:#eee url('../img/actions/search.png') .5em center no-repeat; }
/* NAVIGATION ------------------------------------------------------------- */
#plugins { position:fixed; top:3.5em; float:left; width:15.7em; padding:0; z-index:50; height:100%; background:#eee; border-right: 1px #ccc solid; -moz-box-shadow: -3px 0 7px #000; -webkit-box-shadow: -3px 0 7px #000; box-shadow: -3px 0 7px #000; } }
#plugins ul { list-style-type:none; border-top:1px solid #ccc; }

Просмотреть файл

@ -1,3 +1,3 @@
<form class="searchbox" action="#" method="post">
<input id='searchbox' type="search" name="query" value="<?php if(isset($_POST['query'])){echo $_POST['query'];};?>" class="prettybutton" />
<input id='searchbox' type="search" name="query" value="<?php if(isset($_POST['query'])){echo $_POST['query'];};?>" class="prettybutton" autocomplete="off" />
</form>

Просмотреть файл

@ -1,9 +1,9 @@
#searchresults { position:fixed; top:3.3em; right:0; z-index:50; background-color:white; border:1px solid black; margin-bottom:3em; overflow:auto; max-height:80%; width:40em; }
#searchresults table{ width:100%; table-layout:fixed; top:1em;border-spacing:0}
#searchresults td{padding-right:0.3em;padding-left:0.3em;vertical-align:top}
#searchresults td.result div.text{padding-left:1em;}
#searchresults div.text,div.name{width:30em; white-space:normal}
#searchresults td.result{width:30em;}
#searchresults td.result *{cursor:pointer}
#searchresults td.type{width:7em;text-align:right; border-right:1px solid #aaa;border-bottom:none}
#searchresults tr.current{background-color:#ddd}
#searchresults { list-style:none; position:fixed; top:3.5em; right:0; z-index:100; background-color:#fff; overflow:hidden; text-overflow:ellipsis; max-height:80%; width:26.5em; padding-bottom:1em; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; }
#searchresults li.resultHeader { font-size:1.2em; font-weight:bold; border-bottom:solid 1px #CCC; padding:.2em; background-color:#eee; }
#searchresults li.result { margin-left:2em; }
#searchresults table { width:100%; table-layout:fixed; top:0; border-spacing:0; }
#searchresults td { padding:0 .3em; vertical-align:top; }
#searchresults td.result div.text { padding-left:1em; white-space:nowrap; }
#searchresults td.result * { cursor:pointer; }
#searchresults td.type { width:3.5em; text-align:right; border-right:1px solid #aaa; border-bottom:none; font-weight:bold; }
#searchresults tr.current { background-color:#ddd; }

Просмотреть файл

@ -1,17 +0,0 @@
#searchresults{
margin: 2em;
list-style:none;
border: solid 1px #CCC;
}
#searchresults li.resultHeader{
font-size:1.2em;
font-weight:bold;
border-bottom: solid 1px #CCC;
padding:0.2em;
background-color:#eee;
}
#searchresults li.result{
margin-left:2em;
}