DILLA - PORT

Developer
Calvin
Size
8,525 Kb
Views
10,120
  1. DILLA - PORT Previews
  2. DILLA - PORT HTML Codes
  3. DILLA - PORT CSS Codes
  4. DILLA - PORT JS Codes

How do I make an dilla - port?

What is a dilla - port? How do you make a dilla - port? This script and codes were developed by Calvin on 12 December 2022, Monday.

DILLA - PORT Previews
IQ Test

DILLA - PORT - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>DILLA - PORT</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!DOCTYPE html>
<html lang="en" class="no-js">	<head>	<meta charset="UTF-8" />	<meta http-equiv="X-UA-Compatible" content="IE=edge">	<meta name="viewport" content="width=device-width, initial-scale=1">	<title>Word</title>	<meta name="description" content="Modern effects and styles for off-canvas navigation with CSS transitions and SVG animations using Snap.svg" />	<meta name="keywords" content="sidebar, off-canvas, menu, navigation, effect, inspiration, css transition, SVG, morphing, animation" />	<meta name="author" content="Codrops" />	<link rel="shortcut icon" href="../favicon.ico">	<link rel="stylesheet" type="text/css" href="css/normalize.css" />	<link rel="stylesheet" type="text/css" href="css/demo.css" />	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css" /> <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">	<link rel="stylesheet" type="text/css" href="css/menu_topexpand.css" />	<!--[if IE]>	<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>	<![endif]-->	</head>	<body>	<div class="container">	<div class="menu-wrap">	<nav class="menu">	<div class="icon-list"> <a href="#"><i class="fa fa-fw fa-thumb-tack"></i><span>Updates</span></a>	<a href="#"><i class="fa fa-fw fa-file-text-o"></i><span>Info</span></a> <a href="#"><i class="fa fa-fw fa-tasks"></i><span>Progression</span></a>	<a href="#"><i class="fa fa-fw fa-newspaper-o"></i><span>Addons</span></a>	<a href="#"><i class="fa fa-fw fa-comment-o"></i><span>Forums</span></a>	</div>	</nav>	</div>	<button class="menu-button" id="open-button"></button>	<div class="content-wrap">	<div class="content">	<header class="codrops-header"> <h1 class="branding">calvin morett</h1><h1><span>visual + graphic design</span></h1>	<nav class="codrops-demos"> <div class="ytube">	<iframe width="100%" height="472.5" src="https://www.youtube.com/embed/-W5z4lmu9DA&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe>	</nav> <p class="caption">A brief introduction, as seen on <a href="https://tympanus.net/Development/ButtonComponentMorph/index7.html">Youtube</a>, to explore more of our organization you can <a href="/aboutpage">find more here</a>.</p> </div>	</header> <div class="shaded green-shade" id="subfoot"> <section class="row"> <article class="seven columns dl_docs_copy"> <h3 class="action">Currently Hiring creatives & web designers</h3> </article> <div class="seven columns dl_and_docs"><!-- \ <a href="/docs"><div class="classbutton warrior disable">Warrior</div></a> <a href="/docs"><div class="classbutton warlock ">Warlock</div></a> <a href="/docs"><div class="classbutton priest disable">Priest</div></a> <a href="/docs"><div class="classbutton druid ">Druid</div></a> <a href="/docs"><div class="classbutton hunter ">Hunter</div></a> <a href="/docs"><div class="classbutton rogue disable">Rogue</div></a> <a href="/docs"><div class="classbutton mage disable">Mage</div></a> <a href="/docs"><div class="classbutton shaman disable">Shaman</div></a> </div> --> </section> </div> <div class="wrapper pushdown"> <div class="row"> <table> <tr class="topkek"> <td class="col-6 padleft">Recent Projects</td> <td class="col-6">Status</td> </tr> <tr class="cleared"> <td class="col-6 padleft">MTV</td> <td class="col-6">Currently in progress</td> </tr> <tr class="cleared"> <td class="col-6 padleft">Bloomberg</td> <td class="col-6">Visit Site</td> </tr> <tr class="incomplete"> <td class="col-6 padleft">Geico</td> <td class="col-6">In Progress</td> </tr>
</table> </div> </div> <div class="wrapper"> <div class="row" style="margin-bottom: 40px;"> </div>	<footer class="row" id="credits">	<div class="six columns">	<p><span class="nobr">Get in touch with us</span> <span class="nobr"></span> <span class="nobr">on <a href="https://discordapp.com/invite/yjaST" target="_blank" class="noblink" title="Convulsion Discord">Discord</a></span> </p>	<p class="disclaimer">Disclaimer: Convulsion holds no affiliation or association with World of Warcraft or <span class="nobr">Blizzard Entertainment, Inc.</span></p>	</div>	<div class="eight columns">	<div class="row"> <ul class="socbtns"> <li><div class="btn danger"><a target="_blank" href="https://plus.google.com/communities/108760896951473344451">Updates</a></div></li> <li><div class="btn primary"><a target="_blank" href="https://github.com/GumbyFramework/Gumby">Info</a></div></li> <li><div class="btn twitter"><a target="_blank" href="https://twitter.com/gumbycss">Progression</a></div></li> <li><div class="btn twitter"><a target="_blank" href="https://twitter.com/gumbycss">Forums</a></div></li> <li><div class="btn twitter"><a target="_blank" href="https://twitter.com/gumbycss">Addons</a></div></li> </ul>	</div>	</div>	</footer> </div>	</div>	</div><!-- /content-wrap -->	</div><!-- /container -->	<script src="js/classie.js"></script>	<script src="js/main.js"></script>	</body>
</html>
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> <script src='https://cdnjs.cloudflare.com/ajax/libs/classie/1.0.1/classie.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

