Delta

Developer
Chris Newcombe
Size
4,720 Kb
Views
12,144
  1. Delta Previews
  2. Delta HTML Codes
  3. Delta CSS Codes
  4. Delta JS Codes

How do I make an delta?

What is a delta? How do you make a delta? This script and codes were developed by Chris Newcombe on 19 October 2022, Wednesday.

Delta Previews
IQ Test

Delta - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Delta</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<body>
<div id="container"> <div id="headerZone"> <div class="desktop" id="header"> <div id="logo"> <a href="http://info.iceboxcoolstuff.com/Newcombe/Delta/Website/corporate_index.html"> <img alt="Delta" src="Images/Delta_Logo-White.png"> </a> </div> <div id="navMenu" class="loggedIn"> <div id="magnifyingGlass"></div> <ul> <a href="#"><li>Home</li></a> <a href="#"><li>Apparel</li></a> <a href="#"><li>Headwear</li></a> <a href="#"><li>Promos</li></a> </ul> </div> <div id="topNav" class="loggedIn"> <ul> <!--<a href="dir/login.html?action=logout"><li><div id="logOut">Log Out</div></li></a>--> <a href="#"><li><div id="logOut">Log Out</div></li></a> <a href="dir/My-Account.html"><li><div id="f0ur">My Account</div></li></a> <a href="dir/Cart.html"><li><div id="thr33">Cart</div></li></a> </ul> </div> </div> </div> <div class="masterZone"> <div class="leftZone"> </div> <div class="contentZone logIn"> <div id="loginCredentials"> <input id="emailAddress" type="text" placeholder="Email Address"> <br /> <input id="password" type="password" placeholder="Password"> <br /> <button type="button" id="checkIn">Check In</button> </div> </div> <div class="contentZone loggedIn"> <h1>Welcome to the Delta Swag Shop</h1> <p id="topHome">Lorem ipsum dolor sit amet</p> <p id="leftHome"></p> <p id="rightHome"></p> <p id="bottomHome"></p> <div class="clearBoth"></div> </div> <div class="rightZone"> </div> </div> <div class="footerZone"> <div id="footerLinks" class="loggedIn"> <div id="rightCols"> <div id="col1"> <ul> <li><a href="dir/contact.html">Contact Us</a></li> <li><a href="dir/faq.html">FAQ</a></li> </ul> </div> <div id="col2"> <ul> <ul id="privacyTerms"> <li><a href="dir/privacy.html">Privacy Statement</a></li> <li><a href="dir/Terms-and-Conditions.html">Terms &amp; Conditions</a></li> </ul> </ul> </div> <div id="col3"> <ul> <li><a href="dir/My-Account.html">My Account</a></li> <li><a href="dir/Search-Results.html?search=MC">Shop Now</a></li> <li><a href="dir/Cart.html">Cart</a></li> </ul> </div> </div> </div> <p id="copyright">Copyright 2016 &copy;<a href="http://www.iceboxcoolstuff.com" target="_blank" class="not-animated"> The Icebox - Cool Stuff, LLC</a><br />Promotional Products and Branded Apparel. All Rights Reserved</p> </div>
</div>
<script src="Files/2016_12_08_Primary_Body.js"></script>
</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Delta - Script Codes CSS Codes

