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