/** * Roundcube webmail styles for the Elastic skin * * Copyright (c) 2017, The Roundcube Dev Team * * The contents are subject to the Creative Commons Attribution-ShareAlike * License. It is allowed to copy, distribute, transmit and to adapt the work * by keeping credits to the original autors in the README file. * See http://creativecommons.org/licenses/by-sa/3.0/ for details. */ /*** Searchbar widget ***/ .searchbar { display: table; text-align: right; position: absolute; background-color: @color-layout-header-background; z-index: 10; top: 0; right: 0; form, a.button.options, a.button.reset { display: none; width: 1%; } form { width: 98%; text-align: left; padding-left: 0.25em; &:before { &:extend(.font-icon-class); content: @fa-var-search; } } input { width: 80%; border: none; border-bottom: 1px solid #ddd; background: transparent; line-height: 1.2; padding-left: 0.1em; } a { &.button.search.active { color: @color-searchbar-icon-active; } &.button.reset:before { content: @fa-var-remove; } &.button.options:before { content: @fa-var-angle-down; } } }