@charset "UTF-8";
/* CSS Document */
/* To Hide Essent Watermark ------ */
/* ------------------------------- */
body form + div { bottom: -200% !important; height: 0 !important; pointer-events: none !important; position: absolute !important; width: 0 !important; z-index:-1;
}
body form + div a { bottom: -200% !important; color: rgba(255,255,255,0) !important; cursor: default !important; display: none !important; height: 0 !important; pointer-events: none !important; position: absolute !important; width: 0 !important; z-index:-1;
}
/* Custom Fonts ----------------- */
/*------------------------------- */
/* Whitney -------------------------- */
@font-face { font-family: 'Whitney'; src: url('../Files/Fonts/Whitney-Semibold.woff'); font-weight: normal; font-style: normal;
}
/* Site Wide -------------------- */
/* ------------------------------- */
.clearLeft { clear:left;
}
.clearRight { clear:right;
}
.clearBoth { clear:both;
}
*::-moz-selection { background-color: #063560;
}
*::selection { background-color: #063560;
}
*::-moz-selection { background-color: #063560; color: #fff;
}
html { background: rgba(240, 240, 240, 1) none repeat scroll 0 0; min-height:100%; position:relative;
}
body { background: rgba(240, 240, 240, 1) none repeat scroll 0 0; background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(240, 240, 240, 1) 15%); /* Safari 5.1 to 6.0 */ /* Opera 11.1 to 12.0 */ /* Firefox 3.6 to 15 */ background: linear-gradient(rgba(255,255,255,1), rgba(240, 240, 240, 1) 15%); /* Standard syntax */ font-family:"Open Sans","Trebuchet MS",Verdana,Tahoma,sans-serif; margin:0 0 100px 0;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
#container { margin: 0 auto; width: 1000px;
}
/* Header --------------- */
/* Hides Pre-Login */
.loggedIn { display: none;
}
#headerZone { background: #063560 none repeat scroll 0 0; border-bottom: 25px solid #ae1f36; height: 125px; left: 0; position: fixed; right: 0; top: 0; z-index: 5000;
}
#headerZone::before { border-radius: 20%; box-shadow: 0 0 10px; content: ""; height: 25px; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; top: 125px; width: 95%; z-index: 5001;
}
#headerZone::after { background: #ae1f36 none repeat scroll 0 0; /*box-shadow: 0 0 5px;*/ content: ""; height: 25px; left: 0; position: absolute; right: 0; top: 125px; z-index: 5001;
}
#header { margin: 0 auto; max-height: 130px; width: 1000px;
}
#logo { display: table-cell; height: 130px; position: relative; vertical-align: middle; z-index: 1000;
}
#logo img { height: auto; width: 300px;
}
#topNav { position: absolute; right: 5%; top: 0;
}
#topNav ul { margin: 0; padding: 0;
}
#topNav li { display: inline-table; list-style: outside none none; min-width:75px; padding: 15px 10px 10px; position:relative; text-align:center;	-webkit-transition: all .3s;	transition: all .3s;
}
#topNav li:hover { background: #ae1f36;	-webkit-transition: all .3s;	transition: all .3s;
}
#topNav a { color:#fff;
}
#navMenu { position:relative; z-index:5002
}
#navMenu::before { background: #ae1f36 none repeat scroll 0 0; bottom: -20px; content: ""; height: 25px; position: absolute; right: 0; width: 435px; z-index: 5003;
}
#navMenu ul { bottom: 10px; list-style: outside none none; margin: 0; padding: 0; position: absolute; right: 0;
}
#navMenu li { display: inline-table; position: relative; text-align: center; width: 75px;
}
#navMenu li:hover,
#navMenu a li:hover{ color: rgba(235, 235, 235, 1);	-webkit-transition: all .3s;	transition: all .3s;
}
#navMenu a { background: #ae1f36 none repeat scroll 0 0; border-radius: 15px 15px 0 0; color: #fff; padding: 10px 15px 15px; text-decoration: none;	-webkit-transition: all .3s;	transition: all .3s;
}
#navMenu a::before,
#navMenu a::after {	-webkit-transition: all .3s;	transition: all .3s;
}
#navMenu a:hover { background: #ce253d; background: rgba(174, 31, 54, 1) -webkit-linear-gradient(rgba(206, 37, 61, 1), rgba(174, 31, 54, 1)); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ background: rgba(174, 31, 54, 1) linear-gradient(rgba(206, 37, 61, 1), rgba(174, 31, 54, 1)); /* Standard syntax */ bottom: 10px; color: rgba(235, 235, 235, 1); position: relative;	-webkit-transition: all .3s;	transition: all .3s;
}
#navMenu a:hover::before { border-radius: 15px 0 0 25px; box-shadow: 0 0 5px rgba(0, 0, 0, 1); content: ""; height: 55px; left: 0; position: absolute; top: 0; width: 55px; z-index: -1;	-webkit-transition: all .3s;	transition: all .3s;
}
#navMenu a:hover::after { border-radius: 0 15px 25px 0; box-shadow: 0 0 5px rgba(0, 0, 0, 1); content: ""; height: 55px; position: absolute; right: 0; top: 0; width: 55px; z-index: -1;	-webkit-transition: all .3s;	transition: all .3s;
}
/* Body ----------------- */
.masterZone { background: rgba(0, 0, 0, 0) url("../Images/World.png") no-repeat scroll center 100px / contain ; margin: 125px auto 0; min-height: 750px; padding: 25px 0 0; position: relative; width: 100%;
}
/* Login ----------------- */
.contentZone.logIn #loginCredentials { background: rgba(245, 245, 245, 0.75) none repeat scroll 0 0; border: 1px solid rgba(6, 53, 96, 0.25); border-radius: 35px; box-shadow: 2px 2px 10px rgba(100, 100, 100, 0.5); height: 100px; margin: 25vh auto; padding: 35px 15px; text-align: center; width: 300px;
}
#loginCredentials input { border: 1px solid rgba(150, 150, 150, 0.25); border-radius: 5px; color: rgba(150, 150, 150, 1); margin: 5px auto; padding: 5px 5px 5px 10px; width: 75%;	-webkit-transition: all .3s;	transition: all .3s;
}
#loginCredentials input:hover,
#loginCredentials input:focus { box-shadow: 0 0 3px rgba(175, 175, 175, 0.35) inset;	-webkit-transition: all .3s;	transition: all .3s;
}
#loginCredentials button { color: rgba(125, 125, 125, 1);
}
/* Loggeed In ----------- */
.contentZone.loggedIn h1 { color: #02263f; width: 50%;
}
.contentZone.loggedIn > p { background: rgba(230, 230, 230, 0.5) none repeat scroll 0 0; padding:25px; width: 44%;	-webkit-transition: all .3s;	transition: all .3s;
}
.contentZone.loggedIn > p:hover { box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.10);	-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transformn: scale(1.05); transform: scale(1.05); -webkit-transform-origin: center center 0; transform-origin: center center 0; -webkit-transition: all .3s; transition: all .3s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.contentZone.loggedIn #topHome { border-radius: 25px; height: 150px; position: relative; width: 95%;
}
.contentZone.loggedIn #topHome:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transformn: scale(1.05); transform: scale(1.05); -webkit-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all .3s; transition: all .3s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.contentZone.loggedIn #leftHome { border-radius: 25px; float: left; height: 250px; position: relative;
}
.contentZone.loggedIn #rightHome { border-radius: 25px; float: right; height: 580px; position: relative; top: 0;
}
.contentZone.loggedIn #bottomHome { border-radius: 25px; float: left; height: 250px; position: relative;
}
/* Footer --------------- */
.footerZone { bottom: 0; height: 75px; left: 0; margin-left: auto; margin-right: auto; position: absolute; right: 0; width: 1000px;
}
.footerZone p,
.footerZone a { color: rgba(150, 150, 150, 1);	-webkit-transition: all .3s;	transition: all .3s;
}
.footerZone a:hover { color: rgba(75, 75, 75, 1);	-webkit-transition: all .3s;	transition: all .3s;
}
#footerLinks { position: relative;
}
#footerLinks a { text-decoration: none;
}
#rightCols { height: 100px; position: absolute; right: 0; text-align: right; width: 50%;
}
#rightCols > div { display: inline-table; text-align: right;
}
#rightCols > div:nth-of-type(2) { width: 35%;
}
#rightCols > div:first-of-type { width: 20%;
}
#rightCols > div:last-of-type { width: 20%;
}
#rightCols ul { margin: 0; padding: 0;
}
#rightCols li { list-style: outside none none;
}
.footerZone #copyright { text-align: left;
}
#copyright a { text-decoration: none;
}

