Fixed the index.html
fix
This commit is contained in:
Francesco Malagrino
72
index.html
72
index.html
@@ -74,7 +74,7 @@ body .modal {
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.nav-collapse -->
|
||||
<!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -195,10 +195,10 @@ body .modal {
|
||||
<div class="span12 column">
|
||||
<div class="row-fluid clearfix">
|
||||
<div class="span6 column">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="span6 column">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -218,7 +218,7 @@ body .modal {
|
||||
</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>
|
||||
@@ -635,48 +635,48 @@ body .modal {
|
||||
</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">
|
||||
@@ -1018,7 +1018,7 @@ body .modal {
|
||||
<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">
|
||||
@@ -1863,15 +1863,15 @@ body .modal {
|
||||
<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">
|
||||
@@ -1932,10 +1932,10 @@ body .modal {
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.nav-collapse -->
|
||||
<!-- /.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /navbar-inner -->
|
||||
<!-- /navbar-inner -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2040,7 +2040,7 @@ body .modal {
|
||||
</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>
|
||||
@@ -2048,7 +2048,7 @@ body .modal {
|
||||
<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">
|
||||
@@ -2056,7 +2056,7 @@ body .modal {
|
||||
<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>
|
||||
@@ -2065,19 +2065,19 @@ body .modal {
|
||||
</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>
|
||||
@@ -2111,7 +2111,6 @@ body .modal {
|
||||
<script>
|
||||
function resizeCanvas(size)
|
||||
{
|
||||
|
||||
var containerID = document.getElementsByClassName("changeDimension");
|
||||
var containerDownload = document.getElementById("download-layout").getElementsByClassName("container-fluid")[0];
|
||||
var row = document.getElementsByClassName("demo ui-sortable");
|
||||
@@ -2143,10 +2142,7 @@ $(containerID).attr('id', "XS");
|
||||
$(row).attr('id', "XS");
|
||||
$(container1).attr('id', "XS");
|
||||
$(containerDownload).attr('id', "XS");
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user