Define generic .searchbox styles

pull/57/merge
Thomas Bruederli 12 years ago
parent 13dc9f2c86
commit 7bdfd78426

@ -138,7 +138,7 @@ ul.toolbarmenu li label {
padding: 3px 8px;
}
#quicksearchbar input {
.searchbox input {
padding-top: 4px;
padding-bottom: 2px;
}

@ -1516,17 +1516,21 @@ ul.proplist li {
/*** quicksearch **/
.searchbox {
position: relative;
}
#quicksearchbar {
position: absolute;
right: 1px;
top: -5px;
top: 2px;
width: 240px;
}
.searchbox input,
#quicksearchbar input {
width: 176px;
margin: 0;
margin-top: 7px;
padding: 3px 30px 3px 34px;
height: 18px;
background: #f1f1f1;
@ -1535,15 +1539,17 @@ ul.proplist li {
font-size: 11px;
}
.searchbox #searchmenulink,
#quicksearchbar #searchmenulink {
position: absolute;
top: 12px;
top: 5px;
left: 6px;
}
.searchbox #searchreset,
#quicksearchbar #searchreset {
position: absolute;
top: 11px;
top: 4px;
right: 1px;
}

@ -42,7 +42,7 @@
<div id="addressview-right">
<!-- search box -->
<div id="quicksearchbar">
<div id="quicksearchbar" class="searchbox">
<roundcube:object name="searchform" id="quicksearchbox" />
<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" onclick="UI.show_popup('searchmenu');return false" title="searchmod" content=" " />
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />

@ -52,7 +52,7 @@
</div>
<!-- search box -->
<div id="quicksearchbar">
<div id="quicksearchbar" class="searchbox">
<roundcube:object name="searchform" id="quicksearchbox" />
<roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" onclick="UI.show_popup('searchmenu');return false" title="searchmod" content=" " />
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />

Loading…
Cancel
Save