RoundUp Rumble 2015

Developer
Casey Hunt
Size
6,519 Kb
Views
18,216
  1. RoundUp Rumble 2015 Previews
  2. RoundUp Rumble 2015 HTML Codes
  3. RoundUp Rumble 2015 CSS Codes
  4. RoundUp Rumble 2015 JS Codes

How do I make an roundup rumble 2015?

Two champions. One arm-wrestling match. A spectacle for the ages. Bet on one, or both, with al proceeds going to charity. . What is a roundup rumble 2015? How do you make a roundup rumble 2015? This script and codes were developed by Casey Hunt on 19 November 2022, Saturday.

RoundUp Rumble 2015 Previews
IQ Test

RoundUp Rumble 2015 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>RoundUp Rumble 2015</title> <link rel='stylesheet prefetch' href='https://d2v52k3cl9vedd.cloudfront.net/basscss/6.0.2/basscss.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="bg-navy white clearfix center"> <div class="col col-12"> <h1 class="mb3">RoundUp<strong>Rumble</strong><span class="h2">2015</span></h1> </div> </div> <div class="bg-aqua clearfix"> <div class="col col-6"> <div class="mt3 mb3 arm left shrinky"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> <path stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" d="M511.1,422.8c155.3,4,140.3-115.3,140.3-115.3l-102.2,22.4 l-124.5-16.5l-39.9,74.5C384.8,387.8,401,420,511.1,422.8z"/> <polygon stroke="#FFFFFF" stroke-width="11.52" stroke-miterlimit="10" points="694.6,322.7 641.4,337 595.9,229.2 644.5,206.8 "/> <polygon stroke="#FFFFFF" stroke-width="15.0649" stroke-miterlimit="10" points="643.4,364.4 561.7,363.4 595.5,179.5 659.3,184.6 "/> <polygon stroke="#FFFFFF" stroke-width="15.9525" stroke-miterlimit="10" points="601.7,373.2 520.2,369.7 562,164.7 624.9,161.7 "/> <path stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" d="M562.5,356l13.1-192.8l-152.3,35.5 c0,0-30.4,71.6-105.6,143.2S74.4,733.3,78,759s29.5,71.2,180,74.2c150.5,3,262.2-15.2,262.2-15.2s115.1,20,178.6,20 c95.3,0,167.8-23.3,167.8-23.3s46.1-37.1,52.5-111c4.4-51,5.4-72.1-29-114.7c-36.8-45.5-92.7-138.7-244.8-134 c-141,4.3-289.6,179.8-289.6,179.8c8.4-173.7,99.1-268.1,99.1-268.1L562.5,356z"/> <polyline fill="none" stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" points="514.7,299.3 469.2,311.2 458.8,366.7 "/> <path stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" d="M529.5,727.6c0,0,51.8,30,150.1,40.5 c145.4,15.5,179.9-59.5,179.9-59.5"/> </svg> </div> </div> <div class="col col-6"> <div class="mt3 mb3 arm right shrinky"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> <path stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" d="M511.1,422.8c155.3,4,140.3-115.3,140.3-115.3l-102.2,22.4 l-124.5-16.5l-39.9,74.5C384.8,387.8,401,420,511.1,422.8z"/> <polygon stroke="#FFFFFF" stroke-width="11.52" stroke-miterlimit="10" points="694.6,322.7 641.4,337 595.9,229.2 644.5,206.8 "/> <polygon stroke="#FFFFFF" stroke-width="15.0649" stroke-miterlimit="10" points="643.4,364.4 561.7,363.4 595.5,179.5 659.3,184.6 "/> <polygon stroke="#FFFFFF" stroke-width="15.9525" stroke-miterlimit="10" points="601.7,373.2 520.2,369.7 562,164.7 624.9,161.7 "/> <path stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" d="M562.5,356l13.1-192.8l-152.3,35.5 c0,0-30.4,71.6-105.6,143.2S74.4,733.3,78,759s29.5,71.2,180,74.2c150.5,3,262.2-15.2,262.2-15.2s115.1,20,178.6,20 c95.3,0,167.8-23.3,167.8-23.3s46.1-37.1,52.5-111c4.4-51,5.4-72.1-29-114.7c-36.8-45.5-92.7-138.7-244.8-134 c-141,4.3-289.6,179.8-289.6,179.8c8.4-173.7,99.1-268.1,99.1-268.1L562.5,356z"/> <polyline fill="none" stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" points="514.7,299.3 469.2,311.2 458.8,366.7 "/> <path stroke="#FFFFFF" stroke-width="18.5079" stroke-miterlimit="10" d="M529.5,727.6c0,0,51.8,30,150.1,40.5 c145.4,15.5,179.9-59.5,179.9-59.5"/> </svg> </div> </div> </div> <div class="clearfix"> <div class="col col-12 center bg-teal navy border-top"> <h2 class="m2">Select your champion…</h2> </div> </div> <div class="clearfix"> <div class="p2 bg-olive col col-6 center"><img class="round portrait kelli" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/30025/kelli.jpg"></div> <div class="p2 bg-maroon col col-6 center"><img class="round portrait howitt" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/30025/matt.jpg"></div> <div class="bg-olive col col-12 center details kelli hide"> <h1 class="mb3 p2 white border-top border-bottom">Kelli <span class="navy">"Boom! Boom!"</span> Beougher</h1> <p class="mb1">Fighting for:</p> <h2 class="white mt0">Austin Pets Alive!</h2> <a href="#modal-one" class=" mt4 mb2 button button-big bg-navy">Bet on KAPOW!-ski</a> </div> <div class="bg-maroon col col-12 center details howitt hide"> <h1 class="mb3 white p2 border-top border-bottom">Matt <span class="orange">"Howitzer"</span> Howitt</h1> <p class="mb1">Fighting for:</p> <h2 class="white mt0">Girls Who Code</h2> <a href="#modal-one" class="mt4 mb2 button button-big bg-navy">Bet on Howitzer</a> </div> </div> <!-- Modals --> <div class="modal" id="modal-one" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-header"> <h2>Select your wager.</h2> <p class="small">Remember, it's all for charity.</p> <a href="#close" class="btn-close" aria-hidden="true">×</a> <!--CHANGED TO "#close"--> </div> <div class="modal-body clearfix"> <div class="flex flex-wrap flex-justify flex-stretch"> <div class="p2 denomination selected">$1</div> <div class="p2 denomination">$2</div> <div class="p2 denomination">$5</div> <div class="p2 denomination">$10</div> <div class="p2 denomination">$15</div> <div class="p2 denomination">$20</div> <div class="p2 denomination">$30</div> <div class="p2 denomination">$50</div> <div class="p2 denomination">$100</div> <div class="p2 denomination">$200</div> </div> </div> <div class="modal-footer"> <a href="#modal-two" class="baller"> Big Baller?</a> <a href="#close" class="btn">Confirm</a> <!--CHANGED TO "#close"--> </div> </div> </div> <div class="modal" id="modal-two" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-header"> <h2>What's up big baller?</h2> <a href="#close" class="btn-close" aria-hidden="true">×</a> <!--CHANGED TO "#close"--> </div> <div class="modal-body clearfix"> <div class="flex flex-wrap flex-justify flex-stretch"> <div class="p2 denomination selected">$200</div> <div class="p2 denomination">$500</div> <div class="p2 denomination">$800</div> <div class="p2 denomination">$1000</div> <div class="p2 denomination">$1500</div> <div class="p2 denomination">$2000</div> <div class="p2 denomination">$5000</div> <div class="p2 denomination">$10000</div> </div> </div> <div class="modal-footer"> <a href="#modal-one" class="baller"> NOPE! Not a Baller.</a> <a href="#close" class="btn">Oh yeah!</a> <!--CHANGED TO "#close"--> </div> </div> </div> <!-- /Modal -->
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

