Pin Game1

Developer
Size
15,973 Kb
Views
20,240

How do I make an pin game1?

What is a pin game1? How do you make a pin game1? This script and codes were developed by Ken Lane on 21 October 2022, Friday.

Pin Game1 Previews

Pin Game1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pin Game1</title> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='pin-game'> <div class='top-bar'> <div class='icon'></div> <div class='text1'>Train your bots!</div> <div class='text2'>Every card you pin or reject teaches the bots hundreds of concepts that help them find you what you want.</div> </div> <div class='left-bar'></div> <div class='cards-scroll'> <div class='cards'> <article class='card yay-card'> <div class='text1'>Pinned.</div> <i class="fa fa-check" aria-hidden="true"></i> <div class='text2'>Roger that.</div> </article> <article class='card'> <div class='wrap'> <div class='card-header'> <div class='belonger skip'> <a href='#' rel='nofollow'> <div class='belong-label'>SKIP</div> <img alt='Skip' src='https://upload.wikimedia.org/wikipedia/commons/7/7d/Ic_close_48px.svg'> </a> </div> <div class='belonger no'> <a href='#' rel='nofollow'> <div class='belong-label'>NO</div> <span class='fa-stack fa-sm'> <i class='fa fa-ban fa-stack-2x' style='color:#ee8080; text-shadow: black 0 0 5px;'></i> <i class='fa fa-thumb-tack fa-stack-1x' style='color:black;'></i> </span> <!-- %img{:alt => "No", :src => "https://upload.wikimedia.org/wikipedia/commons/5/5d/Thumbs_down_font_awesome.svg"} --> </a> </div> <div class='belonger yes'> <a href='#' rel='nofollow'> <div class='belong-label'>YES</div> <img alt='Yes' src='https://upload.wikimedia.org/wikipedia/commons/e/ef/Thumbs_up_font_awesome.svg'> </a> </div> <div class='icon'> <img alt='Icon saved by username black' src='https://upload.wikimedia.org/wikipedia/commons/4/41/Regular_hexagon.svg'> </div> <ul class='headline'> <li class='line1'> Belongs on this board? </li> <li class='line2'> Train bots! </li> </ul> </div> <div id='DIV_13'> <div id='DIV_14'></div> <h3 id='H3_15'> <div id='DIV_16'> Welcome to your smart home! </div> <div id='DIV_17'> Welcome to your smart home! </div> </h3> <div id='DIV_18'> <a href='/search/Home+Automation' id='A_19'>Home Automation</a> </div> </div> <div id='DIV_20'> <div id='DIV_21'> <div id='DIV_22'> <div id='DIV_23'> Truth </div> <div id='DIV_24'> <a href='/rate/235857/truth/1' id='A_25' rel='nofollow'></a> <a href='/rate/235857/truth/2' id='A_26' rel='nofollow'></a> <a href='/rate/235857/truth/3' id='A_27' rel='nofollow'></a> <a href='/rate/235857/truth/4' id='A_28' rel='nofollow'></a> <a href='/rate/235857/truth/5' id='A_29' rel='nofollow'></a> </div> </div> <div id='DIV_30'> <div id='DIV_31'> Quality </div> <div id='DIV_32'> <a href='/rate/235857/quality/1' id='A_33' rel='nofollow'></a> <a href='/rate/235857/quality/2' id='A_34' rel='nofollow'></a> <a href='/rate/235857/quality/3' id='A_35' rel='nofollow'></a> <a href='/rate/235857/quality/4' id='A_36' rel='nofollow'></a> <a href='/rate/235857/quality/5' id='A_37' rel='nofollow'></a> </div> </div> </div> <div id='DIV_38'> <div id='DIV_39'> <div id='DIV_40'> <span id='SPAN_41'>11/03/15</span> </div> <div id='DIV_42'> <span id='SPAN_43'>11/03/15</span> </div> </div> <div id='DIV_44'> These days we have been making huge leaps towards making homes smarter, and giving you the power to monitor, control, secure and customize your living... <img alt='Chevron 40x40 06acb2f0ee1987cbe5a1ed3f3394d5f30f3c8190110b091939c444163ecc6a22' id='IMG_45' src='/assets/icons/chevron_40x40-06acb2f0ee1987cbe5a1ed3f3394d5f30f3c8190110b091939c444163ecc6a22.svg'> </div> <div id='DIV_46'> These days we have been making huge leaps towards making homes smarter, and giving you the power to monitor, control, secure and customize your living space with just the touch of your smartphone. Soon, it will be hard to imagine life any other way. Of course, to make smart homes possible, it’ll take some advanced technology. You need intelligent tools to... <img alt='Chevron 40x40 06acb2f0ee1987cbe5a1ed3f3394d5f30f3c8190110b091939c444163ecc6a22' id='IMG_47' src='/assets/icons/chevron_40x40-06acb2f0ee1987cbe5a1ed3f3394d5f30f3c8190110b091939c444163ecc6a22.svg'> </div> </div> </div> <div id='DIV_48'> <ul id='UL_49'> <div id='DIV_50'></div> <li id='LI_51'> <a href='/search/Home+Security' id='A_52'>Home Security</a> </li> <li id='LI_53'> <a href='/search/Home+Safety' id='A_54'>Home Safety</a> </li> </ul> </div> <div id='DIV_55'> <a href='/search/Home+Security' id='A_57'>Home Security</a> <a href='/search/Home+Safety' id='A_59'>Home Safety</a> <a href='/search/Home+Repairs+%2526+Improvements' id='A_61'>Home Repairs &amp; Improvements</a> <a href='/search/Gadget' id='A_63'>Gadget</a> </div> </div> <ul id='UL_64'> <li id='LI_65'> <a href='/share/Content/235857' id='A_66'> <span id='SPAN_67'>Share</span> <img alt='Icon share black 5131a71af39b3191939b235045ef0d64d5400619185f42a7460a48a870ac7e5d' id='IMG_68' src='https://cdn.onlinewebfonts.com/svg/img_105589.svg'> </a> </li> <li id='LI_69'> <a href='/rate/235857' id='A_70' rel='nofollow'> <span id='SPAN_71'>Like</span> <img alt='Icon like black 84f49642a717ca2db35cc919b81e0ccae7ae3b996e3bf4ed3eb7ef126594dad1' id='IMG_72' src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Ei-heart.svg/2000px-Ei-heart.svg.png'> </a> </li> <li id='LI_73'> <a href='/save/new/235857?board_id=1683165' id='A_74'> <span id='SPAN_75'>Pin</span> <i class='fa fa-thumb-tack'></i> </a> </li> </ul> </article> <article class='card copy-me' times='15'> <div class='wrap'> <div class='card-header'> <div class='belonger skip'> <a href='#' rel='nofollow'> <div class='belong-label'>SKIP</div> <img alt='Skip' src='https://upload.wikimedia.org/wikipedia/commons/7/7d/Ic_close_48px.svg'> </a> </div> <div class='belonger no'> <a href='#' rel='nofollow'> <div class='belong-label'>NO</div> <img alt='No' src='https://upload.wikimedia.org/wikipedia/commons/5/5d/Thumbs_down_font_awesome.svg'> </a> </div> <div class='belonger yes'> <a href='#' rel='nofollow'> <div class='belong-label'>YES</div> <img alt='Yes' src='https://upload.wikimedia.org/wikipedia/commons/e/ef/Thumbs_up_font_awesome.svg'> </a> </div> <div class='icon'> <img alt='Icon saved by username black' src='https://upload.wikimedia.org/wikipedia/commons/4/41/Regular_hexagon.svg'> </div> <ul class='headline'> <li class='line1'> Belongs on this board? </li> <li class='line2'> &nbsp; </li> </ul> </div> <div class='count'>7</div> </div> </article> </div> </div> <div class='bottom-bar'> <input> <button>Search</button> </div>
</div>
<div class='cards pin-cards'> <article class='card' id='pin-blank' style='border:0;background:#00000000;box-shadow: none;width:0;margin:0;'></article> <article class='card copy-me' times='4'> <div class='wrap'> <div class='card-header'> <div class='belonger skip'> <a href='#' rel='nofollow'> <div class='belong-label'>SKIP</div> <img alt='Skip' src='https://upload.wikimedia.org/wikipedia/commons/7/7d/Ic_close_48px.svg'> </a> </div> <div class='belonger no'> <a href='#' rel='nofollow'> <div class='belong-label'>NO</div> <img alt='No' src='https://upload.wikimedia.org/wikipedia/commons/5/5d/Thumbs_down_font_awesome.svg'> </a> </div> <div class='belonger yes'> <a href='#' rel='nofollow'> <div class='belong-label'>YES</div> <img alt='Yes' src='https://upload.wikimedia.org/wikipedia/commons/e/ef/Thumbs_up_font_awesome.svg'> </a> </div> <div class='icon'> <img alt='Icon saved by username black' src='https://upload.wikimedia.org/wikipedia/commons/4/41/Regular_hexagon.svg'> </div> <ul class='headline'> <li class='line1'> Belongs on this board? </li> <li class='line2'> &nbsp; </li> </ul> </div> <div class='count'>7</div> </div> </article>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Pin Game1 - Script Codes CSS Codes

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700|Arvo:400,700);
.pin-game { z-index: 5;
}
.pin-game .top-bar { background: #56688b; color: white; font-family: "Source Sans Pro", sans-serif; font-size: 16px; padding: 10px 10px 10px 30px;
}
.pin-game .top-bar .text2 { text-transform: uppercase; font-weight: 100; font-size: 15px;
}
.pin-game .left-bar { clear: both; float: left; background: #56688b; color: white; width: 30px; height: 500px;
}
.pin-game .bottom-bar { clear: both; background: #56688b; color: white; font-family: "Source Sans Pro", sans-serif; font-size: 16px; padding: 10px 10px 10px 40px;
}
.pin-game .bottom-bar input { width: 50%;
}
.pin-game .cards-scroll { overflow-x: scroll; overflow-y: hidden;
}
.pin-game .yay-card { text-align: center; z-index: -1;
}
.pin-game .yay-card .fa { padding: 25px; font-size: 80px; color: #6b6; text-shadow: 1px 2px 8px black;
}
.pin-game .yay-card .text1 { padding-top: 140px; font-family: "Source Sans Pro", sans-serif; font-size: 30px;
}
.pin-game .yay-card .text2 { font-family: "Source Sans Pro", sans-serif; font-size: 30px;
}
.cards { display: inline-flex;
}
.card { background: white; display: inline-block; transform: scale(1); transition: transform 450ms ease-in-out; border: solid 1px #bbbbbb; box-shadow: #cccccc 0px 0px 40px 0px; box-sizing: border-box; height: 470px; margin: 5px 20px 0 5px; position: relative; top: 0px; width: 303px; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif;
}
.card .count { font-size: 270px; text-align: center; padding: 170px 0 0 0; color: #bbb;
}
.card .icon { float: left;
}
.card img { display: inline-block; height: 27.0312px; line-height: 24px; vertical-align: middle; width: 35px;
}
.card .headline { float: left; margin: 0 0 0 2px; padding: 0;
}
.card .headline .line1 { font-family: "Source Sans Pro", sans-serif; font-size: 10px; line-height: 16px; height: 8px; list-style-type: none; text-transform: uppercase;
}
.card .headline .line2 { color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 8px; line-height: 25.6px; list-style-type: none;
}
/* .card */
/*#DIV_2*/
.card-header { box-sizing: border-box; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 40px; line-height: 24px; padding: 5px; transition: background 500ms;
}
.belong-label { font-family: "Source Sans Pro", sans-serif; font-size: 10px; height: 10px; margin: 0; text-align: center; line-height: 10px; color: black !important;
}
.belonger { float: right; padding: 0 5px 0 5px; position: relative; top: -5px;
}
.belonger:hover { background: #eee; text-decoration: underline;
}
.belonger a { text-decoration: none;
}
.belonger img { position: relative; top: -4px; margin: 0; padding: 0; width: 35px; height: 26px;
}
.yes { background: #9ccf31;
}
.no { background: #ee8080;
}
.skip { background: #f7d708;
}
.card .icon { float: left;
}
.pin-cards { margin: 14px 0 0 30px; display: inline-flex;
}
#pin-blank { z-index: -1;
}
#DIV_12 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; clear: both; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; line-height: 24px; outline-color: #333333; width: 291.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 145.656px 0px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 145.656px 0px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 145.656px 0px;
}
/*#DIV_12*/
#DIV_13 { background-color: #e1e7ee; border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; bottom: 0px; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 220px; left: 0px; line-height: 24px; outline-color: #333333; position: relative; right: 0px; top: 0px; width: 301.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 150.656px 110px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 150.656px 110px; background: #e1e7ee none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 150.656px 110px;
}
/*#DIV_13*/
#DIV_14 { background-image: url("https://tanjo.s3.amazonaws.com/uploads/content/image/235857/smartthings.jpg"); background-position: 50% 0%; background-repeat: no-repeat; background-size: cover; border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; bottom: 0px; box-sizing: border-box; color: #333333; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 220px; left: 0px; line-height: 24px; outline-color: #333333; position: relative; right: 0px; top: 0px; width: 301.328px; z-index: 0; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 150.656px 110px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 150.656px 110px; background: transparent url("https://tanjo.s3.amazonaws.com/uploads/content/image/235857/smartthings.jpg") no-repeat scroll 50% 0%/cover padding-box border-box; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 150.656px 110px;
}
/*#DIV_14*/
#H3_15 { background-color: rgba(19, 32, 52, 0.70196); border-bottom-color: white; border-left-color: white; border-right-color: white; border-top-color: white; bottom: 0px; box-sizing: border-box; color: white; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: normal; height: 60px; left: 0px; line-height: 20px; margin-bottom: 0px; margin-top: 0px; outline-color: white; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; position: absolute; right: 0px; text-rendering: optimizeLegibility; top: 160px; width: 301.328px; z-index: 10; column-rule-color: white; -webkit-locale: "en"; perspective-origin: 150.656px 30px; -webkit-text-emphasis-color: white; -webkit-text-fill-color: white; -webkit-text-stroke-color: white; transform-origin: 150.656px 30px; background: rgba(19, 32, 52, 0.70196) none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none white; border-top: 0px none white; border-right: 0px none white; border-bottom: 0px none white; border-left: 0px none white; border-color: white; font: normal normal normal normal 16px / 20px "Source Sans Pro", sans-serif; margin: 0px; outline: white none 0px; padding: 10px; -webkit-border-after: 0px none white; -webkit-border-before: 0px none white; -webkit-border-end: 0px none white; -webkit-border-start: 0px none white; -webkit-transform-origin: 150.656px 30px;
}
/*#H3_15*/
#DIV_16 { border-bottom-color: white; border-left-color: white; border-right-color: white; border-top-color: white; box-sizing: border-box; color: white; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 20px; line-height: 20px; outline-color: white; text-rendering: optimizeLegibility; width: 281.328px; column-rule-color: white; -webkit-locale: "en"; perspective-origin: 140.656px 10px; -webkit-text-emphasis-color: white; -webkit-text-fill-color: white; -webkit-text-stroke-color: white; transform-origin: 140.656px 10px; border: 0px none white; border-top: 0px none white; border-right: 0px none white; border-bottom: 0px none white; border-left: 0px none white; border-color: white; font: normal normal normal normal 16px / 20px "Source Sans Pro", sans-serif; outline: white none 0px; -webkit-border-after: 0px none white; -webkit-border-before: 0px none white; -webkit-border-end: 0px none white; -webkit-border-start: 0px none white; -webkit-transform-origin: 140.656px 10px;
}
/*#DIV_16*/
#DIV_17 { border-bottom-color: white; border-left-color: white; border-right-color: white; border-top-color: white; box-sizing: border-box; color: white; cursor: pointer; display: none; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: auto; line-height: 20px; outline-color: white; text-rendering: optimizeLegibility; width: auto; column-rule-color: white; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-emphasis-color: white; -webkit-text-fill-color: white; -webkit-text-stroke-color: white; transform-origin: 50% 50%; border: 0px none white; border-top: 0px none white; border-right: 0px none white; border-bottom: 0px none white; border-left: 0px none white; border-color: white; font: normal normal normal normal 16px / 20px "Source Sans Pro", sans-serif; outline: white none 0px; -webkit-border-after: 0px none white; -webkit-border-before: 0px none white; -webkit-border-end: 0px none white; -webkit-border-start: 0px none white; -webkit-transform-origin: 50% 50%;
}
/*#DIV_17*/
#DIV_18 { background-color: rgba(103, 128, 164, 0.8); border-bottom-color: white; border-left-color: white; border-right-color: white; border-top-color: white; bottom: 60px; box-sizing: border-box; color: white; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 300; height: 23px; left: 0px; line-height: 21px; max-width: 100%; outline-color: white; overflow-x: hidden; overflow-y: hidden; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; padding-top: 1px; position: absolute; right: 186.734px; text-align: center; top: 137px; white-space: nowrap; width: 114.594px; z-index: 20; column-rule-color: white; -webkit-locale: "en"; perspective-origin: 57.2969px 11.5px; -webkit-text-emphasis-color: white; -webkit-text-fill-color: white; -webkit-text-stroke-color: white; transform-origin: 57.2969px 11.5px; background: rgba(103, 128, 164, 0.8) none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none white; border-top: 0px none white; border-right: 0px none white; border-bottom: 0px none white; border-left: 0px none white; border-color: white; font: normal normal 300 normal 14px / 21px "Source Sans Pro", sans-serif; outline: white none 0px; overflow: hidden; padding: 1px 5px; -webkit-border-after: 0px none white; -webkit-border-before: 0px none white; -webkit-border-end: 0px none white; -webkit-border-start: 0px none white; -webkit-transform-origin: 57.2969px 11.5px;
}
/*#DIV_18*/
#A_19 { border-bottom-color: white; border-left-color: white; border-right-color: white; border-top-color: white; box-sizing: border-box; color: white; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 300; line-height: 21px; outline-color: white; text-align: center; text-decoration: none; white-space: nowrap; column-rule-color: white; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: white; -webkit-text-fill-color: white; -webkit-text-stroke-color: white; border: 0px none white; border-top: 0px none white; border-right: 0px none white; border-bottom: 0px none white; border-left: 0px none white; border-color: white; font: normal normal 300 normal 14px / 21px "Source Sans Pro", sans-serif; outline: white none 0px; -webkit-border-after: 0px none white; -webkit-border-before: 0px none white; -webkit-border-end: 0px none white; -webkit-border-start: 0px none white;
}
/*#A_19*/
#DIV_20 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 125px; line-height: 24px; margin-top: 10px; outline-color: #333333; padding-left: 10px; padding-right: 10px; width: 301.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 150.656px 62.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 150.656px 62.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; margin: 10px 0px 0px; outline: #333333 none 0px; padding: 0px 10px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 150.656px 62.5px;
}
/*#DIV_20*/
#DIV_21 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; float: right; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 84px; line-height: 24px; margin-left: 8px; margin-top: -2px; outline-color: #333333; width: 60px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 30px 42px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 30px 42px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; margin: -2px 0px 0px 8px; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 30px 42px;
}
/*#DIV_21*/
#DIV_22, #DIV_30 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; clear: both; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 30px; line-height: 24px; outline-color: #333333; padding-top: 6px; width: 66px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 33px 15px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 33px 15px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; padding: 6px 0px 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 33px 15px;
}
/*#DIV_22, #DIV_30*/
#DIV_23, #DIV_31 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 24px; line-height: 24px; outline-color: #333333; text-align: center; width: 66px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 33px 12px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 33px 12px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 33px 12px;
}
/*#DIV_23, #DIV_31*/
#DIV_24, #DIV_32 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; bottom: 0px; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; left: 0px; line-height: 24px; outline-color: #333333; position: relative; right: 0px; top: 0px; width: 66px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 33px 0px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 33px 0px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 33px 0px;
}
/*#DIV_24, #DIV_32*/
#A_25, #A_26, #A_33, #A_35 { background-color: #56688b; border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; cursor: pointer; display: block; float: left; font-family: "Source Sans Pro", sans-serif; font-size: 8px; height: 12px; line-height: 12px; margin-right: 1px; outline-color: #dddddd; overflow-x: hidden; overflow-y: hidden; text-align: center; text-decoration: none; width: 12px; column-rule-color: #dddddd; -webkit-locale: "en"; perspective-origin: 6px 6px; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; transform-origin: 6px 6px; background: #56688b none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; margin: 0px 1px 0px 0px; outline: #dddddd none 0px; overflow: hidden; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd; -webkit-transform-origin: 6px 6px;
}
/*#A_25, #A_26, #A_33, #A_35*/
#A_25:before, #A_26:before, #A_33:before, #A_35:before { border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; content: '"★"'; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 8px; line-height: 12px; outline-color: #dddddd; text-align: center; column-rule-color: #dddddd; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; outline: #dddddd none 0px; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd;
}
/*#A_25:before, #A_26:before, #A_33:before, #A_35:before*/
#A_27, #A_34 { background-color: #56688b; border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; cursor: pointer; display: block; float: left; font-family: "Source Sans Pro", sans-serif; font-size: 8px; height: 12px; line-height: 12px; margin-right: 1px; outline-color: #dddddd; overflow-x: hidden; overflow-y: hidden; text-align: center; text-decoration: none; width: 12px; column-rule-color: #dddddd; -webkit-locale: "en"; perspective-origin: 6px 6px; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; transform-origin: 6px 6px; background: #56688b none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; margin: 0px 1px 0px 0px; outline: #dddddd none 0px; overflow: hidden; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd; -webkit-transform-origin: 6px 6px;
}
/*#A_27, #A_34*/
#A_27:before, #A_34:before { border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; content: '"★"'; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 8px; line-height: 12px; outline-color: #dddddd; text-align: center; column-rule-color: #dddddd; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; outline: #dddddd none 0px; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd;
}
/*#A_27:before, #A_34:before*/
#A_28, #A_29, #A_37 { background-color: #dddddd; border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; cursor: pointer; display: block; float: left; font-family: "Source Sans Pro", sans-serif; font-size: 8px; height: 12px; line-height: 12px; margin-right: 1px; outline-color: #dddddd; overflow-x: hidden; overflow-y: hidden; text-align: center; text-decoration: none; width: 12px; column-rule-color: #dddddd; -webkit-locale: "en"; perspective-origin: 6px 6px; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; transform-origin: 6px 6px; background: #dddddd none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; margin: 0px 1px 0px 0px; outline: #dddddd none 0px; overflow: hidden; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd; -webkit-transform-origin: 6px 6px;
}
/*#A_28, #A_29, #A_37*/
#A_28:before, #A_29:before, #A_37:before { border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; content: '"★"'; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 8px; line-height: 12px; outline-color: #dddddd; text-align: center; column-rule-color: #dddddd; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; outline: #dddddd none 0px; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd;
}
/*#A_28:before, #A_29:before, #A_37:before*/
#A_36 { background-color: #dddddd; border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; cursor: pointer; display: block; float: left; font-family: "Source Sans Pro", sans-serif; font-size: 8px; height: 12px; line-height: 12px; margin-right: 1px; outline-color: #dddddd; overflow-x: hidden; overflow-y: hidden; text-align: center; text-decoration: none; width: 12px; column-rule-color: #dddddd; -webkit-locale: "en"; perspective-origin: 6px 6px; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; transform-origin: 6px 6px; background: #dddddd none repeat scroll 0% 0%/auto padding-box border-box; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; margin: 0px 1px 0px 0px; outline: #dddddd none 0px; overflow: hidden; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd; -webkit-transform-origin: 6px 6px;
}
/*#A_36*/
#A_36:before { border-bottom-color: #dddddd; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; box-sizing: border-box; color: #dddddd; content: '"★"'; cursor: pointer; font-family: "Source Sans Pro", sans-serif; font-size: 8px; line-height: 12px; outline-color: #dddddd; text-align: center; column-rule-color: #dddddd; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: #dddddd; -webkit-text-fill-color: #dddddd; -webkit-text-stroke-color: #dddddd; border: 0px none #dddddd; border-top: 0px none #dddddd; border-right: 0px none #dddddd; border-bottom: 0px none #dddddd; border-left: 0px none #dddddd; border-color: #dddddd; font: normal normal normal normal 8px / 12px "Source Sans Pro", sans-serif; outline: #dddddd none 0px; -webkit-border-after: 0px none #dddddd; -webkit-border-before: 0px none #dddddd; -webkit-border-end: 0px none #dddddd; -webkit-border-start: 0px none #dddddd;
}
/*#A_36:before*/
#DIV_38 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 300; height: 125px; line-height: 24px; outline-color: #333333; overflow-x: hidden; overflow-y: hidden; width: 213.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 106.656px 62.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 106.656px 62.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal 300 normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; overflow: hidden; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 106.656px 62.5px;
}
/*#DIV_38*/
#DIV_39 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 14px; height: 21px; line-height: 21px; margin-top: 4px; outline-color: #333333; width: 213.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 106.656px 10.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 106.656px 10.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 14px / 21px "Source Sans Pro", sans-serif; margin: 4px 0px 0px; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 106.656px 10.5px;
}
/*#DIV_39*/
#DIV_40 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 14px; height: 21px; line-height: 21px; outline-color: #333333; width: 213.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 106.656px 10.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 106.656px 10.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 14px / 21px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 106.656px 10.5px;
}
/*#DIV_40*/
#SPAN_41 { border-bottom-color: #aaaaaa; border-left-color: #aaaaaa; border-right-color: #aaaaaa; border-top-color: #aaaaaa; box-sizing: border-box; color: #aaaaaa; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 300; line-height: 21px; outline-color: #aaaaaa; padding-left: 5px; column-rule-color: #aaaaaa; -webkit-locale: "en"; -webkit-text-emphasis-color: #aaaaaa; -webkit-text-fill-color: #aaaaaa; -webkit-text-stroke-color: #aaaaaa; border: 0px none #aaaaaa; border-top: 0px none #aaaaaa; border-right: 0px none #aaaaaa; border-bottom: 0px none #aaaaaa; border-left: 0px none #aaaaaa; border-color: #aaaaaa; font: normal normal 300 normal 14px / 21px "Source Sans Pro", sans-serif; outline: #aaaaaa none 0px; padding: 0px 0px 0px 5px; -webkit-border-after: 0px none #aaaaaa; -webkit-border-before: 0px none #aaaaaa; -webkit-border-end: 0px none #aaaaaa; -webkit-border-start: 0px none #aaaaaa;
}
/*#SPAN_41*/
#DIV_42 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; display: none; font-family: "Source Sans Pro", sans-serif; font-size: 14px; height: auto; line-height: 21px; outline-color: #333333; width: auto; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 50% 50%; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 14px / 21px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 50% 50%;
}
/*#DIV_42*/
#SPAN_43 { border-bottom-color: #aaaaaa; border-left-color: #aaaaaa; border-right-color: #aaaaaa; border-top-color: #aaaaaa; box-sizing: border-box; color: #aaaaaa; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 300; line-height: 21px; outline-color: #aaaaaa; padding-left: 5px; column-rule-color: #aaaaaa; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-emphasis-color: #aaaaaa; -webkit-text-fill-color: #aaaaaa; -webkit-text-stroke-color: #aaaaaa; transform-origin: 50% 50%; border: 0px none #aaaaaa; border-top: 0px none #aaaaaa; border-right: 0px none #aaaaaa; border-bottom: 0px none #aaaaaa; border-left: 0px none #aaaaaa; border-color: #aaaaaa; font: normal normal 300 normal 14px / 21px "Source Sans Pro", sans-serif; outline: #aaaaaa none 0px; padding: 0px 0px 0px 5px; -webkit-border-after: 0px none #aaaaaa; -webkit-border-before: 0px none #aaaaaa; -webkit-border-end: 0px none #aaaaaa; -webkit-border-start: 0px none #aaaaaa; -webkit-transform-origin: 50% 50%;
}
/*#SPAN_43*/
#DIV_44 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 300; height: 144px; line-height: 24px; outline-color: #333333; width: 213.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 106.656px 72px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 106.656px 72px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal 300 normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 106.656px 72px;
}
/*#DIV_44*/
#IMG_45 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 300; height: 15px; line-height: 24px; max-width: 100%; outline-color: #333333; vertical-align: middle; width: 15px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 7.5px 7.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 7.5px 7.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal 300 normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 7.5px 7.5px;
}
/*#IMG_45*/
#DIV_46 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; display: none; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 300; height: auto; line-height: 24px; outline-color: #333333; width: auto; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 50% 50%; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal 300 normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 50% 50%;
}
/*#DIV_46*/
#IMG_47 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; max-width: 100%; outline-color: #333333; vertical-align: middle; width: 15px; column-rule-color: #333333; -webkit-locale: "en"; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal 300 normal 16px / 24px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333;
}
/*#IMG_47*/
#DIV_48 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; bottom: 35px; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 29px; left: 0px; line-height: 24px; margin-bottom: 10px; margin-top: 10px; outline-color: #333333; overflow-x: hidden; overflow-y: hidden; padding-left: 10px; padding-right: 10px; position: absolute; right: 0px; top: 384px; white-space: nowrap; width: 301.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 150.656px 14.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 150.656px 14.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 24px "Source Sans Pro", sans-serif; margin: 10px 0px; outline: #333333 none 0px; overflow: hidden; padding: 0px 10px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 150.656px 14.5px;
}
/*#DIV_48*/
#UL_49 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 29px; line-height: 25.6px; margin-bottom: 0px; margin-top: 0px; outline-color: #333333; padding-left: 0px; white-space: nowrap; width: 281.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 140.656px 14.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 140.656px 14.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; margin: 0px; outline: #333333 none 0px; padding: 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 140.656px 14.5px;
}
/*#UL_49*/
#DIV_50 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 29px; line-height: 25.6px; outline-color: #333333; white-space: nowrap; width: 281.328px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 140.656px 14.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 140.656px 14.5px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 140.656px 14.5px;
}
/*#DIV_50*/
#LI_51 { border-bottom-color: #d6d6d6; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #d6d6d6; border-left-style: solid; border-left-width: 1px; border-right-color: #d6d6d6; border-right-style: solid; border-right-width: 1px; border-top-color: #d6d6d6; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 300; height: 21px; line-height: 19.2px; list-style-type: none; margin-bottom: 5px; margin-right: 5px; outline-color: #333333; padding-left: 5px; padding-right: 5px; white-space: nowrap; width: 83.3281px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 41.6562px 10.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 41.6562px 10.5px; border: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-width: 1px; border-color: #d6d6d6; border-style: solid; font: normal normal 300 normal 12px / 19.2px "Source Sans Pro", sans-serif; list-style: none outside none; margin: 0px 5px 5px 0px; outline: #333333 none 0px; padding: 0px 5px; -webkit-border-after: 1px solid #d6d6d6; -webkit-border-before: 1px solid #d6d6d6; -webkit-border-end: 1px solid #d6d6d6; -webkit-border-start: 1px solid #d6d6d6; -webkit-transform-origin: 41.6562px 10.5px;
}
/*#LI_51*/
#A_52, #A_54 { border-bottom-color: black; border-left-color: black; border-right-color: black; border-top-color: black; box-sizing: border-box; color: black; font-family: "Source Sans Pro", sans-serif; font-weight: 300; line-height: 19.2px; list-style-type: none; outline-color: black; text-align: left; text-decoration: none; white-space: nowrap; column-rule-color: black; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: black; -webkit-text-fill-color: black; -webkit-text-stroke-color: black; border: 0px none black; border-top: 0px none black; border-right: 0px none black; border-bottom: 0px none black; border-left: 0px none black; border-color: black; font: normal normal 300 normal 12px / 19.2px "Source Sans Pro", sans-serif; list-style: none outside none; outline: black none 0px; -webkit-border-after: 0px none black; -webkit-border-before: 0px none black; -webkit-border-end: 0px none black; -webkit-border-start: 0px none black;
}
/*#A_52, #A_54*/
#LI_53 { border-bottom-color: #d6d6d6; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #d6d6d6; border-left-style: solid; border-left-width: 1px; border-right-color: #d6d6d6; border-right-style: solid; border-right-width: 1px; border-top-color: #d6d6d6; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 300; height: 21px; line-height: 19.2px; list-style-type: none; margin-bottom: 5px; margin-right: 5px; outline-color: #333333; padding-left: 5px; padding-right: 5px; white-space: nowrap; width: 73.9375px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 36.9688px 10.5px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 36.9688px 10.5px; border: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-width: 1px; border-color: #d6d6d6; border-style: solid; font: normal normal 300 normal 12px / 19.2px "Source Sans Pro", sans-serif; list-style: none outside none; margin: 0px 5px 5px 0px; outline: #333333 none 0px; padding: 0px 5px; -webkit-border-after: 1px solid #d6d6d6; -webkit-border-before: 1px solid #d6d6d6; -webkit-border-end: 1px solid #d6d6d6; -webkit-border-start: 1px solid #d6d6d6; -webkit-transform-origin: 36.9688px 10.5px;
}
/*#LI_53*/
#DIV_55 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; box-sizing: border-box; color: #333333; display: none; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: auto; line-height: 25.6px; outline-color: #333333; white-space: nowrap; width: auto; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 50% 50%; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; outline: #333333 none 0px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 50% 50%;
}
/*#DIV_55*/
#LI_56, #LI_58, #LI_60, #LI_62 { border-bottom-color: #d6d6d6; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #d6d6d6; border-left-style: solid; border-left-width: 1px; border-right-color: #d6d6d6; border-right-style: solid; border-right-width: 1px; border-top-color: #d6d6d6; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 300; height: auto; line-height: 19.2px; list-style-type: none; margin-bottom: 5px; margin-right: 5px; outline-color: #333333; padding-left: 5px; padding-right: 5px; white-space: nowrap; width: auto; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 50% 50%; border: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-width: 1px; border-color: #d6d6d6; border-style: solid; font: normal normal 300 normal 12px / 19.2px "Source Sans Pro", sans-serif; list-style: none outside none; margin: 0px 5px 5px 0px; outline: #333333 none 0px; padding: 0px 5px; -webkit-border-after: 1px solid #d6d6d6; -webkit-border-before: 1px solid #d6d6d6; -webkit-border-end: 1px solid #d6d6d6; -webkit-border-start: 1px solid #d6d6d6; -webkit-transform-origin: 50% 50%;
}
/*#LI_56, #LI_58, #LI_60, #LI_62*/
#A_57, #A_59, #A_63 { border-bottom-color: black; border-left-color: black; border-right-color: black; border-top-color: black; box-sizing: border-box; color: black; font-family: "Source Sans Pro", sans-serif; font-weight: 300; line-height: 19.2px; list-style-type: none; outline-color: black; text-align: left; text-decoration: none; white-space: nowrap; column-rule-color: black; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: black; -webkit-text-fill-color: black; -webkit-text-stroke-color: black; transform-origin: 50% 50%; border: 0px none black; border-top: 0px none black; border-right: 0px none black; border-bottom: 0px none black; border-left: 0px none black; border-color: black; font: normal normal 300 normal 12px / 19.2px "Source Sans Pro", sans-serif; list-style: none outside none; outline: black none 0px; -webkit-border-after: 0px none black; -webkit-border-before: 0px none black; -webkit-border-end: 0px none black; -webkit-border-start: 0px none black; -webkit-transform-origin: 50% 50%;
}
/*#A_57, #A_59, #A_63*/
#A_61 { border-bottom-color: black; border-left-color: black; border-right-color: black; border-top-color: black; box-sizing: border-box; color: black; font-family: "Source Sans Pro", sans-serif; font-weight: 300; line-height: 19.2px; list-style-type: none; outline-color: black; text-align: left; text-decoration: none; white-space: nowrap; column-rule-color: black; -webkit-locale: "en"; perspective-origin: 50% 50%; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: black; -webkit-text-fill-color: black; -webkit-text-stroke-color: black; transform-origin: 50% 50%; border: 0px none black; border-top: 0px none black; border-right: 0px none black; border-bottom: 0px none black; border-left: 0px none black; border-color: black; font: normal normal 300 normal 12px / 19.2px "Source Sans Pro", sans-serif; list-style: none outside none; outline: black none 0px; -webkit-border-after: 0px none black; -webkit-border-before: 0px none black; -webkit-border-end: 0px none black; -webkit-border-start: 0px none black; -webkit-transform-origin: 50% 50%;
}
/*#A_61*/
#UL_64 { border-bottom-color: #333333; border-left-color: #333333; border-right-color: #333333; border-top-color: #333333; bottom: -8px; box-sizing: border-box; color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 54px; left: 20.8594px; line-height: 25.6px; margin-bottom: 0px; margin-left: 5px; margin-right: 5px; margin-top: 5px; outline-color: #333333; padding-bottom: 10px; padding-left: 0px; position: absolute; right: 0px; top: 417px; width: 270.469px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 135.234px 27px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 135.234px 27px; border: 0px none #333333; border-top: 0px none #333333; border-right: 0px none #333333; border-bottom: 0px none #333333; border-left: 0px none #333333; border-color: #333333; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; margin: 5px 5px 0px; outline: #333333 none 0px; padding: 0px 0px 10px; -webkit-border-after: 0px none #333333; -webkit-border-before: 0px none #333333; -webkit-border-end: 0px none #333333; -webkit-border-start: 0px none #333333; -webkit-transform-origin: 135.234px 27px;
}
/*#UL_64*/
#LI_65, #LI_69, #LI_73 { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: transparent; border-left-style: solid; border-left-width: 1px; border-right-color: transparent; border-right-style: solid; border-right-width: 1px; border-top-color: transparent; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 44px; line-height: 25.6px; list-style-type: none; margin-left: 1px; margin-right: 1px; outline-color: #333333; text-align: center; vertical-align: bottom; width: 86px; column-rule-color: #333333; -webkit-locale: "en"; perspective-origin: 43px 22px; -webkit-text-emphasis-color: #333333; -webkit-text-fill-color: #333333; -webkit-text-stroke-color: #333333; transform-origin: 43px 22px; border: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-width: 1px; border-color: transparent; border-style: solid; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; list-style: none outside none; margin: 0px 1px; outline: #333333 none 0px; -webkit-border-after: 1px solid transparent; -webkit-border-before: 1px solid transparent; -webkit-border-end: 1px solid transparent; -webkit-border-start: 1px solid transparent; -webkit-transform-origin: 43px 22px;
}
/*#LI_65, #LI_69, #LI_73*/
#A_66, #A_70, #A_74 { border-bottom-color: black; border-left-color: black; border-right-color: black; border-top-color: black; box-sizing: border-box; color: black; font-family: "Source Sans Pro", sans-serif; font-size: 16px; line-height: 25.6px; list-style-type: none; outline-color: black; text-align: center; text-decoration: none; column-rule-color: black; -webkit-locale: "en"; -webkit-text-decorations-in-effect: none; -webkit-text-emphasis-color: black; -webkit-text-fill-color: black; -webkit-text-stroke-color: black; border: 0px none black; border-top: 0px none black; border-right: 0px none black; border-bottom: 0px none black; border-left: 0px none black; border-color: black; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; list-style: none outside none; outline: black none 0px; -webkit-border-after: 0px none black; -webkit-border-before: 0px none black; -webkit-border-end: 0px none black; -webkit-border-start: 0px none black;
}
/*#A_66, #A_70, #A_74*/
#SPAN_67, #SPAN_71, #SPAN_75 { bottom: -4px; box-sizing: border-box; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: 100; left: 0px; letter-spacing: 0.75px; line-height: 24px; list-style-type: none; padding-right: 6px; position: relative; right: 0px; text-align: center; text-transform: uppercase; top: 4px; -webkit-locale: "en"; font: normal normal 100 normal 15px / 24px "Source Sans Pro", sans-serif; list-style: none outside none; padding: 0px 6px 0px 0px;
}
/*#SPAN_67, #SPAN_71, #SPAN_75*/
#IMG_68, #IMG_72 { bottom: -1px; box-sizing: border-box; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 17px; left: -3px; line-height: 25.6px; list-style-type: none; max-width: 100%; position: relative; right: 3px; text-align: center; top: 1px; vertical-align: middle; width: 22px; -webkit-locale: "en"; perspective-origin: 11px 8.5px; transform-origin: 11px 8.5px; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; list-style: none outside none; -webkit-transform-origin: 11px 8.5px;
}
/*#IMG_68, #IMG_72*/
#IMG_76 { bottom: 1px; box-sizing: border-box; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-size: 16px; height: 17px; left: -3px; line-height: 25.6px; list-style-type: none; max-width: 100%; position: relative; right: 3px; text-align: center; top: -1px; vertical-align: middle; width: 22px; -webkit-locale: "en"; perspective-origin: 11px 8.5px; transform-origin: 11px 8.5px; font: normal normal normal normal 16px / 25.6px "Source Sans Pro", sans-serif; list-style: none outside none; -webkit-transform-origin: 11px 8.5px;
}
/*#IMG_76*/

