github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Reorganized color palette

pull/556/head^2
Abdullah Almsaeed 2015-02-16 00:44:30 -05:00
parent 5f18b60e56
commit 174be54e9b
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
pages/UI/general.html
View File

@ -10,7 +10,7 @@
<link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style --> <!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins <!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. --> folder instead of downloading all of them to reduce the load. -->
<link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" /> <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
@ -460,7 +460,7 @@
<li class="active">Blank page</li> <li class="active">Blank page</li>
</ol> </ol>
</section> </section>
<!-- Main content --> <!-- Main content -->
<section class="content"> <section class="content">
<!-- COLOR PALETTE --> <!-- COLOR PALETTE -->
@ -521,27 +521,11 @@
</div><!-- /.row --> </div><!-- /.row -->
<div class='row'> <div class='row'>
<div class='col-sm-4 col-md-2'> <div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Purple</h4> <h4 class='text-center'>Navy</h4>
<div class='color-palette-set'> <div class='color-palette-set'>
<div class='bg-purple disabled color-palette'><span>Disabled</span></div> <div class='bg-navy disabled color-palette'><span>Disabled</span></div>
<div class='bg-purple color-palette'><span>#605ca8</span></div> <div class='bg-navy color-palette'><span>#001F3F</span></div>
<div class='bg-purple-active color-palette'><span>Active</span></div> <div class='bg-navy-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Maroon</h4>
<div class='color-palette-set'>
<div class='bg-maroon disabled color-palette'><span>Disabled</span></div>
<div class='bg-maroon color-palette'><span>#D81B60</span></div>
<div class='bg-maroon-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Orange</h4>
<div class='color-palette-set'>
<div class='bg-orange disabled color-palette'><span>Disabled</span></div>
<div class='bg-orange color-palette'><span>#00a65a</span></div>
<div class='bg-orange-active color-palette'><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class='col-sm-4 col-md-2'>
@ -553,11 +537,27 @@
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Navy</h4> <h4 class='text-center'>Purple</h4>
<div class='color-palette-set'> <div class='color-palette-set'>
<div class='bg-navy disabled color-palette'><span>Disabled</span></div> <div class='bg-purple disabled color-palette'><span>Disabled</span></div>
<div class='bg-navy color-palette'><span>#001F3F</span></div> <div class='bg-purple color-palette'><span>#605ca8</span></div>
<div class='bg-navy-active color-palette'><span>Active</span></div> <div class='bg-purple-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Orange</h4>
<div class='color-palette-set'>
<div class='bg-orange disabled color-palette'><span>Disabled</span></div>
<div class='bg-orange color-palette'><span>#00a65a</span></div>
<div class='bg-orange-active color-palette'><span>Active</span></div>
</div>
</div><!-- /.col -->
<div class='col-sm-4 col-md-2'>
<h4 class='text-center'>Maroon</h4>
<div class='color-palette-set'>
<div class='bg-maroon disabled color-palette'><span>Disabled</span></div>
<div class='bg-maroon color-palette'><span>#D81B60</span></div>
<div class='bg-maroon-active color-palette'><span>Active</span></div>
</div> </div>
</div><!-- /.col --> </div><!-- /.col -->
<div class='col-sm-4 col-md-2'> <div class='col-sm-4 col-md-2'>
@ -581,12 +581,12 @@
<h3 class="box-title">Alerts</h3> <h3 class="box-title">Alerts</h3>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="alert alert-danger alert-dismissable"> <div class="alert alert-danger alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<h4><i class="icon fa fa-ban"></i> Alert!</h4> <h4><i class="icon fa fa-ban"></i> Alert!</h4>
Danger alert preview. This alert is dismissable. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. Danger alert preview. This alert is dismissable. A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
</div> </div>
<div class="alert alert-info alert-dismissable"> <div class="alert alert-info alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<h4><i class="icon fa fa-info"></i> Alert!</h4> <h4><i class="icon fa fa-info"></i> Alert!</h4>
Info alert preview. This alert is dismissable. Info alert preview. This alert is dismissable.
@ -598,7 +598,7 @@
</div> </div>
<div class="alert alert-success alert-dismissable"> <div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
<h4> <i class="icon fa fa-check"></i> Alert!</h4> <h4> <i class="icon fa fa-check"></i> Alert!</h4>
Success alert preview. This alert is dismissable. Success alert preview. This alert is dismissable.
</div> </div>
</div><!-- /.box-body --> </div><!-- /.box-body -->