RoundUp Rumble 2015 - Script Codes CSS Codes

body, h1, h2 { font-family: 'Avenir Next', 'Helvetica Neue', 'Roboto Sans', sans-serif !important;
}
input[type=text] { font-size: 175px; height: 250px; background: transparent; margin-left: auto; margin-right: auto; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: white;
}
input[type=text]:focus { outline: none;
}
a.baller { padding-right: 15px;
}
.small { font-size: small;
}
.denomination { font-size: 1.45rem; font-family: 'Avenir Next', 'Helvetica Neue', 'Roboto Sans', sans-serif; font-weight: 300; cursor: pointer;
}
.denomination:hover { background: rgba(0, 0, 0, 0.15);
}
.denomination.selected { background: darkslateblue; color: lightcyan; font-weight: 500;
}
.round { box-sizing: border-box; border-radius: 100%; cursor: pointer; border: 2px solid #333;
}
.arm { width: 100%; display: inline-block; transition: all .25s linear;
}
.arm.left { transform: rotateY(180deg);
}
.arm.left.shrinky:hover { transform: rotateY(180deg) scale(0.45);
}
.arm.left svg { fill: #3d9970;
}
.arm.left svg polygon,
.arm.left svg path,
.arm.left svg polyline { stroke: #333;
}
.arm.right { fill: #85144b;
}
.arm.right polygon,
.arm.right path,
.arm.right polyline { stroke: #222;
}
.arm.right.shrinky:hover { transform: scale(0.45);
}
@media screen and (max-width: 460px) { h1 { font-size: 1.9rem; font-weight: 100; }
}
.btn { background: #428bca; border: #357ebd solid 1px; border-radius: 3px; color: #fff; display: inline-block; font-size: 14px; padding: 8px 15px; text-decoration: none; text-align: center; min-width: 60px; position: relative; transition: color .1s ease; /* top: 40em;*/
}
.btn:hover { background: #357ebd;
}
.btn.btn-big { font-size: 18px; padding: 15px 20px; min-width: 100px;
}
.btn-close { color: #aaaaaa; font-size: 30px; text-decoration: none; position: absolute; right: 5px; top: 0;
}
.btn-close:hover { color: #919191;
}
.modal:before { content: ""; display: none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;
}
.modal:target:before { display: block;
}
.modal:target .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); top: 3%;
}
.modal-dialog { background: #fefefe; border: #333333 solid 1px; border-radius: 5px; margin-left: -40%; position: fixed; left: 50%; top: -100%; z-index: 11; width: 80%; -webkit-transform: translate(0, -500%); -ms-transform: translate(0, -500%); transform: translate(0, -500%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;
}
@media screen and (max-width: 400px) { .modal-dialog { width: 95%; margin-left: -48.25%; }
}
.modal-body { padding: 20px;
}
.modal-header,
.modal-footer { padding: 10px 20px;
}
.modal-header { border-bottom: #eeeeee solid 1px;
}
.modal-header h2 { font-size: 20px;
}
.modal-footer { border-top: #eeeeee solid 1px; text-align: right;
}
/*ADDED TO STOP SCROLLING TO TOP*/
#close { display: none;
}
@media screen and (max-width: 350px) { html { font-size: 14px; }
}

