loading toolbox
This commit is contained in:
Jesus Herman
73
index.html
73
index.html
@@ -10,7 +10,8 @@
|
||||
<title>Bootstrap Layout</title>
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="css/bootstrap-combined.min.css" rel="stylesheet">
|
||||
<!-- <link href="css/bootstrap-combined.min.css" rel="stylesheet"> -->
|
||||
<link rel="stylesheet" href="https://d23nuec95rapgw.cloudfront.net/apps/front_end/assets/ui_toolbox/main-67121e1c236c4e6e808a64009b92cc7851813910fee5e66185ebbf45d7ee9756.css">
|
||||
<link href="css/layoutit.css" rel="stylesheet">
|
||||
<link href="css/docs.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
||||
@@ -42,7 +43,7 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="min-height: 660px; cursor: auto;" class="edit">
|
||||
<body style="min-height: 660px; cursor: auto;" class="edit toolbox-reset">
|
||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
@@ -71,7 +72,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -192,10 +193,10 @@
|
||||
<div class="span12 column">
|
||||
<div class="row-fluid clearfix">
|
||||
<div class="span6 column">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="span6 column">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -215,7 +216,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<li style="display: none;" class="boxes" id="elmBase">
|
||||
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
|
||||
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
|
||||
<span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">Align <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="active"><a href="#" rel="">Default</a></li>
|
||||
@@ -632,48 +633,48 @@
|
||||
</div>
|
||||
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span><span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> </span>
|
||||
<div class="preview">Color <span class="label label-important">NEW!</span></div>
|
||||
<div class="view">
|
||||
<div class="view">
|
||||
<style>
|
||||
.color-swatches .brand-primary
|
||||
{
|
||||
background-color: #428BCA;
|
||||
}
|
||||
.color-swatches .brand-success
|
||||
}
|
||||
.color-swatches .brand-success
|
||||
{
|
||||
background-color: #5CB85C;
|
||||
}
|
||||
.color-swatches .brand-info
|
||||
}
|
||||
.color-swatches .brand-info
|
||||
{
|
||||
background-color: #5BC0DE;
|
||||
}
|
||||
.color-swatches .brand-warning
|
||||
.color-swatches .brand-warning
|
||||
{
|
||||
background-color: #F0AD4E;
|
||||
}
|
||||
.color-swatches .brand-danger
|
||||
.color-swatches .brand-danger
|
||||
{
|
||||
background-color: #D9534F;
|
||||
}
|
||||
.color-swatches .gray-darker
|
||||
.color-swatches .gray-darker
|
||||
{
|
||||
background-color: #222222;
|
||||
}
|
||||
.color-swatches .gray-dark
|
||||
}
|
||||
.color-swatches .gray-dark
|
||||
{
|
||||
background-color: #333333;
|
||||
}
|
||||
.color-swatches .gray
|
||||
.color-swatches .gray
|
||||
{
|
||||
background-color: #555555;
|
||||
}
|
||||
.color-swatches .gray-light
|
||||
.color-swatches .gray-light
|
||||
{
|
||||
background-color: #999999;
|
||||
}
|
||||
.color-swatches .gray-lighter
|
||||
.color-swatches .gray-lighter
|
||||
{
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="bs-example">
|
||||
<div class="color-swatches">
|
||||
@@ -1015,7 +1016,7 @@
|
||||
<li class="" ><a href="#" rel="panel-danger">Danger</a></li>
|
||||
</ul>
|
||||
</span>
|
||||
|
||||
|
||||
</span>-->
|
||||
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <span class="btn-group"> <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">Styles <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
@@ -1860,15 +1861,15 @@
|
||||
<div class="popover-content">DRAG & DROP THE ELEMENTS INSIDE THE COLUMNS WHERE YOU WANT TO INSERT IT. AND FROM THERE, YOU CAN CONFIGURE THE STYLE OF THAT JAVASCRIPT. IF YOU NEED MORE INFO PLEASE VISIT <a target="_blank" href="http://twitter.github.io/bootstrap/javascript.html">JAVASCRIPT.</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
<li style="display: none;" class="boxes mute" id="elmJS">
|
||||
<div class="box box-element ui-draggable"> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span>
|
||||
<div class="preview">Modal</div>
|
||||
<div class="view">
|
||||
<!-- Button to trigger modal -->
|
||||
<a id="myModalLink" href="#myModalContainer" role="button" class="btn" data-toggle="modal" contenteditable="true">Launch Demo Modal</a>
|
||||
|
||||
<div class="view">
|
||||
<!-- Button to trigger modal -->
|
||||
<a id="myModalLink" href="#myModalContainer" role="button" class="btn" data-toggle="modal" contenteditable="true">Launch Demo Modal</a>
|
||||
|
||||
<!-- Modal -->
|
||||
<div id="myModalContainer" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
@@ -1929,10 +1930,10 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.nav-collapse -->
|
||||
<!-- /.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /navbar-inner -->
|
||||
<!-- /navbar-inner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2037,7 +2038,7 @@
|
||||
</div>
|
||||
<!--/span-->
|
||||
<div class="demo ui-sortable" style="min-height: 304px; ">
|
||||
|
||||
|
||||
<div class="lyrow">
|
||||
<a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>remove</a>
|
||||
<span class="drag label"><i class="icon-move"></i>drag</span>
|
||||
@@ -2045,7 +2046,7 @@
|
||||
<div class="view">
|
||||
<div class="row-fluid clearfix">
|
||||
<div class="span12 column ui-sortable">
|
||||
|
||||
|
||||
<div class="box box-element ui-draggable" style="display: block; "> <a href="#close" class="remove label label-important"><i class="icon-remove icon-white"></i>Remove</a> <span class="drag label"><i class="icon-move"></i>Drag</span> <span class="configuration"><button type="button" class="btn btn-mini" data-target="#editorModal" role="button" data-toggle="modal">Editor</button> <a class="btn btn-mini" href="#" rel="well">Well</a> </span>
|
||||
<div class="preview">Jumbotron</div>
|
||||
<div class="view">
|
||||
@@ -2053,7 +2054,7 @@
|
||||
<h1>Hello, world!</h1>
|
||||
<p>This is a template for a simple marketing or informational website.</p>
|
||||
<p> It includes a large callout called the hero unit and three supporting pieces of content.</p>
|
||||
Use it as a starting point to create something more unique.</p>
|
||||
Use it as a starting point to create something more unique.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2062,19 +2063,19 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<!-- end demo -->
|
||||
<!--/span-->
|
||||
|
||||
|
||||
<div id="download-layout">
|
||||
<div class="container-fluid"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/row-->
|
||||
<!--/row-->
|
||||
</div>
|
||||
<!--/.fluid-container-->
|
||||
<!--/.fluid-container-->
|
||||
<div class="modal hide fade" role="dialog" id="editorModal">
|
||||
<div class="modal-header"> <a class="close" data-dismiss="modal">×</a>
|
||||
<h3>Save your Layout</h3>
|
||||
|
||||
Reference in New Issue
Block a user