Subversion Repositories cheapmusic

Rev

Rev 57 | Rev 107 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
25 - 1 
/* reset */
31 - 2 
 
65 - 3 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
4 
	margin: 0;
5 
	padding: 0;
6 
	border: 0;
7 
	font-size: 100%;
8 
	font: inherit;
9 
	vertical-align: baseline;
10 
}
25 - 11 
 
65 - 12 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
13 
	display: block;
14 
}
15 
 
16 
ol,ul {
17 
	list-style: none;
18 
	margin: 0;
19 
	padding: 0;
20 
}
21 
 
22 
blockquote,q {
23 
	quotes: none;
24 
}
25 
 
26 
blockquote:before,blockquote:after,q:before,q:after {
27 
	content: '';
28 
	content: none;
29 
}
30 
 
31 
table {
32 
	border-collapse: collapse;
33 
	border-spacing: 0;
34 
}
35 
 
36 
a {
37 
	text-decoration: none;
38 
}
39 
 
40 
img {
41 
	max-width: 100%;
42 
}
43 
 
31 - 44 
/* end reset*/
45 
 
25 - 46 
/* start editing from here */
47 
body {
65 - 48 
	background-position: center;
49 
	background-size: cover;
50 
	text-align: center;
25 - 51 
}
57 - 52 
 
25 - 53 
.header h1 {
65 - 54 
	font-size: 40px;
55 
	text-transform: uppercase;
56 
	letter-spacing: 5px;
57 
	font-weight: 400;
58 
	margin: 40px 0px 20px 0;
25 - 59 
}
65 - 60 
 
25 - 61 
.wrapper-frm {
65 - 62 
	width: 30%;
63 
	margin: 0 auto;
64 
	padding: 42px 0 0 0;
25 - 65 
}
65 - 66 
 
25 - 67 
.wrapper-frm h2 {
65 - 68 
	font-size: 22px;
69 
	letter-spacing: 1px;
70 
	text-transform: uppercase;
71 
	padding-bottom: 15px;
25 - 72 
}
65 - 73 
 
74 
.wrapper-frm .top {
75 
	padding: 0 25px;
25 - 76 
}
65 - 77 
 
78 
.top h4 {
79 
	margin: 15px 5px;
25 - 80 
}
65 - 81 
 
25 - 82 
.frm-input {
65 - 83 
	position: relative;
25 - 84 
}
65 - 85 
 
86 
.frm-input input[type="email"], .frm-input .email-in {
87 
	background: url(../images/mail.png) no-repeat scroll 7px 50%;
25 - 88 
}
65 - 89 
 
90 
.frm-input input[type="password"], .frm-input .pass-in {
91 
	background: url(../images/lock.png) no-repeat scroll 7px 50%;
25 - 92 
}
65 - 93 
 
94 
.frm-input .user-in {
95 
	background: url(../images/user.png) no-repeat scroll 7px 50%;
25 - 96 
}
65 - 97 
 
98 
.frm-input .file-in {
99 
	background: url(../images/uimg.png) no-repeat scroll 7px 50%;
25 - 100 
}
65 - 101 
 
102 
.frm-input .phone-in {
103 
	background: url(../images/phone.png) no-repeat scroll 7px 50%;
25 - 104 
}
65 - 105 
 
106 
.frm-input .addr-in {
107 
	background: url(../images/addr.png) no-repeat scroll 7px 50%;
25 - 108 
}
65 - 109 
 
110 
.frm-input input[type="text"], .frm-input input[type="email"], .frm-input input[type="password"], .frm-input input[type="file"] {
111 
	width: 87%;
112 
	padding: 15px 0 15px 30px;
113 
	border: 1px solid #000;
114 
	outline: none;
115 
	font-size: 15px;
116 
	margin: 14px 0px;
117 
	background-color: #fff;
25 - 118 
}
65 - 119 
 
120 
.frm-info {
121 
	padding: 20px 0 30px;
25 - 122 
}
65 - 123 
 
124 
.frm-info .check {
125 
	float: left;
25 - 126 
}
65 - 127 
 
25 - 128 
.check input[type="checkbox"] {
65 - 129 
	display: none;
25 - 130 
}
65 - 131 
 
