<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="rc40w1 oform oform-initialized">
<div class="rc40w5 hide">
<div class="rc40w3">
<ul class="chk-ul oform-w1 ovalid rc40open">
<li><label for="5A0B0A9213D344628F4BBA4029291F4E"><input type="checkbox"
id="5A0B0A9213D344628F4BBA4029291F4E"
name="5A0B0A9213D344628F4BBA4029291F4E"
value="5A0B0A9213D344628F4BBA4029291F4E"
class=" "><span class="obox"></span><span
class="rc40label">Infrastructure</span></label>
</li>
</ul>
</div>
</div>
</body>
</html>
/*! RC66 */
/*! RC67 */
/*! U24 - REDWOOD */
/*! CG14 */div.sharewidget{display:none;position:relative;z-index:1;clear:both;float:left}.js div.sharewidget{display:block}div.sharewidget a.sharewidget{width:2em;height:1.825em;display:block;overflow:hidden}div.sharewidget a.sharewidget span{visibility:hidden}a.sharewidget{position:relative}div.sharewidget div.icn-share:before,div.sharewidget div.icn-share-alt:before{z-index:2;position:absolute}div.sharewidget div.icn-share,div.sharewidget div.icn-share-alt{text-decoration:none}div.sharewidget div.icn-share:before,div.sharewidget div.icn-share-alt:before{height:100%;text-decoration:none}
/*! CG19 */
/*! CG21 - REDWOOD */input::input-placeholder{color:#C6C1BD}input:input-placeholder{color:#C6C1BD !important}input::placeholder{color:#C6C1BD}input:focus::input-placeholder{color:transparent}input:focus:input-placeholder{color:transparent !important}input:focus::placeholder{color:transparent}input:focus::datetime-edit-text,input:focus::datetime-edit-month-field,input:focus::datetime-edit-day-field,input:focus::datetime-edit-year-field,.ovalid ::datetime-edit-text,.ovalid ::datetime-edit-month-field,.ovalid ::datetime-edit-day-field,.ovalid ::datetime-edit-year-field{color:#3A3632}.rtl .oform .chk-ul li>label span:last-of-type{padding-right:1.75em}.oform{text-size-adjust:100%;opacity:0;font-size:1.8rem}.oform.oform-initialized{transition:opacity 200ms;opacity:1}.oform label{display:flexbox;display:flex;flex-direction:row;flex-wrap:none;flex-flow:row nowrap;flex-pack:justify;justify-content:space-between;flex-align:end;align-items:flex-end;min-height:26px;max-width:100%;margin-top:1em;margin-bottom:.2em !important;font-size:0.9em}.oform span.oinput{width:100%;display:inline-block;box-shadow:0 0 4px 0 rgba(26,24,22,0.1),0 1px 2px 0 rgba(26,24,22,0.2);border-radius:4px;padding:0;background:#fff}.oform span.oinput>.oinput{box-shadow:none;border-radius:0;padding:0}.oform input[type="text"],.oform input[type="number"],.oform input[type="date"]{display:inline-block;width:100%;height:2.3em;padding:0 0.8em;margin:.35em 0;font-family:inherit;font-size:1em;line-height:1;color:#3A3632;border:0;border-left:2px solid transparent;background-color:#fff;outline:0;caret-color:#C6C1BD;transition:color 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.rtl .oform input[type="text"],.rtl .oform input[type="number"],.rtl .oform input[type="date"]{border-right:2px solid transparent;border-left:0}.oform input[type="text"]:focus,.oform input[type="number"]:focus,.oform input[type="date"]:focus{color:#3A3632 !important;background-color:#fff;border-color:#6F915D;outline-offset:0}.oform input[type="text"]:invalid,.oform input[type="number"]:invalid,.oform input[type="date"]:invalid{outline:0;border-color:transparent}.oform input[type="text"]:invalid:focus,.oform input[type="number"]:invalid:focus,.oform input[type="date"]:invalid:focus{outline:0;border-color:#6F915D}.oform input[type="date"]{display:inline-flex;appearance:none}.oform .oform-w1{z-index:1;width:100%;position:relative;display:inline-block;padding:0 .1em}.oform .oform-w1.ovalid label:before{opacity:0}.oform .oform-w1.ovalid input,.oform .oform-w1.ovalid select{color:#3A3632}.oform select{width:100%;height:2.5em;padding:0 2.8em 0 0.8em;margin:.35em 0;z-index:1;background-color:#fff;border:0px;border-radius:0;outline:0;border-left:2px solid transparent;font-size:1em;font-family:inherit;appearance:none;appearance:none;appearance:none}.rtl .oform select{padding:0 0.8em 0 0;border-right:2px solid transparent;border-left:0}.oform select:focus{color:#3A3632 !important;background-color:#fff;border-color:#6F915D;outline-offset:0}.oform .chk-ul{border-top:1px solid #C6C1BD;padding-left:0.5em;padding-bottom:0.5em;margin-top:1em}.oform .chk-ul:before,.oform .chk-ul:not(.oagree) li>label:before{display:none !important}.oform .chk-ul label{flex-pack:start;justify-content:flex-start;flex-align:center;align-items:center;margin-top:0.5em}.oform .chk-ul li{padding-left:1em}.oform .chk-ul li>label{position:relative;color:#3A3632}.oform .chk-ul li>label span:last-of-type{display:block;flex:0 1 auto;flex:0 1 auto;padding-left:1.75em}.oform .chk-ul input{appearance:none;appearance:none;appearance:none;position:absolute;z-index:1;width:14px;height:14px;top:5px;opacity:0}.oform .chk-ul input+.obox{display:flexbox;display:flex;flex-direction:row;flex-wrap:none;flex-flow:row nowrap;flex-pack:center;justify-content:center;flex-align:center;align-items:center;flex:0 0 14px;flex:0 0 14px;position:absolute;top:5px;z-index:-1;pointer-events:none;width:14px;height:14px;max-width:14px;border:1px solid #C6C1BD;border-radius:0;background-color:#fff;box-shadow:0px 0px 0px -10px rgba(0,0,0,0.2);transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1)}:root .chk-ul input+.obox{top:11px}.oform .chk-ul input+.obox:before{flex:0 0 16px;flex:0 0 16px;font-family:'oracleicons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-smoothing:antialiased;osx-font-smoothing:grayscale;font-family:'redwoodicons' !important;content:"\f1be";display:block;color:#fff;font-size:16px;transform-origin:50% 48%;will-change:transform;transform:translateZ(0) scale(0);transform:translateZ(0) scale(0);transform:translateZ(0) scale(0);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}:root input+.obox{transform:translateY(-0.5em)}:root input+.obox:before{position:relative;left:-2px}.oform .chk-ul input+.obox:after{content:'';position:absolute;top:-1px;left:-1px;display:block;width:14px;height:14px;z-index:-1;border-radius:50%;background:rgba(198,193,189,0.3);transform:scale(0);transform:scale(0);transform:scale(0)}.oform .chk-ul input:focus+.obox{box-shadow:0 0 4px 0 rgba(26,24,22,0.1),0 1px 2px 0 rgba(26,24,22,0.2);outline:1px solid #6F915D;outline-offset:-1px}.oform .chk-ul input:active+.obox,.oform .chk-ul input:checked+.obox{background-color:#6F915D;border-color:#6F915D}.oform .chk-ul input:active+.obox:before,.oform .chk-ul input:checked+.obox:before{transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.oform .chk-ul input:checked+.obox:after{background:rgba(111,145,93,0.2)}.oform .chk-ul input.active+.obox:after{animation:0.6s cubic-bezier(0.4, 0, 0.2, 1) inked forwards}.oform .chk-ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}@media only screen and (max-width: 450px){.oform label{margin-top:0.5em}.oform .chk-ul label{margin-top:0}}@keyframes inked{0%{opacity:0}40%{opacity:1}80%{transform:scale(2.5);transform:scale(2.5);transform:scale(2.5)}100%{opacity:0;transform:scale(2.5);transform:scale(2.5);transform:scale(2.5)}}
/*! F22 */
/*! INFO *//*!
######################################################
Output
This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account
Dismiss xKeyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |