/** * 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 authors in the README.md file. * See http://creativecommons.org/licenses/by-sa/3.0/ for details. */ /*** Common sizing variables ***/ @listing-line-height: 2.5rem; @listing-touch-line-height: 3.6rem; /*** Common UI elements ***/ .hidden, .voice { display: none !important; } font.bold { font-weight: bold; } #rcmdraglayer { min-width: 260px; width: auto !important; width: 260px; background: @color-drag-layer-background; z-index: 250; color: @color-drag-layer; white-space: nowrap; opacity: .92; } .frame-content { padding: 1rem; h2 { font-weight: bold; font-size: 1.5em; } h3 { font-weight: bold; font-size: 1.25em; } } .listbox { .scroller { width: 100%; overflow-x: hidden; overflow-y: auto; } .navlist { height: 0; flex: initial !important; .listing { border-bottom: 1px solid @color-layout-border; tr:last-child td, li:last-child { border: 0; } } } } #folder-selector { overflow-y: auto; li a.virtual { opacity: .2; } } #layout > .content .watermark { background: url(../images/watermark.jpg) center no-repeat; width: 100%; height: 100%; } .noselect { user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .iframe-loader { width: 100%; position: absolute; top: 0; bottom: 0; background-color: rgba(255, 255, 255, .95); display: flex; align-items: center; justify-content: center; .spinner { position: relative; display: inline-block; width: 7rem; height: 7rem; overflow: hidden; text-indent: -999em; color: @color-spinner-circle; border: 1rem solid; border-color: currentColor @color-spinner-item currentColor currentColor; border-radius: 50%; -webkit-animation: fa-spin 1s infinite linear; animation: fa-spin 1s infinite linear; } } .footer.toolbar + .iframe-loader { top: @layout-header-height; bottom: @layout-header-height; } .table-widget { display: flex; flex-direction: column; height: 22rem; margin-bottom: .25rem; border: 1px solid @color-table-border; & > .content { overflow-x: auto; flex-grow: 1; table th { border-top: 0; } } & > .footer { height: 3.5rem; border-top: 1px solid @color-table-border; a.button { padding: 0; } } /* Options table is a table with first column for identifier/description and other columns for a state flag. E.g. ACL table */ table.options-table { td,th { text-align: center; vertical-align: middle; &:first-child { text-align: left; text-overflow: ellipsis; overflow: hidden; } } tr.selected td { background-color: @color-table-selected-background; color: @color-table-selected; } td:not(:first-child) span { display: inline-block; line-height: 1.25; &:before { &:extend(.font-icon-class); } } td.enabled span:before { content: @fa-var-check; } td.partial span:before { opacity: .3; content: @fa-var-check; } } } table.compact-table { font-size: 90%; margin: 0; * { font-size: inherit; } td { padding: .25rem; border: 0; } td:first-child { padding-left: 0; } td:last-child { padding-right: 0; } .form-control { padding-left: .25rem; padding-right: .25rem; } } /* Bootstrap's .table style overwrites */ .table { thead th { border-width: 1px; } }