1/** 2 * EGroupware: CSS with less preprocessor 3 * 4 * PREFERENCES 5 * 6 * Please do NOT change app.css directly, instead change app.less and compile it! 7 * 8 * @link http://www.egroupware.org 9 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License 10 * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de> 11 * @package preferences 12 * @version $Id$ 13 */ 14/** 15 * EGroupware - CSS Styles used by preferences app 16 * 17 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License 18 * @package preferences 19 * @link http://www.egroupware.org 20 * @author Ralf Becker <RalfBecker@outdoor-training.de> 21 * @version $Id$ 22 */ 23table.prefTable { 24 width: 100%; 25} 26table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { 27 background-image: url(../../../api/templates/default/images/hint.png); 28 background-repeat: no-repeat; 29 background-position: center; 30 height: 99%; 31} 32tr.prefRow:hover { 33 background-color: #f0f0ff; 34} 35td.prefName { 36 width: 50%; 37} 38tr.prefRow > td { 39 vertical-align: bottom; 40 /* otherwise help will cover bigger prefValue */ 41} 42/*.prefValueColumn {border-right:none !important;}*/ 43.prefHelpColumn { 44 border: none !important; 45 padding: 0 !important; 46} 47.prefHelp { 48 position: absolute; 49 display: none; 50 width: 255px; 51 max-height: 99%; 52 height: calc(99% - 150px); 53 background-color: #f0f0ff; 54 padding: 5px; 55 top: 80px; 56 overflow-y: auto; 57 z-index: 1; 58} 59tr.prefRow:hover .prefHelp { 60 display: block; 61 z-index: 10; 62 /* FF: displays it under next prefName without */ 63} 64.prefDefault, 65.prefValue { 66 float: left; 67 display: inline-block; 68} 69.prefValue { 70 margin-right: 5px; 71 width: 49%; 72} 73.prefDefault { 74 float: right; 75 width: 48%; 76 overflow-x: hidden; 77 text-overflow: ellipsis; 78 max-width: 300px; 79} 80.prefValue textarea, 81textarea.prefValue { 82 width: 99%; 83 height: 5em; 84} 85.prefType, 86.prefApp { 87 font-size: 150%; 88 margin-top: 10px; 89 margin-right: 5px; 90} 91.prefType { 92 width: 49%; 93} 94.prefApp { 95 width: 49.5%; 96} 97#preferences-password .dialogHeader td { 98 text-align: center; 99} 100.et2_selectbox.readonly.prefType { 101 padding: 5px; 102} 103.prefValueColumn select.prefValue { 104 white-space: pre-line; 105} 106#preferences_settings_country_chzn { 107 width: 49% !important; 108} 109/** 110 * 2FA setup 111 */ 112.securityHeader { 113 margin-top: 1em; 114 font-size: 120%; 115} 116img.qrCode { 117 position: relative; 118 left: -14px; 119} 120.toptApp { 121 display: list-item !important; 122 list-style-type: disc; 123 list-style-position: inside; 124 white-space: nowrap; 125} 126.toptStatus { 127 margin-top: 1em; 128 font-style: italic; 129 font-size: 120%; 130} 131.prefHelp { 132 width: 100%; 133 height: 60px; 134 bottom: 0; 135 top: auto; 136 position: fixed; 137} 138table.prefTable { 139 width: 100%; 140} 141td.prefName { 142 width: 50%; 143} 144tr.prefRow > td { 145 vertical-align: bottom; 146 /* otherwise help will cover bigger prefValue */ 147} 148tr.prefRow > td textarea.prefValue { 149 height: 90px !important; 150} 151div#preferences-settings_tabs { 152 margin-bottom: 65px; 153} 154/* tablets and smartphones */ 155@media all { 156 body .popupMainDiv .et2_button_text.plus_button, 157 body .popupMainDiv .et2_button_with_image.plus_button { 158 background-color: #0c5da5 !important; 159 height: 60px !important; 160 background-position: center !important; 161 } 162} 163