Define generic styles for a search boxe inside list widgets

Thomas Bruederli

2014-05-12 9e89c876013558ba5f22657e37ed1230c4b65cdf

Define generic styles for a search boxe inside list widgets

 skins/larry/mail.css

@@ -1274,23 +1274,6 @@
    bottom: 0;
}

#composequicksearch {
    position: relative;
    padding: 4px;
    background: #c7e3ef;
}

#composequicksearch .searchbox input {
    width: 100%;
    height: 26px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#composequicksearch #searchmenulink {
    width: 15px;
}

#compose-contacts #directorylist {
    border-bottom: 4px solid #c7e3ef;
}

 skins/larry/styles.css

@@ -433,9 +433,15 @@
    cursor: default;
}

a.iconbutton.searchicon,
a.iconbutton.searchoptions {
    width: 24px;
    background-position: -2px -317px;
}

a.iconbutton.searchicon,
a.iconbutton.searchoptions {
    width: 15px;
}

a.iconbutton.reset {
@@ -1857,6 +1863,7 @@
    font-size: 11px;
}

.searchbox .searchicon,
.searchbox #searchmenulink,
#quicksearchbar #searchmenulink {
    position: absolute;
@@ -1865,12 +1872,25 @@
}

.searchbox #searchreset,
.searchbox .iconbutton.reset,
#quicksearchbar #searchreset {
    position: absolute;
    top: 4px;
    right: 1px;
}

.listsearchbox {
    position: relative;
    padding: 4px;
    background: #c7e3ef;
}

.listsearchbox input {
    width: 100%;
    height: 26px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*** toolbar ***/


 skins/larry/templates/compose.html

@@ -42,11 +42,11 @@
<!-- inline address book -->
<div id="compose-contacts" class="uibox listbox">
<h2 class="boxtitle"><roundcube:label name="contacts" /></h2>
    <div id="composequicksearch">
    <div class="listsearchbox">
        <div class="searchbox">
            <roundcube:object name="searchform" id="contactsearchbox" />
            <a id="searchmenulink" class="iconbutton searchoptions"> </a>
            <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
            <a id="searchmenulink" class="iconbutton searchicon"> </a>
            <roundcube:button command="reset-search" class="iconbutton reset" title="resetsearch" content=" " />
        </div>
    </div>
    <roundcube:object name="addressbooks" id="directorylist" class="listing" />