1
2/* THUMBS CONTENT
3-------------------------------------- */
4body .wpcp-content-wrapper {
5 float: left;
6 width: 180px;
7 margin: 5px 4px 4px;
8 border: 1px solid #ACACAC;
9 position: relative;
10 background: #F5F6F8;
11
font-size: 13px;
12 font:
Arial;
13 color: #5A5A5A;
14 line-height: 1.35;
15 min-height: 184px;
16 font-family: Arial,Helvetica,sans-serif;
17 overflow: hidden;
18}
19body .wpcp-content-wrapper a {
20 text-decoration: none;
21 border: 0px solid rgb(51, 51, 51);
22}
23body .wpcp-content-wrapper img {
24 height: 152px;
25 max-width: unset;
26 width: auto;
27}
28body .wpcp-content-wrapper a.wpcp-link-img {
29
font-size: 13px;
30 color: #0A5A83;
31 font:
Arial;
32 font-weight: bold;
33 text-decoration: none;
34 padding: 0;
35 margin: 0;
36 display: inline;
37 line-height: 1.35;
38 background: none;
39 border: 0px solid rgb(51, 51, 51);
40}
41body .wpcp-content-wrapper a.wpcp-link {
42
font-size: 13px;
43 color: #0A5A83;
44 font:
Arial;
45 font-weight: bold;
46 text-decoration: none;
47 padding: 0;
48 margin: 0;
49 display: inline;
50 line-height: 1.35;
51 background: none;
52 border: 0px solid rgb(51, 51, 51);
53 margin-left: 5px;
54}
55body .wpcp-content-wrapper span.wpcp-info {
56 display: inline-block;
57 margin-left: 5px;
58 padding-bottom: 3px;
59}
60body .wpcp-content-wrapper span.wpcp-user-icon {
61 text-align: right;
62 float: right;
63 margin-right: 3px;
64}
65body .wpcp-content-wrapper span.wpcp-user-icon.wpcp-user-male {
66
font-size: 12px;
67 float: right;
68 width: 32px;
69 height: 14px;
70 margin-top: 4px;
71 text-align: right;
72 background-image: url('/wp-content/plugins/wp-cam-builder/shortcodes/img/user.png');
73 background-position: 0px center;
74 background-repeat: no-repeat;
75}
76body .wpcp-content-wrapper span.wpcp-user-icon.wpcp-user-female {
77
font-size: 12px;
78 float: right;
79 width: 32px;
80 height: 14px;
81 margin-top: 4px;
82 text-align: right;
83 background-image: url('/wp-content/plugins/wp-cam-builder/shortcodes/img/female.png');
84 background-position: 0px center;
85 background-repeat: no-repeat;
86}
87body .wpcp-content-wrapper span.wpcp-model-name {
88 display: inline-block;
89 white-space: nowrap;
90 width: 9em;
91 color: #0A5A83;
92 overflow: hidden;
93 text-overflow: ellipsis;
94
-o-text-overflow: ellipsis;
95 text-overflow: ellipsis-word;
96
-o-text-overflow: ellipsis-word;
97
-icab-text-overflow: ellipsis-word;
98
-khtml-text-overflow: ellipsis-word;
99
-moz-text-overflow: ellipsis-word;
100
-webkit-text-overflow: ellipsis-word;
101 padding-top: 2px;
102}
103
104/* CHAT ROOM CONTENT
105-------------------------------------- */
106body .wpcp-text-above {
107 margin-bottom: 12px;
108 color: #000;
109}
110body .wpcp-text-below {
111 margin-top: 1px;
112 color: #000;
113}
114
115/* CHAT ROOM MODAL
116-------------------------------------- */
117body .wpcp-modal-box {
118 position: absolute;
119 color: #000;
120 background-color: #FFFFFF;
121 z-index: 9002;
122 margin-top: 0px;
123 left: 50%;
124 top: 90%;
125 transform: translate(-50%, -50%);
126 width: 840px;
127 min-height: 635px;
128 padding: 10px 20px 20px 20px;
129 border-radius: 5px;
130
-moz-border-radius: 5px;
131
-webkit-border-radius: 5px;
132}
133body .wpcp-modal-close {
134 color:
none;
135 position: absolute;
136 top: -18px;
137 right: 20px;
138 width: 36px;
139 height: 36px;
140 background: url("./img/controls.png") no-repeat scroll 0px 0px transparent;
141 cursor: pointer;
142 z-index: 9999;
143 border: 0px solid rgb(51, 51, 51);
144}
145body .wpcp-modal-close a.wpcp-modal-close-link {
146 display: block;
147 text-decoration: none;
148 color: transparent;
149 border: 0px solid rgb(51, 51, 51);
150}
151body .wpcp-modal-shadow {
152 background-color: #111;
153 opacity: 0.65;
154 filter:
alpha(opacity=65);
155 position: fixed;
156 z-index: 9001;
157 top: 0px;
158 left: 0px;
159 width: 100%;
160 height: 100%;
161 margin: 0px;
162 padding: 0px;
163}
164
165/* RESPONSIVE CHAT ROOM MODAL
166-------------------------------------- */
167@media screen and (max-width: 1279px) {
168 body .wpcp-modal-box {
169 width: 840px;
170 }
;
171}
172@media (min-width :
1280px){
173 body .wpcp-modal-box {
174 width: 1000px;
175 }
;
176}
177
178/* PAGINATION
179-------------------------------------- */
180body .wpcp-pagin {
181 padding: 20px 0 20px 0;
182 margin: 0;
183 font-family: "Open Sans",sans-serif;
184 font-size: 10px;
185 font-weight: bold;
186 color: #666666;
187}
188body .wpcp-pagin * {
189 padding: 5px 8px;
190 margin: 0;
191 border-radius: 3px;
192
-moz-border-radius: 3px;
193
-webkit-border-radius: 3px;
194
font-size: 10px;
195}
196body .wpcp-pagin a, .wpcp-pagin a:visited, .wpcp-pagin a:active {
197 color: #ffffff;
198
font-size: 10px;
199 background: #3876AC;
200 color: #fff !important;
201 text-shadow:0 -1px 0 rgba(0,0,0,0.25);
202
-webkit-font-smoothing: antialiased;
203 text-decoration: none;
204}
205body .wpcp-pagin a:hover {
206
font-size: 10px;
207 background: #3876AC;
208 color: #FFF;
209 text-decoration: none;
210}
211body .wpcp-pagin span {
212 cursor: default;
213 background: #404040;
214 color: #fff !important;
215 text-shadow:0 -1px 0 rgba(0,0,0,0.25);
216
-webkit-font-smoothing: antialiased;
217 text-decoration: none;
218
font-size: 10px;
219}
220body .wpcp-pagin span.current {
221 background: #404040;
222 color: #fff !important;
223 text-shadow:0 -1px 0 rgba(0,0,0,0.25);
224
-webkit-font-smoothing: antialiased;
225 text-decoration: none;
226
font-size: 10px;
227}
228#cb-front-iframe {
229 position: absolute;
230 left: 0px;
231 top: 0px;
232 width: 100%;
233 height: 100%;
234}
Issues: