<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
div id="table">
div style="background:#9fc5e8">
<script type="text/javascript" src="modules_control.js"></script>
<script type="text/javascript">
AddModule("NewScript1.js");
AddModule("NewScript2.js");
AddModule("NewScript3.js");
</script>
</div>
@import '../../shared/mixins',
'../../shared/reset',
'../../shared/about-dark';
/*
* Copyright (c) 2013 Thibaut Courouble
* http://www.cssflow.com
*
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/
html, body { min-height: 100%; }
body {
font: 13px/20px 'Lucida Grande', Verdana, sans-serif;
color: #404040;
background: #9aa8b2;
@include radial-gradient(circle cover, #aeb8c1, #8c979f 80%);
}
.container {
margin: 80px auto;
padding: 20px;
text-align: center;
background: #f5f5f5;
@include linear-gradient(top, #fdfdfd, #eee);
@include box-shadow(inset 0 1px white,
inset 0 -1px rgba(white, .6),
0 1px 3px rgba(black, .1),
0 0 1px 1px rgba(black, .08));
}
.button {
display: inline-block;
vertical-align: top;
min-width: 60px;
line-height: 35px;
padding: 0 20px;
color: white;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 1px rgba(black, .2);
background: #8c96a4;
border: 1px solid;
border-color: #8c8f9a #78828b #6e6e6e;
@include linear-gradient(top, #a9b5c4, #848d9b 90%);
@include box-shadow(inset 0 1px rgba(white, .15),
inset 0 0 1px 1px rgba(white, .15),
0 1px 1px rgba(black, .1));
&:first-child { border-radius: 3px 0 0 3px; }
&:last-child { border-radius: 0 3px 3px 0; }
&:only-child { border-radius: 3px; }
& + & {
position: relative;
margin-left: -1px;
}
&:active {
background: #848d9b;
border-color: #6e6e6e #78828b #78828b;
@include box-shadow(inset 0 1px 2px rgba(black, .1),
0 1px rgba(white, .3));
}
}
.button-blue {
background: #6990d1;
border-color: #687ebb #5f74a6 #4e6198;
@include linear-gradient(top, #8eb7e0, #5f85cc 90%);
&:active {
background: #5f85cc;
border-color: #4e6198 #5f74a6 #5f74a6;
}
}
/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Anthony Corbelli | http://www.htmlgoodies.com/ */
// This function returns a collection of elements, an array of 1 is still an array.
var cHead = document.getElementsByTagName("head");
// Select the first element (remember, indexed arrays start at 0 not 1).
var hHead = cHead[0];
// Takes the Javascript file name and adds it to the document as a script
function AddModule(mFileName) {
var sTag = document.createElement("script"); // Create a SCRIPT tag
sTag.setAttribute("src", mFileName); // Set the SCRIPT src=mFileName
sTag.setAttribute("type", "text/javascript"); // set the SCRIPT type="text/javascript"
hHead.appendChild(sTag); // Add it to your header section (parsed and run immediately)
}
