mirror of https://github.com/ColorlibHQ/AdminLTE
Reorganized color palette
Abdullah Almsaeed
parent
5f18b60e56
commit
174be54e9b
|
|
@ -10,7 +10,7 @@
|
|||
<link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Theme style -->
|
||||
<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. -->
|
||||
<link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
|
|
@ -460,7 +460,7 @@
|
|||
<li class="active">Blank page</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<!-- COLOR PALETTE -->
|
||||
|
|
@ -521,27 +521,11 @@
|
|||
</div><!-- /.row -->
|
||||
<div class='row'>
|
||||
<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='bg-purple disabled color-palette'><span>Disabled</span></div>
|
||||
<div class='bg-purple color-palette'><span>#605ca8</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'>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 class='bg-navy disabled color-palette'><span>Disabled</span></div>
|
||||
<div class='bg-navy color-palette'><span>#001F3F</span></div>
|
||||
<div class='bg-navy-active color-palette'><span>Active</span></div>
|
||||
</div>
|
||||
</div><!-- /.col -->
|
||||
<div class='col-sm-4 col-md-2'>
|
||||
|
|
@ -553,11 +537,27 @@
|
|||
</div>
|
||||
</div><!-- /.col -->
|
||||
<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='bg-navy disabled color-palette'><span>Disabled</span></div>
|
||||
<div class='bg-navy color-palette'><span>#001F3F</span></div>
|
||||
<div class='bg-navy-active color-palette'><span>Active</span></div>
|
||||
<div class='bg-purple disabled color-palette'><span>Disabled</span></div>
|
||||
<div class='bg-purple color-palette'><span>#605ca8</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><!-- /.col -->
|
||||
<div class='col-sm-4 col-md-2'>
|
||||
|
|
@ -581,12 +581,12 @@
|
|||
<h3 class="box-title">Alerts</h3>
|
||||
</div><!-- /.box-header -->
|
||||
<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">×</button>
|
||||
<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.
|
||||
</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">×</button>
|
||||
<h4><i class="icon fa fa-info"></i> Alert!</h4>
|
||||
Info alert preview. This alert is dismissable.
|
||||
|
|
@ -598,7 +598,7 @@
|
|||
</div>
|
||||
<div class="alert alert-success alert-dismissable">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</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.
|
||||
</div>
|
||||
</div><!-- /.box-body -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue