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/* ############################################################################# 132// iframe 133// Rahmen + padding**/ 134/*############################################ 135# # # 136# # # 137# # # 138# # # 139# # # 140# # # 141# # # 142# # iframge # 143# # # 144# # # 145# # # 146# # # 147# # # 148# # # 149##############################################*/ 150/*app.css Stylite*/ 151table.prefTable { 152 width: 100%; 153} 154table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { 155 background-image: url(../../../pixelegg/images/dialog_info.png); 156} 157td.prefName { 158 width: 50%; 159} 160tr.prefRow > td { 161 vertical-align: bottom; 162 /* otherwise help will cover bigger prefValue */ 163} 164.prefHelp { 165 position: absolute; 166 display: none; 167 width: 250px; 168 max-height: 99%; 169 height: calc(97% - 150px); 170 padding: 5px; 171 top: 100px; 172 z-index: 1; 173 border: 2px solid dimgrey; 174 border-radius: 5px; 175} 176.prefHelpColumn { 177 border-left: 1px solid #e6e6e6 !important; 178} 179tr.prefRow:hover .prefHelp { 180 display: block; 181 z-index: 10; 182 /* FF: displays it under next prefName without */ 183} 184.prefDefault, 185.prefValue { 186 float: left; 187} 188.prefValue { 189 margin-right: 5px; 190} 191.prefValue textarea, 192textarea.prefValue { 193 width: 99%; 194 height: 5em; 195} 196.prefType, 197.prefApp { 198 font-size: 150%; 199 display: inline-block; 200 padding-bottom: 5px; 201} 202.prefType, 203.prefApp { 204 /*margin: 0.3em;*/ 205 -webkit-appearance: button; 206 /*padding:10px;*/ 207} 208/*Preferences APP / left */ 209.prefApp { 210 background-image: url(../pixelegg/images/setup.png); 211 background-repeat: no-repeat; 212 background-position: 90% 50%; 213 background-size: 16px 16px; 214 margin-right: 1em; 215} 216/*Preferences APP Settings / right*/ 217.prefType { 218 background-image: url(../pixelegg/images/setup.png); 219 background-repeat: no-repeat; 220 background-position: 90% 50%; 221 background-size: 16px 16px; 222} 223/*###############################*/ 224/*ADMIN DIALOG*/ 225#preferences-settings { 226 margin: -8px; 227} 228#preferences-settings .et2_tabs, 229#preferences-settings table.egwGridView_grid tbody { 230 border-bottom: none !important; 231} 232#preferences-settings div.dialogHeader { 233 height: 50px; 234} 235#preferences-settings div.dialogHeader select#preferences-settings_appname { 236 min-width: 47%; 237 margin: 5px; 238 -webkit-appearance: button; 239 padding: 5px; 240} 241#preferences-settings div.dialogHeader select#preferences-settings_type { 242 margin: 5px; 243 min-width: 48%; 244 -webkit-appearance: button; 245 padding: 5px; 246} 247