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