25 - 132 
.check input[type="checkbox"]+label {
65 - 133 
	position: relative;
134 
	padding-left: 25px;
135 
	display: inline-block;
136 
	font-size: .9em;
137 
	cursor: pointer;
25 - 138 
}
65 - 139 
 
25 - 140 
.check input[type="checkbox"]+label span:first-child {
65 - 141 
	width: 13px;
142 
	height: 13px;
143 
	display: inline-block;
144 
	border: 1px solid;
145 
	position: absolute;
146 
	top: 1px;
147 
	left: 2px;
25 - 148 
}
65 - 149 
 
25 - 150 
.check input[type="checkbox"]:checked+label span:first-child:before {
65 - 151 
	content: "";
152 
	background: url(../images/tick-b.png)no-repeat;
153 
	position: absolute;
154 
	left: 2px;
155 
	top: 1px;
156 
	font-size: 10px;
157 
	width: 10px;
158 
	height: 10px;
25 - 159 
}
65 - 160 
 
25 - 161 
.frm-info a {
65 - 162 
	float: right;
163 
	font-size: .9em;
25 - 164 
}
65 - 165 
 
25 - 166 
.frm-info a:hover {
65 - 167 
	text-decoration: underline;
25 - 168 
}
169 
 
57 - 170 
.frm-btn button[type="submit"] {
65 - 171 
	font-size: 20px;
172 
	height: 36px;
173 
	line-height: 36px;
174 
	padding: 0 16px;
175 
	letter-spacing: .5px;
176 
	border-radius: 2px;
177 
	width: 50%;
178 
	cursor: pointer;
179 
	outline: none;
180 
	border: none;
181 
	text-transform: uppercase;
182 
	margin-bottom: 10px;
25 - 183 
}
65 - 184 
 
185 
.frm-input p {
186 
	font-size: 14px;
187 
	margin-top: -10px;
188 
	margin-bottom: 5px;
25 - 189 
}
65 - 190 
 
191 
.frm-input.error input {
192 
	border-color: #E44439;
25 - 193 
}
65 - 194 
 
195 
.status-msg {
196 
	font-size: 16px;
197 
	font-weight: 500;
198 
	border: 1px dashed;
199 
	padding: 8px 10px;
200 
	margin-bottom: 5px;
25 - 201 
}
65 - 202 
 
203 
.status-msg.success {
204 
	color: #3BA956;
25 - 205 
}
65 - 206 
 
207 
.status-msg.error, .frm-input.error p {
208 
	color: #E44439;
25 - 209 
}
210 
 
211 
.social-icons h3 {
65 - 212 
	text-align: center;
213 
	font-size: 20px;
214 
	letter-spacing: 2px;
215 
	margin: 15px 10px;
216 
	margin-bottom: 0;
25 - 217 
}
65 - 218 
 
25 - 219 
ul.bottom-sc-icons {
65 - 220 
	list-style: none;
221 
	margin: 0;
222 
	padding-bottom: 22px;
223 
	padding-top: 11px;
224 
	text-align: center;
25 - 225 
}
65 - 226 
 
25 - 227 
ul.bottom-sc-icons li {
65 - 228 
	display: inline-block;
229 
	margin: 0 5px;
25 - 230 
}
65 - 231 
 
232 
ul.bottom-sc-icons li a {
233 
	padding: 6px 8px;
234 
	border: 1px solid #333;
235 
	border-radius: 2px;
25 - 236 
}
65 - 237 
 
238 
a.facebook {
239 
	border-color: #455797 !important;
240 
	color: #455797;
25 - 241 
}
65 - 242 
 
243 
a.google {
244 
	border-color: #E44439 !important;
245 
	color: #E44439;
25 - 246 
}
65 - 247 
 
248 
a.twitter {
249 
	border-color: #46A3DE !important;
250 
	color: #46A3DE;
25 - 251 
}
65 - 252 
 
253 
a.facebook:hover, a.facebook:active {
254 
	background-color: #455797;
255 
	color: #fff;
25 - 256 
}
65 - 257 
 
258 
a.google:hover, a.google:active {
259 
	background-color: #E44439;
260 
	color: #fff;
25 - 261 
}
65 - 262 
 
263 
a.twitter:hover, a.twitter:active {
264 
	background-color: #46A3DE;
265 
	color: #fff;
25 - 266 
}
65 - 267 
 
