1.plugin_addressbook_singlecontact {
2    background-color:#efefef;
3    display:block;
4    max-width:600px;
5    min-width:350px;
6    vertical-align:top;
7    margin:6px;
8    display:inline-block;
9    border-radius:4px;
10
11
12    padding:8px 12px 12px;
13    font-size:15px;
14    box-shadow: 0 3px 5px rgba(0,0,0,.12),0 3px 5px rgba(0,0,0,.24);
15}
16
17.plugin_addressbook_singlecontact b{
18    font-size:115%;
19}
20
21.plugin_addressbook_singlecontact .footer{
22    color:gray;
23    padding:0 7px 0px  5px;
24    font-size:12px;
25    margin-top:2px;
26}
27
28.plugin_addressbook_singlecontact .footer .buttons{
29    float:right;
30}
31
32.plugin_addressbook_singlecontact .footer .buttons a {
33    padding-left:6px;
34}
35
36.plugin_addressbook_singlecontact .content{
37    width:100%;
38    display:block;
39
40}
41
42.plugin_addressbook_singlecontact .data {
43    float:left;
44}
45
46.plugin_addressbook_singlecontact .photo{
47
48    float:right;
49    padding:3px;
50    max-width:150px;
51}
52
53.plugin_addressbook_singlecontact .content:after{
54    content:"";
55    display:table;
56    clear:both;
57}
58
59.plugin_addressbook_editform{
60    padding:1em;
61    border:1px dotted gray;
62    }
63
64.plugin_addressbook_editform h2 {
65    margin-bottom:0;
66    padding-bottom:0;
67}
68
69.plugin_addressbook_editform input[type=text]{
70    all:initial;
71    font: normal 87.5%/1.4 Arial,sans-serif;
72    background:linen;
73    color:gray;
74    border: 2px solid #ccc;
75    font-size:16px;
76    padding:3px;
77    margin:3px;
78    width:40%;
79    max-width:300px;
80}
81
82.plugin_addressbook_searchbox input[type=text]{
83    all:initial;
84    font: normal 87.5%/1.4 Arial,sans-serif;
85    color:gray;
86    border:1px solid gray;
87    font-size:16px;
88    padding:3px 6px;
89    margin:3px 6px;
90    width:40%;
91    max-width:300px;
92}
93
94.plugin_addressbook_searchbox input[type=text]:focus{
95    background-color:linen;
96    color:black;
97}
98
99.plugin_addressbook_editform input[type=text]:focus{
100    background-color: lightblue;
101}
102
103.plugin_addressbook_editform textarea{
104    all:initial;
105    font: normal 87.5%/1.4 Arial,sans-serif;
106    height: 150px;
107    width:100%;
108    max-width:500px;
109    padding: 12px 10px;
110    box-sizing: border-box;
111    border: 2px solid #ccc;
112    border-radius: 4px;
113    background-color: #f8f8f8;
114    resize: none;
115}
116
117.plugin_addressbook_editform .photoupload{
118    padding:5px;
119}
120
121.plugin_addressbook_editform .photoupload img{
122    padding-right:10px;
123}
124
125.plugin_addressbook_editform .photoupload:after{
126    content:"";
127    display:table;
128    clear:both;
129}
130
131.plugin_addressbook_editform input[type=submit],
132.plugin_addressbook_editform input[type=submit]:hover,
133.plugin_addressbook_searchbox input[type=submit],
134.plugin_addressbook_searchbox input[type=submit]:hover {
135    all:initial;
136    font: normal 16px/1.4 Arial,sans-serif;
137    background-color: lightsteelblue; /*#4CAF50;*/
138    border: none;
139    color: white;
140    padding: 5px 20px;
141    text-decoration: none;
142    margin: 4px 2px;
143    cursor: pointer;
144}
145
146.plugin_addressbook_editform .id{
147    float:right;
148    color:gray;
149    font-size:85%;
150}
151
152.plugin_addressbook_searchbox {
153    /*display:inline-block;*/
154    /*border:1px dotted gray;*/
155    padding:15px;
156    margin-bottom:1em;
157}
158
159.plugin_addressbook_searchbox span {
160    font-weight:bold;
161    font-size:18px;
162}
163
164.addressbook_list span{
165    margin-bottom:8px;
166    display:inline-block;
167    color:gray;
168    border-left:4px solid lightgray;
169    padding:2px 0 2px 4px;
170    background:#f2f2e2;
171
172    width:95%;
173}
174
175.addressbook_list h3{
176    margin-top:2em;
177}
178
179
180.plugin_addressbook_print {
181    width:100% !important;
182    max-width:800px;
183}
184
185.plugin_addressbook_print tbody td {
186    border:1px solid white;
187    padding:0;
188    text-align:center;
189    min-width:20px;
190}
191
192
193.plugin_addressbook_print tr,
194.plugin_addressbook_print tbody,
195.plugin_addressbook_print
196 {
197    border:0px !important;
198    font-size:10px;
199}
200
201.plugin_addressbook_searchpage {
202    padding:10px;
203    border:1px dotted gray;
204    margin-bottom:1em;
205}
206