Merge branch '2016.11-develop' into 2017.11
[tine20] / tine20 / Tinebase / css / widgets / PreviewPanel.css
1 .preview-panel {
2     padding: 5px;
3     white-space: normal;
4     height: 100%;
5     background-color: #e5edf8;
6     position: relative;
7     display: inline;
8 }
9
10 .preview-panel img {
11     vertical-align: middle;
12     -moz-border-radius: 8px;
13     -webkit-border-radius: 8px;
14     -khtml-border-radius: 8px;
15     }
16 .preview-panel-left{
17     float:left;
18     font-size:10px;
19 }
20
21 .preview-panel-left {
22     float: left;
23     font-size: 10px;
24     color: #404040;
25     font-family: verdana;
26     line-height: 16px;
27     overflow-y: auto;
28 }
29
30 .preview-panel-right {
31     float: right;
32     font-size: 10px;
33     color: #404040;
34     font-family: verdana;
35     line-height: 16px;
36 }
37
38 .preview-panel-bold {
39     font-weight: bold;
40     }
41 .preview-panel-image{
42     padding:0px;
43     display: table-cell;
44     vertical-align: middle;
45     position: relative;
46     left: -2px;
47     }
48 .preview-panel-office{
49     width:360px;
50     margin:5px 2px 5px 5px;
51     }
52 .preview-panel-privat{
53     width:360px;
54     margin:5px 2px 5px 5px;
55     }
56
57 .preview-panel-image {
58     vertical-align: middle;
59     margin: 5px 2px 5px 5px;
60     width: 90px;
61     height: 113px;
62     padding: 0px
63 }
64
65 .preview-panel-office {
66     width: 360px;
67     margin: 5px 2px 5px 5px;
68 }
69
70 .preview-panel-privat {
71     width: 360px;
72     margin: 5px 2px 5px 5px;
73 }
74
75 .preview-panel-description {
76     width: 200px;
77     position: relative;
78     height: 97px;
79     margin: 5px 2px 5px 5px;
80     padding: 5px;
81     border: solid 3px #e5e6fe;
82     overflow: hidden;
83 }
84
85 .preview-panel-description,
86 .preview-panel-description a,
87 .preview-panel-description a:link,
88 .preview-panel-description a:visited,
89 .preview-panel-description a:hover,
90 .preview-panel-description a:active {
91     color: #a0a0a0;
92     text-decoration: none;
93 }
94
95 .preview-panel-address {
96     width: 150px;
97     padding: 5px;
98 }
99
100 .preview-panel-contact {
101     width: 180px;
102     padding: 5px;
103 }
104
105 .bordercorner_1 {
106     background-image: url(../../../images/preview/bordercorner_blue_1.gif);
107     background-repeat: no-repeat;
108     background-position: left top;
109     position: absolute;
110     top: 0;
111     left: 0;
112     width: 4px;
113     height: 4px;
114 }
115
116 .bordercorner_2 {
117     background-image: url(../../../images/preview/bordercorner_blue_2.gif);
118     background-repeat: no-repeat;
119     background-position: left top;
120     position: absolute;
121     top: 0;
122     right: 0;
123     width: 4px;
124     height: 4px;
125 }
126
127 .bordercorner_3 {
128     background-image: url(../../../images/preview/bordercorner_blue_3.gif);
129     background-repeat: no-repeat;
130     background-position: left top;
131     position: absolute;
132     left: 0;
133     bottom: 0;
134     width: 4px;
135     height: 4px;
136 }
137
138 .bordercorner_4 {
139     background-image: url(../../../images/preview/bordercorner_blue_4.gif);
140     background-repeat: no-repeat;
141     background-position: left top;
142     position: absolute;
143     right: 0;
144     bottom: 0;
145     width: 4px;
146     height: 4px;
147 }
148
149 .preview-panel-adressbook-nobreak {
150     min-width: 1075px;
151 }
152
153 .bordercorner_gray_1 {
154     background-image: url(../../../images/preview/bordercorner_gray_1.gif);
155     background-repeat: no-repeat;
156     background-position: left top;
157     position: absolute;
158     top: -3px;
159     left: -3px;
160     width: 5px;
161     height: 5px;
162 }
163
164 .bordercorner_gray_2 {
165     background-image: url(../../../images/preview/bordercorner_gray_2.gif);
166     background-repeat: no-repeat;
167     background-position: left top;
168     position: absolute;
169     top: -3px;
170     right: -3px;
171     width: 5px;
172     height: 5px;
173 }
174
175 .bordercorner_gray_3 {
176     background-image: url(../../../images/preview/bordercorner_gray_3.gif);
177     background-repeat: no-repeat;
178     background-position: left top;
179     position: absolute;
180     left: -3px;
181     bottom: -3px;
182     width: 5px;
183     height: 5px;
184 }
185
186 .bordercorner_gray_4 {
187     background-image: url(../../../images/preview/bordercorner_gray_4.gif);
188     background-repeat: no-repeat;
189     background-position: left top;
190     position: absolute;
191     right: -3px;
192     bottom: -3px;
193     width: 5px;
194     height: 5px;
195 }
196
197 .preview-panel-declaration {
198     color: #a0a0a0;
199     font-size: 18px;
200     position: absolute;
201     font-weight: bold;
202     left: 5px;
203     bottom: 6px;
204 }
205
206 .preview-panel-symbolcompare {
207     color: #a0a0a0;
208     width: 45px;
209     text-align: right;
210     display: block;
211     float: left;
212     overflow: hidden;
213     padding-right: 5px;
214 }