25 - 268 
ul.bottom-sc-icons li span {
65 - 269 
	letter-spacing: 1px;
270 
	vertical-align: middle;
25 - 271 
}
65 - 272 
 
273 
ul.bottom-sc-icons li a i {
274 
	display: inline-block;
275 
	margin-right: 5px;
276 
	width: 24px;
277 
	height: 24px;
278 
	position: relative;
279 
	top: 6px;
25 - 280 
}
65 - 281 
 
282 
a.facebook i {
283 
	background: url(../images/facebook.png) no-repeat;
25 - 284 
}
65 - 285 
 
286 
a.google i {
287 
	background: url(../images/google.png) no-repeat;
25 - 288 
}
65 - 289 
 
290 
a.twitter i {
291 
	background: url(../images/twitter.png) no-repeat;
25 - 292 
}
65 - 293 
 
294 
a.facebook:hover i {
295 
	background: url(../images/facebook-w.png) no-repeat;
25 - 296 
}
65 - 297 
 
298 
a.google:hover i {
299 
	background: url(../images/google-w.png) no-repeat;
25 - 300 
}
65 - 301 
 
302 
a.twitter:hover i {
303 
	background: url(../images/twitter-w.png) no-repeat;
25 - 304 
}
305 
 
306 
.bottom p {
65 - 307 
	font-size: 15px;
308 
	padding: 25px 0;
309 
	letter-spacing: 1px;
25 - 310 
}
65 - 311 
 
25 - 312 
.bottom p a {
65 - 313 
	text-transform: uppercase;
314 
	font-size: 14px;
315 
	text-decoration: underline;
316 
	letter-spacing: 1px;
317 
	padding: 10px;
25 - 318 
}
319 
 
65 - 320 
.group {
321 
	display: table;
322 
	width: 100%;
323 
	font-size: 1em;
324 
	padding-top: 15px;
325 
	padding-bottom: 10px;
42 - 326 
}
65 - 327 
 
42 - 328 
.item {
65 - 329 
	display: table-cell;
42 - 330 
}
65 - 331 
 
332 
.text {
333 
	white-space: nowrap;
334 
	width: 1%;
335 
	padding: 0 10px;
42 - 336 
}
65 - 337 
 
42 - 338 
.line {
65 - 339 
	border-bottom: 1px solid #000;
340 
	position: relative;
341 
	top: -.5em;
42 - 342 
}
25 - 343 
 
344 
/*--responsive starts here--*/
345 
@media (max-width:1440px) {
346 
	.wrapper-frm {
347 
		width: 32%;
348 
	}
349 
}
65 - 350 
 
25 - 351 
@media (max-width:1366px) {
352 
	.wrapper-frm {
353 
		width: 33%;
354 
	}
355 
}
65 - 356 
 
25 - 357 
@media (max-width:1280px) {
358 
	.wrapper-frm {
359 
		width: 36%;
360 
	}
361 
}
65 - 362 
 
25 - 363 
@media (max-width:1080px) {
364 
	.wrapper-frm {
365 
		width: 43%;
366 
	}
65 - 367 
 
368 
	.container {
25 - 369 
		padding: 40px 0 32px 0;
370 
	}
65 - 371 
 
25 - 372 
	.footer p {
65 - 373 
		margin: 3em 0em 5em 0;
25 - 374 
	}
65 - 375 
 
25 - 376 
	.header h1 {
65 - 377 
		font-size: 36px;
25 - 378 
	}
379 
}
65 - 380 
 
25 - 381 
@media (max-width:1024px) {
382 
	.wrapper-frm {
383 
		width: 45%;
384 
	}
385 
}
65 - 386 
 
25 - 387 
@media (max-width:991px) {
388 
	.wrapper-frm {
389 
		width: 51%;
390 
	}
391 
}
65 - 392 
 
25 - 393 
@media (max-width:800px) {
394 
	.wrapper-frm {
395 
		width: 56%;
396 
	}
65 - 397 
 
398 
	.header h1 {
25 - 399 
		font-size: 36px;
400 
		letter-spacing: 7px;
401 
	}
402 
}
65 - 403 
 
