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@import (reference) "../../../pixelegg/less/def_buttons.less"; 16@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less"; 17@import (less) "../default/app.css"; 18 19/* ############################################################################# 20// iframe 21// Rahmen + padding**/ 22 23/*############################################ 24# # # 25# # # 26# # # 27# # # 28# # # 29# # # 30# # # 31# # iframge # 32# # # 33# # # 34# # # 35# # # 36# # # 37# # # 38##############################################*/ 39 40/*app.css Stylite*/ 41 42table.prefTable { 43 width: 100%; 44} 45table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn { 46 background-image:url(../../../pixelegg/images/dialog_info.png); 47} 48td.prefName { 49 width: 50%; 50} 51tr.prefRow > td { 52 vertical-align: bottom; /* otherwise help will cover bigger prefValue */ 53} 54.prefHelp { 55 position: absolute; 56 display: none; 57 width: 250px; 58 max-height: 99%; 59 height: ~"calc(97% - 150px)"; 60 padding: 5px; 61 top: 100px; 62 z-index: 1; 63 border: 2px solid dimgrey; 64 border-radius: 5px; 65} 66.prefHelpColumn {border-left:1px solid #e6e6e6 !important;} 67tr.prefRow:hover .prefHelp { 68 display: block; 69 z-index: 10; /* FF: displays it under next prefName without */ 70} 71.prefDefault, .prefValue { 72 float: left; 73} 74.prefValue { 75 margin-right: 5px; 76} 77.prefValue textarea, textarea.prefValue { 78 width: 99%; 79 height: 5em; 80} 81.prefType, .prefApp { 82 font-size: 150%; 83 display: inline-block; 84 padding-bottom: 5px; 85} 86 87.prefType, .prefApp { 88 /*margin: 0.3em;*/ 89 -webkit-appearance:button; 90 /*padding:10px;*/ 91} 92 93/*Preferences APP / left */ 94.prefApp { 95 background-image: url(../pixelegg/images/setup.png); 96 background-repeat: no-repeat; 97 background-position: 90% 50%; 98 background-size: 16px 16px; 99 margin-right: 1em; 100} 101/*Preferences APP Settings / right*/ 102.prefType { 103 background-image: url(../pixelegg/images/setup.png); 104 background-repeat: no-repeat; 105 background-position: 90% 50%; 106 background-size: 16px 16px; 107} 108 109/*###############################*/ 110 /*ADMIN DIALOG*/ 111#preferences-settings { 112 .et2_tabs,table.egwGridView_grid tbody {border-bottom: none !important;} 113 margin: -8px; 114 // Header 115 div.dialogHeader { 116 height: 50px; 117 // left 118 select#preferences-settings_appname { 119 min-width: 47%; 120 margin: 5px; 121 -webkit-appearance:button; 122 padding:5px; 123 } 124 // right 125 select#preferences-settings_type { 126 margin: 5px; 127 min-width: 48%; 128 -webkit-appearance:button; 129 padding:5px; 130 } 131 } 132} 133