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