RoundUp Rumble 2015 - Script Codes JS Codes

/*global define:true */
(function (factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], factory); } else { // Browser globals factory(jQuery); }
}(function ($) { $.fn.inputfit = function(options) { var settings = $.extend({ minSize : 10, maxSize : false }, options); this.each(function() { var $input = $(this); if ( !$input.is(':input') ) { return; } $input.off('keyup.inputfit keydown.inputfit'); var maxSize = parseFloat(settings.maxSize || $input.css('font-size'), 10); var width = $input.width(); var clone = $input.data('inputfit-clone'); if (!clone) { clone = $('<div></div>', { css : { fontSize : $input.css('font-size'), fontFamily : $input.css('font-family'), fontStyle : $input.css('font-style'), fontWeight : $input.css('font-weight'), fontVariant : $input.css('font-variant'), letterSpacing: $input.css('letter-spacing'), position : 'absolute', left : '-9999px', visibility : 'hidden' } }).insertAfter($input); $input.data('inputfit-clone', clone); } $input.on('keyup.inputfit keydown.inputfit', function() { var $this = $(this); clone.html($this.val().replace(/ /g, '&nbsp;')); var ratio = width / (clone.width() || 1), currentFontSize = parseInt( $this.css('font-size'), 10 ), fontSize = Math.floor(currentFontSize * ratio); if (fontSize > maxSize) { fontSize = maxSize; } if (fontSize < settings.minSize) { fontSize = settings.minSize; } $this.css('font-size', fontSize); clone.css('font-size', fontSize); }).triggerHandler('keyup.inputfit'); }); return this; };
}));
$('input').inputfit();
$('.portrait.howitt').click(function() { $('.details.howitt').toggleClass('hide'); $('.details.kelli').addClass('hide');
})
$('.portrait.kelli').click(function() { $('.details.kelli').toggleClass('hide'); $('.details.howitt').addClass('hide');
})
$('.denomination').click(function() { $(this).siblings().removeClass('selected'); $(this).addClass('selected');
})
RoundUp Rumble 2015 - Script Codes
RoundUp Rumble 2015 - Script Codes
Home Page Home
Developer Casey Hunt
Username caseymhunt
Uploaded November 19, 2022
Rating 3
Size 6,519 Kb
Views 18,216
Do you need developer help for RoundUp Rumble 2015?

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!

Casey Hunt (caseymhunt) Script Codes
Name
Headroom.js Test
CSS Only radio image label
CSS Dot Leaders
Neural Colors
A Pen by Casey Hunt
Cool Form Labels
Super cool hover section links
Shaun Spills
Background Color Switcher
Spotlight Animation
Create amazing Facebook ads 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!