Subversion Repositories cheapmusic

Rev

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