prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

* search input reworked

Browse source
This commit is contained in:
Max Pozdeev 2010-09-07 15:44:29 +04:00
parent 95d719e939
commit ed86787d2d
2 changed files with 13 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/themes/default/index.php
View file

@ -93,17 +93,11 @@ $().ready(function(){
<div id="toolbar" class="mtt-htabs">
<div id="htab_search" style="float:right;">
<table cellspacing="0" cellpadding="0" class="mtt-searchbox">
<tr>
<td class="mtt-searchbox-left"><span class="mtt-searchbox-icon mtt-icon-search"><span></span></span></td>
<td class="mtt-searchbox-center">
<form id="search_form" method="post">
<input type="text" name="search" value="" maxlength="250" id="search" autocomplete="off" />
</form>
</td>
<td class="mtt-searchbox-right"><span id="search_close" class="mtt-searchbox-icon mtt-icon-cancelsearch" title=""><span></span></td>
</tr>
</table>
<div class="mtt-searchbox">
<input type="text" name="search" value="" maxlength="250" id="search" autocomplete="off" />
<div class="mtt-searchbox-icon mtt-icon-search"></div>
<div id="search_close" class="mtt-searchbox-icon mtt-icon-cancelsearch"></div>
</div>
</div>
<div id="htab_newtask">

17
src/themes/default/style.css
View file

@ -114,22 +114,21 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
#task { color:#444444; width:100%; }
/* Live Search */
#search { color:#444444; width:100%; height:18px; outline:none; border:0 none; }
#search {
color:#444444; background:#fff; height:1.35em; padding:2px 18px; width:150px;
border:1px inset #F0F0F0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}
#search_close { display:none; }
.mtt-searchbox { background-color:#fff; border:1px inset #f0f0f0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.mtt-searchbox-left { width:16px; padding-left:3px; }
.mtt-searchbox-center { width:150px; }
.mtt-searchbox-right { width:16px; padding-right:3px; }
.mtt-searchbox-icon > span { display:block; width:16px; height:16px; }
.mtt-searchbox { position:relative; width:188px; /* input width+padding+border */ }
.mtt-searchbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; }
.mtt-searchbox-icon.mtt-icon-search > span { background:url(images/mzl.png) 0px -16px no-repeat; }
.mtt-searchbox-icon.mtt-icon-cancelsearch > span { background:url(images/mzl.png) 0px 0px no-repeat; }
.mtt-searchbox-icon.mtt-icon-search { background:url(images/mzl.png) 0px -16px no-repeat; left:4px; }
.mtt-searchbox-icon.mtt-icon-cancelsearch { background:url(images/mzl.png) 0px 0px no-repeat; right:4px; }
#searchbar { font-size:1em; font-weight:normal; display:none; margin-top:5px; }
#searchbarkeyword { font-weight:bold; }
/* */
.mtt-notes-showhide { font-size:0.8em; font-weight:normal; margin-left:2px; margin-right:2px; }
.mtt-notes-showhide a { text-decoration:none; border-bottom:1px dotted; }