1/** 2 * EGroupware - CSS Styles used by preferences app 3 * 4 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License 5 * @package preferences 6 * @link http://www.egroupware.org 7 * @author Ralf Becker <RalfBecker@outdoor-training.de> 8 * @version $Id$ 9 */ 10 11table.prefTable { 12 width: 100%; 13} 14table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { 15 background-image:url(../../../api/templates/default/images/hint.png); 16 background-repeat: no-repeat; 17 background-position: center; 18 height: 99%; 19} 20tr.prefRow:hover {background-color:#f0f0ff} 21td.prefName { 22 width: 50%; 23} 24tr.prefRow > td { 25 vertical-align: bottom; /* otherwise help will cover bigger prefValue */ 26} 27/*.prefValueColumn {border-right:none !important;}*/ 28.prefHelpColumn { 29 border: none !important; 30 padding: 0 !important; 31} 32.prefHelp { 33 position: absolute; 34 display: none; 35 width: 255px; 36 max-height: 99%; 37 height: calc(99% - 150px); 38 background-color: #f0f0ff; 39 padding: 5px; 40 top: 80px; 41 overflow-y: auto; 42 z-index: 1; 43} 44tr.prefRow:hover .prefHelp { 45 display: block; 46 z-index: 10; /* FF: displays it under next prefName without */ 47} 48.prefDefault, .prefValue { 49 float: left; 50 display: inline-block; 51} 52.prefValue { 53 margin-right: 5px; 54 width:49%; 55} 56.prefDefault { 57 float: right; 58 width:48%; 59 overflow-x: hidden; 60 text-overflow: ellipsis; 61 max-width: 300px; 62} 63.prefValue textarea, textarea.prefValue { 64 width: 99%; 65 height: 5em; 66} 67.prefType, .prefApp { 68 font-size: 150%; 69 margin-top: 10px; 70 margin-right: 5px; 71} 72.prefType{ 73 width:49%; 74} 75.prefApp { 76 width:49.50%; 77} 78#preferences-password .dialogHeader td { 79 text-align: center; 80} 81.et2_selectbox.readonly.prefType {padding: 5px;} 82 83.prefValueColumn select.prefValue { 84 white-space: pre-line; 85} 86 87#preferences_settings_country_chzn {width:49% !important;} 88 89/** 90 * 2FA setup 91 */ 92.securityHeader { 93 margin-top: 1em; 94 font-size: 120%; 95} 96img.qrCode { 97 position: relative; 98 left: -14px; 99} 100.toptApp { 101 display: list-item !important; 102 list-style-type: disc; 103 list-style-position: inside; 104 white-space: nowrap; 105} 106.toptStatus { 107 margin-top: 1em; 108 font-style: italic; 109 font-size: 120%; 110}