/** * EGroupware: CSS with less preprocessor * * PREFERENCES * * Please do NOT change app.css directly, instead change app.less and compile it! * * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Stefan Reinhardt * @package preferences * @version $Id$ */ /** * EGroupware - CSS Styles used by preferences app * * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @package preferences * @link http://www.egroupware.org * @author Ralf Becker * @version $Id$ */ table.prefTable { width: 100%; } table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { background-image: url(../../../api/templates/default/images/dialog_info.svg); background-repeat: no-repeat; background-position: center; height: 99%; } tr.prefRow:hover { background-color: #f0f0ff; } .prefName .et2_label:first-child { padding-top: 2px; } tr.prefRow > td { vertical-align: top; } tr.prefRow > td.prefValueColumn { vertical-align: middle; } /*.prefValueColumn {border-right:none !important;}*/ .prefHelpColumn { border-left: 1px solid #e6e6e6 !important; padding: 0 !important; } .prefHelp { position: absolute; display: none; width: 255px; max-height: 99%; height: calc(99% - 150px); background-color: #f0f0ff; padding: 5px; top: 80px; overflow-y: auto; z-index: 1; } tr.prefRow:hover .prefHelp { display: block; z-index: 10; /* FF: displays it under next prefName without */ } .prefDefault, .prefValue { float: left; display: inline-block; } .prefValue { margin-right: 5px; width: 99%; } span.prefDefault { overflow-x: hidden; text-overflow: ellipsis; padding-bottom: 5px; color: silver; } .prefValue textarea, textarea.prefValue { width: 99%; height: 5em; } .prefType, .prefApp { font-size: 150%; margin-top: 10px; margin-right: 5px; position: relative; } .prefType { width: 49%; } .prefApp { width: 49.5%; } #preferences-password .dialogHeader td { text-align: center; } .et2_selectbox.readonly.prefType { padding: 5px; } .prefValueColumn select.prefValue { white-space: pre-line; } /** * 2FA setup */ .securityHeader { margin-top: 1em; font-size: 120%; } img.qrCode { position: relative; left: -14px; } .toptApp { display: list-item !important; list-style-type: disc; list-style-position: inside; white-space: nowrap; } .toptStatus { margin-top: 1em; font-style: italic; font-size: 120%; } table.prefTable tbody tr.prefRow .prefHelpColumn { border-bottom: none; } .prefHelp { width: 100%; height: 60px; bottom: 0; top: auto; position: fixed; } table.prefTable { width: 100%; } td.prefName { width: 50%; } tr.prefRow > td { vertical-align: bottom; /* otherwise help will cover bigger prefValue */ } tr.prefRow > td textarea.prefValue { height: 90px !important; } div#preferences-settings_tabs { margin-bottom: 65px; } /* tablets and smartphones */ @media all { body .popupMainDiv .et2_button_text.plus_button, body .popupMainDiv .et2_button_with_image.plus_button { background-color: #0c5da5 !important; height: 60px !important; background-position: center !important; } } /*# sourceMappingURL=app.css.map */