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