25 - 404 
@media (max-width:768px) {
405 
	.wrapper-frm {
406 
		width: 61%;
407 
	}
65 - 408 
 
409 
	.container {
25 - 410 
		padding: 24px 0 0 0;
411 
	}
65 - 412 
 
413 
	.footer p {
25 - 414 
		margin: 3em 0em 17em 0;
415 
	}
65 - 416 
 
417 
	.header h1 {
25 - 418 
		letter-spacing: 6px;
419 
		margin: 80px 0px 20px 0;
420 
	}
421 
}
65 - 422 
 
25 - 423 
@media (max-width:736px) {
424 
	.wrapper-frm {
425 
		width: 63%;
426 
	}
65 - 427 
 
428 
	.container {
25 - 429 
		padding: 20px 0 0 0;
430 
	}
65 - 431 
 
432 
	.header h1 {
25 - 433 
		letter-spacing: 5px;
434 
	}
435 
}
65 - 436 
 
25 - 437 
@media (max-width:667px) {
438 
	.wrapper-frm {
439 
		width: 70%;
440 
	}
65 - 441 
 
442 
	.footer p {
25 - 443 
		margin: 3em 0em 6em 0;
444 
	}
65 - 445 
 
446 
	.header h1 {
25 - 447 
		letter-spacing: 2px;
448 
	}
449 
}
65 - 450 
 
25 - 451 
@media (max-width:600px) {
452 
	.wrapper-frm {
453 
		width: 78%;
454 
	}
65 - 455 
 
456 
	.container {
25 - 457 
		padding: 5px 0 0 0;
458 
	}
65 - 459 
 
460 
	.footer p {
25 - 461 
		letter-spacing: 1px;
462 
	}
463 
}
65 - 464 
 
25 - 465 
@media (max-width:568px) {
466 
	.wrapper-frm {
467 
		width: 82%;
468 
	}
65 - 469 
 
470 
	.container {
25 - 471 
		padding: 0;
472 
	}
65 - 473 
 
474 
	.header h1 {
25 - 475 
		font-size: 33px;
476 
		margin: 60px 0px 35px 0;
477 
	}
478 
}
65 - 479 
 
25 - 480 
@media (max-width:480px) {
481 
	.wrapper-frm {
482 
		width: 93%;
483 
	}
65 - 484 
 
485 
	.footer p {
25 - 486 
		line-height: 1.8em;
487 
	}
65 - 488 
 
25 - 489 
	.footer p {
490 
		margin: 3em 0em 3em 0;
491 
	}
65 - 492 
 
493 
	.header h1 {
25 - 494 
		font-size: 30px;
495 
		letter-spacing: 1px;
496 
	}
497 
}
65 - 498 
 
25 - 499 
@media (max-width:440px) {
65 - 500 
	.header h1 {
25 - 501 
		font-size: 26px;
502 
		letter-spacing: 1px;
503 
	}
504 
}
65 - 505 
 
25 - 506 
@media (max-width:414px) {
507 
	.wrapper-frm {
508 
		width: 95%;
509 
	}
65 - 510 
 
511 
	.footer p {
25 - 512 
		margin: 2.5em 0em;
513 
	}
65 - 514 
 
515 
	.header h1 {
25 - 516 
		line-height: 40px;
517 
		margin: 44px 0px 28px 0;
65 - 518 
		font-size: 25px;
25 - 519 
	}
520 
}
65 - 521 
 
25 - 522 
@media (max-width:384px) {
65 - 523 
	.footer p {
25 - 524 
		margin: 2em 0em;
525 
	}
526 
}
65 - 527 
 
25 - 528 
@media (max-width:375px) {
529 
	.wrapper-frm {
530 
		width: 98%;
531 
	}
65 - 532 
 
533 
	.header h1 {
25 - 534 
		margin: 35px 0px 20px 0;
535 
		font-size: 23px;
536 
	}
537 
}
65 - 538 
 
25 - 539 
@media (max-width:320px) {
540 
	.footer p {
541 
		margin: 1em 0em;
542 
	}
65 - 543 
 
544 
	.header h1 {
25 - 545 
		margin: 30px 0px 15px 0;
546 
		font-size: 22px;
547 
	}
548 
}
31 - 549 
/*--//responsive end here--*/
41 - 550 
/*--//Google reCaptcha start--*/
551 
.g-recaptcha > div {
65 - 552 
	margin: 0 auto;
41 - 553 
}
65 - 554 
/*--//Google reCaptcha end--*/