Delta - Script Codes JS Codes

// ----------------------------------
// Login
// ----------------------------------
// Fade Out -------------------------
// ----------------------------------
$( "#checkIn" ).click(function() { $( ".logIn" ).fadeOut( "slow" );
});
// Logged In ------------------------
// ----------------------------------
$( "#checkIn" ).click(function() { /*$( ".loggedIn" ).delay( 800 ).fadeIn( "slow" );*/ $( ".masterZone .contentZone.loggedIn" ).delay( 800 ).fadeIn( "slow" ) $( "#headerZone #topNav.loggedIn" ).toggle('explode', 800);
});
// ----------------------------------
// Log Out #navMenu > ul
// ----------------------------------
// Fade Out -------------------------
// ----------------------------------
$( "#topNav a:first-of-type li" ).click(function() { $( ".loggedIn" ).fadeOut( "slow" );
});
// Logged In ------------------------
// ----------------------------------
$( "#topNav a:first-of-type li" ).click(function() { $( ".logIn" ).delay( 800 ).fadeIn( "slow" );
});
Delta - Script Codes
Delta - Script Codes
Home Page Home
Developer Chris Newcombe
Username Newcombe
Uploaded October 19, 2022
Rating 3
Size 4,720 Kb
Views 12,144
Do you need developer help for Delta?

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!

Chris Newcombe (Newcombe) Script Codes
Name
JS Add HTML Tag
Tester SK
JQuery Auto-Update Copyright Year
Value Based Conditional CSS
Verification
Testing
Delta 2
IB Slider
Depth Parallax
CSS Filters
Create amazing blog posts 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!