DILLA - PORT - Script Codes CSS Codes

@font-face {	font-weight: normal;	font-style: normal;	font-family: 'codropsicons';	src:url('../fonts/codropsicons/codropsicons.eot');	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),	url('../fonts/codropsicons/codropsicons.woff') format('woff'),	url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),	url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
#element::-webkit-scrollbar { display: none;
}::-webkit-scrollbar { display: none;
}
body {	background: #28c761; color: #4e4a46;	font-weight: 400;	font-size: 1em;	font-family: 'Work Sans', Arial, sans-serif;
}
a { color: #2d814b; text-decoration: none; outline: none; font-weight: bold;
}
a:hover, a:focus {	color: #22944b;	outline: none;
}
button:focus {	outline: none;
}
section {	padding: 1em;	text-align: center;
}
/* Header */
.codrops-header {	margin: 0 auto;	padding: 3em 2em;	text-align: center;
}
.codrops-header h1 {	margin: 0 auto;	font-weight: 100;	font-size: 10em; text-transform:uppercase;	line-height: 1; letter-spacing:4px;
}
.branding{	font-family: 'Work Sans', Arial, sans-serif; background: -webkit-linear-gradient(#333, #28c761); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.codrops-header h1 span { letter-spacing:-1px; color: #2a8e4e;	display: block;	font-size: 28.45%;	font-weight: 400;	padding-top: 0.225em; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.23);
}
.codrops-links {	text-transform: uppercase;	font-weight: 700;	font-size: 0.69em;	line-height: 2.2;	padding: 1.61em 5em;
}
.codrops-links a {	display: inline-block;	padding: 0 1em;	text-decoration: none;	letter-spacing: 1px;
}
.codrops-icon:before {	margin: 0 4px;	text-transform: none;	font-weight: normal;	font-style: normal;	font-variant: normal;	font-family: 'codropsicons';	line-height: 1;	speak: none;	-webkit-font-smoothing: antialiased;
}
.codrops-icon-drop:before {	content: "\e001";
}
.codrops-icon-prev:before {	content: "\e004";
}
/* Demo Buttons Style */
.codrops-demos {	font-size: 1em;	max-width: 1200px;	margin: 3em auto 5em;	padding: 2em 10em 0;
}
.codrops-demos > a {	display: inline-block;	margin: 0.75em;	padding: 1.35em 1.1em;	width: 15em;	background: #fffce1;	outline: none;	text-decoration: none;	text-transform: uppercase;	letter-spacing: 1px;	font-weight: 800;
}
.codrops-demos > a.current-demo {	background: #28c761;	color: #fffce1;
}
/* Related demos */
.related {	margin-top: 5em;	padding: 0 3em 5em;
}
.related p {	font-size: 1.5em;	font-weight: 700;
}
ul, p, dl, blockquote { margin-bottom: 30px;
}
p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;
}
p {	font-family: 'Work Sans', Arial, sans-serif; font-weight: 400; font-size: 16px; font-size: 1pxrem; margin-bottom: 0.80902; line-height: 1.61803;
}
.related > a {	display: inline-block;	text-align: center;	margin: 20px 10px;	padding: 25px;	border-radius: 35px/200px;	background: #fffce1;	max-width: 100%;
}
.related a img {	max-width: 100%;	opacity: 0.8;	border-radius: 20px/100px;
}
.related a:hover img,
.related a:active img {	opacity: 1;
}
.related a h3 {	margin: 0;	padding: 0.5em 0.75em 0.3em;	max-width: 300px;	text-align: left;
}
body #cdawrap {	top: auto;	bottom: 35px;	right: 35px;	background: #b4bad2;	border: 1px solid rgba(131,135,151,0.6);
}
.demo-wave body #cdawrap {	top: 35px;	right: 35px;	bottom: auto;
}
@media screen and (max-width: 40em) {	body {	font-size: 80%;	}	.codrops-header h1 {	font-size: 2.5em;	}	.codrops-demos {	max-width: 900px;	padding: 2em 2em 0;	}	.related > a {	margin: 20px 0;	}
}
@media screen and (max-width: 25em) {	.codrops-icon {	font-size: 250%;	}	.codrops-icon span {	display: none;	}
.codrops-header h1 span {	font-size: 50%;	font-weight: 400;
}
}
html,
body,
.container,
.content-wrap {	overflow: hidden;	width: 100%;	height: 100%;
}
.container {	background: #b3b3b3;
}
.menu-wrap a {	color: #fff;
}
.menu-wrap a:hover,
.menu-wrap a:focus {	color: #fffce1;
}
.content-wrap {	overflow-y: scroll;	-webkit-overflow-scrolling: touch;	-webkit-transition: -webkit-transform 0.4s;	transition: transform 0.4s;	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.content { position: relative; background: #b3b3b3; padding-bottom: 12em;
}
/* Common styles for menu button and menu-wrap */
.menu-button,
.menu-wrap {	position: fixed;	width: 2.5em;	height: 2.25em;	font-size: 1.5em;	-webkit-transform: translate3d(1.5em,1.5em,0);	transform: translate3d(1.5em,1.5em,0);
}
/* Menu Button */
.menu-button { z-index: 1000; margin: 0; padding: 0; border: none; text-indent: 2.5em; color: transparent; background: #28c761;
}
.menu-button::before {	position: absolute;	top: 0.5em;	right: 0.5em;	bottom: 0.5em;	left: 0.5em;	background: linear-gradient(#fffce1 20%, transparent 20%, transparent 40%, #fffce1 40%, #fffce1 60%, transparent 60%, transparent 80%, #fffce1 80%);	content: '';
}
.menu-button:hover {	opacity: 0.6;
}
/* Menu */
.menu-wrap { z-index: 999; background: #2a8e4e; -webkit-transition: width 0.4s, height 0.4s, -webkit-transform 0.4s; transition: width 0.4s, height 0.4s, transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menu {	height: 100%;	overflow: hidden;	font-size: 0.75em;
}
.icon-list {	float: right;	padding: 2.5em 2em 0 6em;
}
.icon-list a {	opacity: 0;	display: inline-block;	padding: 0 0.2em;	margin: 0 15px;	text-align: center;	font-size: 1.2em;
}
.icon-list a span {	display: block;	text-transform: uppercase;	letter-spacing: 1px;	font-size: 0.5em;	font-weight: 700;	padding-top: 0.5em;
}
@media screen and (max-width: 50em) {	.icon-list a {	padding: 0.5em 0em;	margin: 0 5px;	font-size: 1em;	}	.icon-list a span {	display: none;	}
}
/* Shown menu */
.show-menu .content-wrap {	-webkit-transition-delay: 0s;	transition-delay: 0s;	-webkit-transform: translate3d(0,125px,0);	transform: translate3d(0,125px,0);
}
.show-menu .menu-wrap {	width: 100%;	height: 125px;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);	-webkit-transition-delay: 0s;	transition-delay: 0s;
}
.show-menu .icon-list a {	opacity: 1;	-webkit-transition: opacity 0.4s 0.4s;	transition: opacity 0.4s 0.4s;
}
.show-menu .icon-list a:nth-child(2) {	-webkit-transition-delay: 0.42s;	transition-delay: 0.42s;
}
.show-menu .icon-list a:nth-child(3) {	-webkit-transition-delay: 0.44s;	transition-delay: 0.44s;
}
.show-menu .icon-list a:nth-child(4) {	-webkit-transition-delay: 0.46s;	transition-delay: 0.46s;
}
.show-menu .icon-list a:nth-child(5) {	-webkit-transition-delay: 0.48s;	transition-delay: 0.48s;
}
.show-menu .icon-list a:nth-child(6) {	-webkit-transition-delay: 0.5s;	transition-delay: 0.5s;
}
/* code calvin */
.caption{ text-align:left; letter-spacing:1px; margin:0 auto; width:25vw; padding:1%; margin-top:-65px; border-bottom:1px solid; padding-bottom:20px;	font-weight: 400; font-size: 1.5em; line-height: 1.5em;	font-family: 'Work Sans', Arial, sans-serif;
}
.ytube { width:100%; margin: 0 auto; padding: 5px 0 0 0;
}
/********** Footer *********/
footer{	font-family: 'Work Sans', Arial, sans-serif;
}
#subfoot{padding: 10px 20px; }
#subfoot.green-shade { background-color: #2a8e4e;!important; }
@media only screen and (max-width: 1150px) { #subfoot .dl_docs_copy { width: 100% !important; text-align: center; margin-bottom: 15px; } }
#subfoot .action { color: #fff; font-size: 35px; text-transform: uppercase; line-height: 50px; margin: .051em;
}
@media only screen and (max-width: 1150px) { #subfoot .action { font-size: 28px; } }
#subfoot .dl_and_docs .large.default.btn.rounded { min-width: 250px; }
#subfoot .large.default.btn.rounded.dl-now { float: right; }
@media only screen and (max-width: 1150px) { #subfoot .large.default.btn.rounded.dl-now { float: none; margin-left: 15px; } }
@media only screen and (max-width: 767px) { #subfoot .large.default.btn.rounded.dl-now { margin-left: 0; margin-top: 20px; } }
#subfoot .large.default.btn.rounded.dl-now a { color: #2e7bc4; }
@media only screen and (max-width: 1150px) { .dl_and_docs { width: 100% !important; margin-left: 0; text-align: center; } }
.dl_and_docs .dark { margin-left: 20px; }
@media only screen and (max-width: 768px) { .dl_and_docs .dark { margin-left: 0; } }
@media only screen and (max-width: 1150px) { .dl_and_docs .primary { margin-top: 10px; margin-bottom: 15px; } }
.dl_and_docs .btn + .btn { margin-left: 0; }
.column:first-child, .columns:first-child, .alpha { margin-left: 0;
}
.columns { margin-left: 1.81818%; float: left; min-height: 1px;
}
.row .eight.columns { width: 56.36364%;
}
.row .seven.columns { width: 49.09091%;
}
.row .six.columns { width: 41.81818%;
}
.row .row { min-width: 0; padding-left: 0; padding-right: 0;
}
article{display:block;}
.classbutton { text-indent: -9999px; line-height: 50px; position: relative; width: 9%; height: 9%; margin: 0 .35%; margin-top: -1px; padding: 1px; display: -webkit-inline-box; overflow: visible; background-size: contain; background-repeat: no-repeat;
}
.disable{ vertical-align: middle; opacity:.35; filter: grayscale(1);
}
.warrior{background-image:url('http://vignette4.wikia.nocookie.net/wowwiki/images/3/37/Ui-charactercreate-classes_warrior.png');
}
.warlock{background-image:url('http://vignette3.wikia.nocookie.net/wowwiki/images/c/cf/Ui-charactercreate-classes_warlock.png');
}
.priest{background-image:url('http://vignette3.wikia.nocookie.net/wowwiki/images/0/0f/Ui-charactercreate-classes_priest.png');
}
.druid{background-image:url('http://vignette3.wikia.nocookie.net/wowwiki/images/6/6f/Ui-charactercreate-classes_druid.png');
}
.hunter{background-image:url('http://vignette1.wikia.nocookie.net/wowwiki/images/4/4e/Ui-charactercreate-classes_hunter.png');
}
.rogue{background-image:url('http://vignette3.wikia.nocookie.net/wowwiki/images/b/b1/Ui-charactercreate-classes_rogue.png/revision/latest?cb=20070124144931');}
.mage{background-image:url('http://vignette3.wikia.nocookie.net/wowwiki/images/5/56/Ui-charactercreate-classes_mage.png');
}
.shaman{background-image:url('http://vignette3.wikia.nocookie.net/wowwiki/images/3/3e/Ui-charactercreate-classes_shaman.png');
}
section { padding: 2em; text-align: center;
}
.row { width: 100%; max-width: 1140px; min-width: 320px; margin: 0 auto; padding-left: 20px; padding-right: 20px;
}
.row:before, .row:after { content: ""; display: table;
}
.row:after { clear: both;
}
.wrapper + .wrapper { padding: 75px 20px 70px 20px;
}
.nobr { white-space: nowrap;
}
#credits { text-align: left; color: #555555; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: baseline;
}
#credits { text-align: left; }
@media only screen and (max-width: 768px) { #credits { text-align: center; } }
#credits .socbtns { float: right; }
@media only screen and (max-width: 767px) { #credits p { text-align: center; } #credits .socbtns { float: none; } }
.disclaimer { font-size: 10px; color: #ccc; }
li { display: inline-block; text-align: -webkit-match-parent; padding: 0 4px;
}
.noblink{ color: #d04526; text-decoration: none; outline: 0; line-height: inherit;
}
.disclaimer { font-size: 10px; color: #777;
}
.row { width: 100%; max-width: 1140px; min-width: 320px; margin: 0 auto; padding-left: 20px; padding-right: 20px;
}
html{ -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s;
}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; }
}
.topkek{ font-weight:800; background:#6f4c7d; color:#fff;
}
.cleared{background:#28c761;}
.incomplete{background:#c95d45;}
.padleft{text-indent:10px;}
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%; empty-cells: show; font-size: 15px; }
th { text-align: left; font-weight: 700; vertical-align: bottom; }
td { vertical-align: top; }
tr.align-middle td,
td.align-middle { vertical-align: middle; }
th, td { padding: 16px; padding-bottom: 15px; border-bottom: 1px solid #4e4a46;
} th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; }
tfoot th,
tfoot td { color: rgba(0, 0, 0, 0.5); }
table.bordered { margin-top: -1px; } table.bordered td, table.bordered th { border: 1px solid #eee; }
table.striped tr:nth-child(odd) td { background: #f4f4f4; }
table.bordered td:first-child,
table.bordered th:first-child,
table.striped td:first-child,
table.striped th:first-child { padding-left: 16px; }
table.bordered td:last-child,
table.bordered th:last-child,
table.striped td:last-child,
table.striped th:last-child { padding-right: 16px; }
table.flat td,
table.flat th { border: none; padding: 0; }
input,
select,
textarea,
fieldset {	font-family: 'Work Sans', Arial, sans-serif; font-size: 14px; }
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="date"],
input[type="tel"],
input[type="url"],
input[type="password"] { height: 40px; padding: 8px 10px; vertical-align: middle; -webkit-appearance: none; background: #fff; border: 1px solid #dfdfdf; border-radius: 2px; }
select,
textarea { display: block; width: 100%; line-height: 1.75; padding: 8px 10px; border-radius: 2px; background: #fff; border: 1px solid #dfdfdf; }
select:not([multiple]) { cursor: pointer; height: 40px; vertical-align: middle; }
label { vertical-align: middle; }
textarea:focus,
select:focus,
input:focus { outline: none; background: #fff; border-color: #bbb; }
textarea:disabled,
select:disabled,
input:disabled,
textarea.disabled,
select.disabled,
input.disabled { resize: none; opacity: 0.75; cursor: default; font-style: italic; color: rgba(0, 0, 0, 0.5); }
fieldset { padding: 39px 32px; margin-bottom: 24px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; }
legend { font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 0 1em; margin-left: -1em; top: 2px; position: relative; line-height: 0; }
.form { margin-bottom: 0; } .form .form-item { margin-bottom: 24px; } .form input[type="email"], .form input[type="number"], .form input[type="search"], .form input[type="text"], .form input[type="date"], .form input[type="tel"], .form input[type="url"], .form input[type="password"], .form select, .form textarea { display: block; width: 100%; } .form input.width-50, .form textarea.width-50, .form select.width-50 { width: 50%; } .form label { font-size: 14px; color: #111; font-weight: normal; display: block; } .form .checkboxes label, .form label.checkbox { text-transform: none; font-weight: normal; cursor: pointer; color: inherit; font-size: 15px; } .form .checkboxes label { margin-bottom: 8px; } .form .checkboxes label:last-child { margin-bottom: 0; } .form .checkboxes-inline { display: block; } .form .checkboxes-inline label { font-size: inherit; color: inherit; display: inline-block; margin-right: 16px; text-transform: none; font-weight: normal; } .form span.error, .form div.error, .form span.success, .form div.success { text-transform: none; font-weight: normal; font-size: 12px; } .form span.error, .form span.success { margin-left: .4rem; }
.form-inline textarea,
.form-inline select,
.form-inline input[type="email"],
.form-inline input[type="number"],
.form-inline input[type="search"],
.form-inline input[type="text"],
.form-inline input[type="date"],
.form-inline input[type="tel"],
.form-inline input[type="url"],
.form-inline input[type="password"] { width: auto; display: inline-block; }
input.big,
select.big { font-size: 18px; height: 48px; }
input.big { padding: 16px 10px; }
select.big { padding: 6px 10px; }
.desc { text-transform: none; margin-top: 4px; color: rgba(0, 0, 0, 0.5); font-size: 12px; line-height: 16px; font-weight: normal; }
ul.desc { margin-bottom: 8px; }
span.desc { margin-left: 4px; line-height: 20px; }
input.error,
textarea.error,
select.error { margin-top: -1px; background: none; background-color: rgba(243, 66, 72, 0.1); border: 1px solid #f34248; }
input.success,
textarea.success,
select.success { margin-top: -1px; background: none; background-color: rgba(96, 174, 77, 0.1); border: 1px solid #60ae4d; }
.pushdown{margin-top:65px;}
.branding2 { font-size: 121.431px;	font-family: 'Work Sans', Arial, sans-serif; color: rgb(0, 255, 48); text-transform: uppercase; line-height: 1.2; text-align: center; text-shadow: 0px 15px 0px rgba(0, 0, 0, 0.88); -moz-transform: matrix( 1.01234458372874,0,0,1.01234458372874,0,0); -webkit-transform: matrix( 1.01234458372874,0,0,1.01234458372874,0,0); -ms-transform: matrix( 1.01234458372874,0,0,1.01234458372874,0,0); position: absolute; left: 43.446px; top: 23.641px; z-index: 2;
}

DILLA - PORT - Script Codes JS Codes

/** * main.js * http://www.codrops.com * * Licensed under the MIT license. * https://www.opensource.org/licenses/mit-license.php * * Copyright 2014, Codrops * http://www.codrops.com */
(function() {	var bodyEl = document.body,	content = document.querySelector( '.content-wrap' ),	openbtn = document.getElementById( 'open-button' ),	closebtn = document.getElementById( 'close-button' ),	isOpen = false;	function init() {	initEvents();	}	function initEvents() {	openbtn.addEventListener( 'click', toggleMenu );	if( closebtn ) {	closebtn.addEventListener( 'click', toggleMenu );	}	// close the menu element if the target it´s not the menu element or one of its descendants..	content.addEventListener( 'click', function(ev) {	var target = ev.target;	if( isOpen && target !== openbtn ) {	toggleMenu();	}	} );	}	function toggleMenu() {	if( isOpen ) {	classie.remove( bodyEl, 'show-menu' );	}	else {	classie.add( bodyEl, 'show-menu' );	}	isOpen = !isOpen;	}	init();
})();
DILLA - PORT - Script Codes
DILLA - PORT - Script Codes
Home Page Home
Developer Calvin
Username CalvinMorett
Uploaded December 12, 2022
Rating 3
Size 8,525 Kb
Views 10,120
Do you need developer help for DILLA - PORT?

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!

Calvin (CalvinMorett) Script Codes
Name
Fixed-width Single Page Portfolio
Staff Page Mockup
Portfolio Idea
Showcase 1 Gallery
IDEA BLOCKS
Port
Particle Web
Full Page Slide, Vertical Progress Bar
Horizontal Scrolling Theme
Sidebar Nav
Create amazing art & images 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!