Pin Game1 - Script Codes JS Codes

var msgIdx = 0;
var msg = [ "Your bots hear and obey.", "Roger that.", "As you wish.", "Pinned and obeyed.", "", "", "", "", "",
];
$(document).ready(function() { initCopyMes(); setCount(); $(".yay-card").hide(); $(".yay-card .text2").html(msg[msgIdx]); // click SKIP -----------------o $('.skip').click( function() { var card = this.closest('.card'); $(card).css('transform', 'scale(0.1)'); $(card).animate({ width:0, marginLeft:0, marginRight:0 },500); setTimeout( function() { $(card).hide(); },500); }); var yessing = false; // click YES -------------------o $('.yes').click( function() { if (yessing) return; yessing = true; var card = this.closest('.card'); absolutize( card ); $(".yay-card").show(); $(".yay-card").css({ "transition-duration": '0s', "width": "303px", "margin-right": "20px", "margin-left": "5px", "transform": "scale(1.0)" }).css({ "transition-duration": '450ms', }); $("#pin-blank").css({ border:"0", background:"#00000000", boxShadow: "none", width:"0", margin:"0" }); setTimeout(function() { $(card).animate( { top: "+=550" }, 1000); $(card).animate( { 'boxShadowColor': '#f00' }, 500); //$(card).animate( //{ // 'boxShadowColor': '#0f0' //}, 500); $("#pin-blank").animate( { width: "303px", "margin-left": "25px" }); $(card).css({ 'transform': 'scale(1.2)', 'z-index': '6' }); }, 1); setTimeout(function() { $(card).css('transform', 'scale(1.0)'); }, 700 ); setTimeout(function() { $(".yay-card").css('transform', 'scale(0.1)'); $(".yay-card").animate( { width: "0px", "margin-right": "0px", "margin-left": "0px", }, 500); $(card).detach().insertAfter("#pin-blank"); $(card).css({ position: 'relative', top: '0', left: '0', transform: 'scale(1)', }); $("#pin-blank").css( { width: "0", "margin-left": "0" }); }, 2000 ); setTimeout(function() { $(".yay-card").hide(); }, 2500 ); setTimeout(function() { var it = $(".pin-game article:nth-child(2) .card-header"); $(it).css('background','orange'); }, 3000 ); setTimeout(function() { var it = $(".pin-game article:nth-child(2) .card-header"); $(it).css('background','white'); $(card).css({ 'z-index': '1' }); yessing = false; },3500); });// .yes.click() $(".no").click( function() { var card = this.closest('.card'); //$(card).css('transform', 'scale(0.1)'); $(card).animate({ top: '-=500px' },500); setTimeout(function() { $(card).animate({ width: '0', marginLeft: '0', marginRight: '0' },500); },250); setTimeout(function() { $(card).hide(); }, 1000); }); // .no.click()
}); // document.ready()
function absolutize(selector_expression) { element = jQuery(selector_expression).eq(0); if (element.css('position') == 'absolute') { return element; } element.css({ position: 'absolute', top: element.offset().top + 'px', left: element.offset().left + 'px', width: element.width() + 'px', height: element.height() + 'px' }); return element;
}
function initCopyMes()
{ $(".copy-me").each( function() { var count = $(this).attr('times'); copyMe(this, count) });
}
function copyMe( el, times )
{ var it = $(el); for(var i=0;i<times;i++) { it.clone().insertAfter(it); }
}
function setCount()
{ var i = 1; $(".count").each( function() { $(this).text('' + i++); });
}
Pin Game1 - Script Codes
Pin Game1 - Script Codes
Home Page Home
Developer Ken Lane
Username kenlane22
Uploaded October 21, 2022
Rating 3
Size 15,973 Kb
Views 20,240
Do you need developer help for Pin Game1?

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!

Ken Lane (kenlane22) Script Codes
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!