Carl Cox

Developer
Steven Birchall
Size
3,676 Kb
Views
32,384
  1. Carl Cox Previews
  2. Carl Cox HTML Codes
  3. Carl Cox CSS Codes

How do I make an carl cox?

What is a carl cox? How do you make a carl cox? This script and codes were developed by Steven Birchall on 12 August 2022, Friday.

Carl Cox Previews
IQ Test

Carl Cox - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Carl Cox</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<style> .intro { font-family: 'Source Sans Pro', sans-serif; font-size: 25px; align-items: center; padding-left: 10px; }
</style>
<br>
<div class="intro">Carl Cox Live - Powered by &nbsp; <a href="http://www.carlcoxmotorsport.com/" target="_blank"><img src="https://web-assets.stackla.com/stevebirchall.stackla.com/media/images/customimages/2016-09/1474852162/carlcoxmotor.png" height="28px"></a></div>
<div class="stackla-widget" data-id="11886" data-hash="57e85690d1d19" data-ct="" data-alias="stevebirchall.stackla.com" data-ttl="30" style="width: 100%; overflow: hidden;"></div>
<script type="text/javascript"> (function (d, id) { if (d.getElementById(id)) return; var t = d.createElement('script'); t.type = 'text/javascript'; t.src = '//assetscdn.stackla.com/media/js/widget/fluid-embed.js'; t.id = id; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(t); }(document, 'stackla-widget-js')); </script>
</body>
</html>

Carl Cox - Script Codes CSS Codes

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, center,
dl, dt, dd, ol, ul, 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 {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {	display: block;
}
body {	line-height: 1;
}
ol, ul {	list-style: none;
}
blockquote, q {	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;
}
table {	border-collapse: collapse;	border-spacing: 0;
}
body{	background-color: black;	color: white;	font-family: 'Source Sans Pro', sans-serif;
}
.loadingoverlay {	position: fixed;	z-index: 99;	width: 100%;	height: 100%;	background-color: rgba(0,0,0,0.7);	top:0;	left: 0;	right: 0;	bottom: 0;
}
.loadingcircle {	width: 170px;	height: 170px;	background-image: url('img/circleanim.png'); background-repeat: no-repeat; background-size: 100%; text-align: center; -webkit-animation: rotating 1.5s linear infinite; -moz-animation: rotating 1.5s linear infinite; animation: rotating 1.5s linear infinite;
}
@-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotating { from{ -moz-transform: rotate(0deg); } to{ -moz-transform: rotate(360deg); }
}
@keyframes rotating { from{ transform: rotate(0deg); } to{ transform: rotate(360deg); }
}
.loadinglogo {	position: absolute; top: 29%; left: 26%;
}
.loadinganim {	position: absolute;	top:50%;	left: 50%;	text-align: center;	width: 170px;	height: 170px;	margin-left: -85px;	margin-top: -85px;
}
.top-header-page {	height: 100vh;
}
#carl {	position: absolute;	width: 100%;	height: 100%;	z-index: -1;	background-repeat: no-repeat;	background-image: url('img/main_img.png');	background-size: cover;	background-position: center center;
}
#carl img {	width: 100%;	opacity: 0;
}
#map {	margin: 5vw 5vw 5vw 12vw;	width: 70vw;	background-repeat: no-repeat;	background-image: url('img/map.png');	background-size: cover;	background-position: top center;
}
#map img {	width: 100%;	opacity: 0;
}
#map-wrap {	width: 100%; position: absolute; top: 0px; height: 100vh;
}
.wrap-bottom-header {	width: 100%;	position: absolute;	bottom: 0px;
}
#instructions-main span {	color: #e22243;
}
#instructions-wrapper{	width: 60vw;	margin: 0 20vw;	opacity: 0;
}
#intro {	opacity: 0;	text-align: center;	font-size: 2em;	cursor: pointer;	color: white;	margin-bottom: 25px;
}
#intro span {	color: #e22243;
}
.loadingoverlay p {	opacity: 0; font-size: 2em; position: absolute; width: 100%; bottom: 10%; text-align: center;
}
.loadingoverlay p span {	color: #e22243;
}
.instructions {	text-align: center;	float: left;	margin: 0% 5%;	width: 22%;
}
.instructionsbits {	display: inline-block;	width: 100%;	margin: auto;
}
.instructionsbits img {	width: 35%;
}
.instructions p {	font-size: 1em;	text-align: center;	margin: 1em 0;
}
.container-widget {	width: 100%; max-width: 1400px; text-align: center; margin: 0px auto auto;
}	.container {	margin: 30px auto auto;	max-width: 1655px;	}	@media screen and (max-width: 1654px) {	.container{	max-width: 1395px;	}	}	@media screen and (max-width: 1394px) {	.container {	max-width: 995px;	}	}	@media screen and (max-width: 994px) {	.container {	max-width: 768px;	}	}
@media (max-width: 768px){	body {	font-size:20%;	}	/*	#insta p {	font-size: 40%;	}	#hashtag p {	font-size: 40%;	}	#country p {	font-size: 40%;	}*/	.instructions p {	font-size: 1.3em !important;	}	#map {	margin-top:50%;	width: 80vw;	}	.instructions {	margin: 0% 1%;	width: 30%;	}	#instructions-wrapper {	width: 100%;	margin: 0 0vw;	}
}
@media (max-width: 1024px){	body {	font-size:60%;	}	.instructions p {	font-size: 1.5em;	}	/*#insta p {	font-size: 100%;	}	#hashtag p {	font-size: 100%;	}	#country p {	font-size: 100%;	}*/
}
@media all and (max-width: 959px) and (orientation : portrait) {
.top-header-page {	display: none !important;	}
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
#map {	margin-top:5%;	width: 55vw;	margin: 5vw 5vw 5vw 20vw;	}
.wrap-bottom-header { background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(29%, rgba(0,0,0,0.29)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 29%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); padding-top: 15px;
}
.instructionsbits img {	width: 13%;
}
}
Carl Cox - Script Codes
Carl Cox - Script Codes
Home Page Home
Developer Steven Birchall
Username sbirchall
Uploaded August 12, 2022
Rating 3
Size 3,676 Kb
Views 32,384
Do you need developer help for Carl Cox?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Steven Birchall (sbirchall) Script Codes
Name
Auto-Scroll Carousel
Carousel Test
Tiffany POC
Harvey Norman - Social Hub
Kmart - Ideas - Version 1.0
McGrath Foundation - Corporate Partners
Refresh Widget
Pink Test
Kmart - Ideas - Version 2.0
PBS
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!