Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
AdminLTE
提交
87adc23a
A
AdminLTE
项目概览
知鸟1号
/
AdminLTE
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
AdminLTE
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
87adc23a
编写于
2月 02, 2015
作者:
A
almasaeed2010
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Added colors pallete to general UI
上级
2a35eafb
变更
5
显示空白变更内容
内联
并排
Showing
5 changed file
with
80 addition
and
535 deletion
+80
-535
build/less/miscellaneous.less
build/less/miscellaneous.less
+2
-2
dist/css/AdminLTE.css
dist/css/AdminLTE.css
+2
-2
dist/css/AdminLTE.min.css
dist/css/AdminLTE.min.css
+1
-1
pages/UI/colors.html
pages/UI/colors.html
+0
-529
pages/UI/general.html
pages/UI/general.html
+75
-1
未找到文件。
build/less/miscellaneous.less
浏览文件 @
87adc23a
...
@@ -127,7 +127,7 @@
...
@@ -127,7 +127,7 @@
background-color: darken(@black, 10%)!important;
background-color: darken(@black, 10%)!important;
}
}
.bg-red-active {
.bg-red-active {
background-color: darken(@red ,
7
%)!important;
background-color: darken(@red ,
6
%)!important;
}
}
.bg-yellow-active {
.bg-yellow-active {
background-color: darken(@yellow , 6%)!important;
background-color: darken(@yellow , 6%)!important;
...
@@ -139,7 +139,7 @@
...
@@ -139,7 +139,7 @@
background-color: darken(@blue , 10%)!important;
background-color: darken(@blue , 10%)!important;
}
}
.bg-light-blue-active {
.bg-light-blue-active {
background-color: darken(@light-blue ,
8
%)!important;
background-color: darken(@light-blue ,
6
%)!important;
}
}
.bg-green-active {
.bg-green-active {
background-color: darken(@green , 5%)!important;
background-color: darken(@green , 5%)!important;
...
...
dist/css/AdminLTE.css
浏览文件 @
87adc23a
...
@@ -4970,7 +4970,7 @@ fieldset[disabled] .btn-vk.active {
...
@@ -4970,7 +4970,7 @@ fieldset[disabled] .btn-vk.active {
.bg-red-active
,
.bg-red-active
,
.modal-danger
.modal-header
,
.modal-danger
.modal-header
,
.modal-danger
.modal-footer
{
.modal-danger
.modal-footer
{
background-color
:
#
cf36
24
!important
;
background-color
:
#
d337
24
!important
;
}
}
.bg-yellow-active
,
.bg-yellow-active
,
.modal-warning
.modal-header
,
.modal-warning
.modal-header
,
...
@@ -4988,7 +4988,7 @@ fieldset[disabled] .btn-vk.active {
...
@@ -4988,7 +4988,7 @@ fieldset[disabled] .btn-vk.active {
.bg-light-blue-active
,
.bg-light-blue-active
,
.modal-primary
.modal-header
,
.modal-primary
.modal-header
,
.modal-primary
.modal-footer
{
.modal-primary
.modal-footer
{
background-color
:
#3
2769d
!important
;
background-color
:
#3
57ca5
!important
;
}
}
.bg-green-active
,
.bg-green-active
,
.modal-success
.modal-header
,
.modal-success
.modal-header
,
...
...
dist/css/AdminLTE.min.css
浏览文件 @
87adc23a
因为 它太大了无法显示 source diff 。你可以改为
查看blob
。
pages/UI/colors.html
已删除
100755 → 0
浏览文件 @
2a35eafb
<!DOCTYPE html>
<html>
<head>
<meta
charset=
"UTF-8"
>
<title>
AdminLTE 2 | Dashboard
</title>
<meta
content=
'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
name=
'viewport'
>
<link
href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"
rel=
"stylesheet"
type=
"text/css"
/>
<link
href=
"https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
rel=
"stylesheet"
type=
"text/css"
/>
<!-- Ionicons -->
<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"
/>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<style>
.color-pallete
{
height
:
50px
;
line-height
:
50px
;
text-align
:
center
;
}
.color-pallete-set
{
margin-bottom
:
15px
;
}
.color-pallete
span
{
display
:
none
;
}
.color-pallete
:hover
span
{
display
:
block
;
}
</style>
</head>
<body
class=
"skin-blue"
>
<div
class=
"wrapper"
>
<!-- header logo: style can be found in header.less -->
<header
class=
"main-header"
>
<a
href=
"../../index2.html"
class=
"logo"
>
<!-- Add the class icon to your logo image or logo icon to add the margining -->
AdminLTE
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav
class=
"navbar navbar-static-top"
role=
"navigation"
>
<!-- Sidebar toggle button-->
<a
href=
"#"
class=
"sidebar-toggle"
data-toggle=
"offcanvas"
role=
"button"
>
<span
class=
"sr-only"
>
Toggle navigation
</span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
<span
class=
"icon-bar"
></span>
</a>
<div
class=
"navbar-custom-menu"
>
<ul
class=
"nav navbar-nav"
>
<!-- Messages: style can be found in dropdown.less-->
<li
class=
"dropdown messages-menu"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
<i
class=
"fa fa-envelope-o"
></i>
<span
class=
"label label-success"
>
4
</span>
</a>
<ul
class=
"dropdown-menu"
>
<li
class=
"header"
>
You have 4 messages
</li>
<li>
<!-- inner menu: contains the actual data -->
<ul
class=
"menu"
>
<li>
<!-- start message -->
<a
href=
"#"
>
<div
class=
"pull-left"
>
<img
src=
"../../dist/img/user2-160x160.jpg"
class=
"img-circle"
alt=
"User Image"
/>
</div>
<h4>
Support Team
<small><i
class=
"fa fa-clock-o"
></i>
5 mins
</small>
</h4>
<p>
Why not buy a new awesome theme?
</p>
</a>
</li>
<!-- end message -->
<li>
<a
href=
"#"
>
<div
class=
"pull-left"
>
<img
src=
"../../dist/img/user3-128x128.jpg"
class=
"img-circle"
alt=
"user image"
/>
</div>
<h4>
AdminLTE Design Team
<small><i
class=
"fa fa-clock-o"
></i>
2 hours
</small>
</h4>
<p>
Why not buy a new awesome theme?
</p>
</a>
</li>
<li>
<a
href=
"#"
>
<div
class=
"pull-left"
>
<img
src=
"../../dist/img/user4-128x128.jpg"
class=
"img-circle"
alt=
"user image"
/>
</div>
<h4>
Developers
<small><i
class=
"fa fa-clock-o"
></i>
Today
</small>
</h4>
<p>
Why not buy a new awesome theme?
</p>
</a>
</li>
<li>
<a
href=
"#"
>
<div
class=
"pull-left"
>
<img
src=
"../../dist/img/user3-128x128.jpg"
class=
"img-circle"
alt=
"user image"
/>
</div>
<h4>
Sales Department
<small><i
class=
"fa fa-clock-o"
></i>
Yesterday
</small>
</h4>
<p>
Why not buy a new awesome theme?
</p>
</a>
</li>
<li>
<a
href=
"#"
>
<div
class=
"pull-left"
>
<img
src=
"../../dist/img/user4-128x128.jpg"
class=
"img-circle"
alt=
"user image"
/>
</div>
<h4>
Reviewers
<small><i
class=
"fa fa-clock-o"
></i>
2 days
</small>
</h4>
<p>
Why not buy a new awesome theme?
</p>
</a>
</li>
</ul>
</li>
<li
class=
"footer"
><a
href=
"#"
>
See All Messages
</a></li>
</ul>
</li>
<!-- Notifications: style can be found in dropdown.less -->
<li
class=
"dropdown notifications-menu"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
<i
class=
"fa fa-bell-o"
></i>
<span
class=
"label label-warning"
>
10
</span>
</a>
<ul
class=
"dropdown-menu"
>
<li
class=
"header"
>
You have 10 notifications
</li>
<li>
<!-- inner menu: contains the actual data -->
<ul
class=
"menu"
>
<li>
<a
href=
"#"
>
<i
class=
"ion ion-ios-people info"
></i>
5 new members joined today
</a>
</li>
<li>
<a
href=
"#"
>
<i
class=
"fa fa-warning danger"
></i>
Very long description here that may not fit into the page and may cause design problems
</a>
</li>
<li>
<a
href=
"#"
>
<i
class=
"fa fa-users warning"
></i>
5 new members joined
</a>
</li>
<li>
<a
href=
"#"
>
<i
class=
"ion ion-ios-cart success"
></i>
25 sales made
</a>
</li>
<li>
<a
href=
"#"
>
<i
class=
"ion ion-ios-person danger"
></i>
You changed your username
</a>
</li>
</ul>
</li>
<li
class=
"footer"
><a
href=
"#"
>
View all
</a></li>
</ul>
</li>
<!-- Tasks: style can be found in dropdown.less -->
<li
class=
"dropdown tasks-menu"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
<i
class=
"fa fa-flag-o"
></i>
<span
class=
"label label-danger"
>
9
</span>
</a>
<ul
class=
"dropdown-menu"
>
<li
class=
"header"
>
You have 9 tasks
</li>
<li>
<!-- inner menu: contains the actual data -->
<ul
class=
"menu"
>
<li>
<!-- Task item -->
<a
href=
"#"
>
<h3>
Design some buttons
<small
class=
"pull-right"
>
20%
</small>
</h3>
<div
class=
"progress xs"
>
<div
class=
"progress-bar progress-bar-aqua"
style=
"width: 20%"
role=
"progressbar"
aria-valuenow=
"20"
aria-valuemin=
"0"
aria-valuemax=
"100"
>
<span
class=
"sr-only"
>
20% Complete
</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
<li>
<!-- Task item -->
<a
href=
"#"
>
<h3>
Create a nice theme
<small
class=
"pull-right"
>
40%
</small>
</h3>
<div
class=
"progress xs"
>
<div
class=
"progress-bar progress-bar-green"
style=
"width: 40%"
role=
"progressbar"
aria-valuenow=
"20"
aria-valuemin=
"0"
aria-valuemax=
"100"
>
<span
class=
"sr-only"
>
40% Complete
</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
<li>
<!-- Task item -->
<a
href=
"#"
>
<h3>
Some task I need to do
<small
class=
"pull-right"
>
60%
</small>
</h3>
<div
class=
"progress xs"
>
<div
class=
"progress-bar progress-bar-red"
style=
"width: 60%"
role=
"progressbar"
aria-valuenow=
"20"
aria-valuemin=
"0"
aria-valuemax=
"100"
>
<span
class=
"sr-only"
>
60% Complete
</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
<li>
<!-- Task item -->
<a
href=
"#"
>
<h3>
Make beautiful transitions
<small
class=
"pull-right"
>
80%
</small>
</h3>
<div
class=
"progress xs"
>
<div
class=
"progress-bar progress-bar-yellow"
style=
"width: 80%"
role=
"progressbar"
aria-valuenow=
"20"
aria-valuemin=
"0"
aria-valuemax=
"100"
>
<span
class=
"sr-only"
>
80% Complete
</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
</ul>
</li>
<li
class=
"footer"
>
<a
href=
"#"
>
View all tasks
</a>
</li>
</ul>
</li>
<!-- User Account: style can be found in dropdown.less -->
<li
class=
"dropdown user user-menu"
>
<a
href=
"#"
class=
"dropdown-toggle"
data-toggle=
"dropdown"
>
<img
src=
"../../dist/img/user2-160x160.jpg"
class=
"user-image"
alt=
"User Image"
/>
<span
class=
"hidden-xs"
>
Alexander Pierce
</span>
</a>
<ul
class=
"dropdown-menu"
>
<!-- User image -->
<li
class=
"user-header"
>
<img
src=
"../../dist/img/user2-160x160.jpg"
class=
"img-circle"
alt=
"User Image"
/>
<p>
Alexander Pierce - Web Developer
<small>
Member since Nov. 2012
</small>
</p>
</li>
<!-- Menu Body -->
<li
class=
"user-body"
>
<div
class=
"col-xs-4 text-center"
>
<a
href=
"#"
>
Followers
</a>
</div>
<div
class=
"col-xs-4 text-center"
>
<a
href=
"#"
>
Sales
</a>
</div>
<div
class=
"col-xs-4 text-center"
>
<a
href=
"#"
>
Friends
</a>
</div>
</li>
<!-- Menu Footer-->
<li
class=
"user-footer"
>
<div
class=
"pull-left"
>
<a
href=
"#"
class=
"btn btn-default btn-flat"
>
Profile
</a>
</div>
<div
class=
"pull-right"
>
<a
href=
"#"
class=
"btn btn-default btn-flat"
>
Sign out
</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside
class=
"left-side"
>
<!-- sidebar: style can be found in sidebar.less -->
<section
class=
"sidebar"
>
<!-- Sidebar user panel -->
<div
class=
"user-panel"
>
<div
class=
"pull-left image"
>
<img
src=
"../../dist/img/user2-160x160.jpg"
class=
"img-circle"
alt=
"User Image"
/>
</div>
<div
class=
"pull-left info"
>
<p>
Alexander Pierce
</p>
<a
href=
"#"
><i
class=
"fa fa-circle text-success"
></i>
Online
</a>
</div>
</div>
<!-- search form -->
<form
action=
"#"
method=
"get"
class=
"sidebar-form"
>
<div
class=
"input-group"
>
<input
type=
"text"
name=
"q"
class=
"form-control"
placeholder=
"Search..."
/>
<span
class=
"input-group-btn"
>
<button
type=
'submit'
name=
'seach'
id=
'search-btn'
class=
"btn btn-flat"
><i
class=
"fa fa-search"
></i></button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul
class=
"sidebar-menu"
>
<li
class=
"header"
>
MAIN NAVIGATION
</li>
<li
class=
"treeview"
>
<a
href=
"#"
>
<i
class=
"fa fa-dashboard"
></i>
<span>
Dashboard
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"../../index.html"
><i
class=
"fa fa-angle-double-right"
></i>
Dashboard v1
</a></li>
<li><a
href=
"../../index2.html"
><i
class=
"fa fa-angle-double-right"
></i>
Dashboard v2
</a></li>
</ul>
</li>
<li>
<a
href=
"../widgets.html"
>
<i
class=
"fa fa-th"
></i>
<span>
Widgets
</span>
<small
class=
"label pull-right bg-green"
>
new
</small>
</a>
</li>
<li
class=
"treeview"
>
<a
href=
"#"
>
<i
class=
"fa fa-bar-chart-o"
></i>
<span>
Charts
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"../charts/morris.html"
><i
class=
"fa fa-angle-double-right"
></i>
Morris
</a></li>
<li><a
href=
"../charts/flot.html"
><i
class=
"fa fa-angle-double-right"
></i>
Flot
</a></li>
<li><a
href=
"../charts/inline.html"
><i
class=
"fa fa-angle-double-right"
></i>
Inline charts
</a></li>
</ul>
</li>
<li
class=
"treeview active"
>
<a
href=
"#"
>
<i
class=
"fa fa-laptop"
></i>
<span>
UI Elements
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"general.html"
><i
class=
"fa fa-angle-double-right"
></i>
General
</a></li>
<li><a
href=
"icons.html"
><i
class=
"fa fa-angle-double-right"
></i>
Icons
</a></li>
<li><a
href=
"buttons.html"
><i
class=
"fa fa-angle-double-right"
></i>
Buttons
</a></li>
<li><a
href=
"sliders.html"
><i
class=
"fa fa-angle-double-right"
></i>
Sliders
</a></li>
<li><a
href=
"timeline.html"
><i
class=
"fa fa-angle-double-right"
></i>
Timeline
</a></li>
<li
class=
"active"
><a
href=
"modals.html"
><i
class=
"fa fa-angle-double-right"
></i>
Modals
</a></li>
<li><a
href=
"modals.html"
><i
class=
"fa fa-angle-double-right"
></i>
Modals
</a></li>
</ul>
</li>
<li
class=
"treeview"
>
<a
href=
"#"
>
<i
class=
"fa fa-edit"
></i>
<span>
Forms
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"../forms/general.html"
><i
class=
"fa fa-angle-double-right"
></i>
General Elements
</a></li>
<li><a
href=
"../forms/advanced.html"
><i
class=
"fa fa-angle-double-right"
></i>
Advanced Elements
</a></li>
<li><a
href=
"../forms/editors.html"
><i
class=
"fa fa-angle-double-right"
></i>
Editors
</a></li>
</ul>
</li>
<li
class=
"treeview"
>
<a
href=
"#"
>
<i
class=
"fa fa-table"
></i>
<span>
Tables
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"../tables/simple.html"
><i
class=
"fa fa-angle-double-right"
></i>
Simple tables
</a></li>
<li><a
href=
"../tables/data.html"
><i
class=
"fa fa-angle-double-right"
></i>
Data tables
</a></li>
</ul>
</li>
<li>
<a
href=
"../calendar.html"
>
<i
class=
"fa fa-calendar"
></i>
<span>
Calendar
</span>
<small
class=
"label pull-right bg-red"
>
3
</small>
</a>
</li>
<li>
<a
href=
"../mailbox.html"
>
<i
class=
"fa fa-envelope"
></i>
<span>
Mailbox
</span>
<small
class=
"label pull-right bg-yellow"
>
12
</small>
</a>
</li>
<li
class=
"treeview"
>
<a
href=
"#"
>
<i
class=
"fa fa-folder"
></i>
<span>
Examples
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"../examples/invoice.html"
><i
class=
"fa fa-angle-double-right"
></i>
Invoice
</a></li>
<li><a
href=
"../examples/login.html"
><i
class=
"fa fa-angle-double-right"
></i>
Login
</a></li>
<li><a
href=
"../examples/register.html"
><i
class=
"fa fa-angle-double-right"
></i>
Register
</a></li>
<li><a
href=
"../examples/lockscreen.html"
><i
class=
"fa fa-angle-double-right"
></i>
Lockscreen
</a></li>
<li><a
href=
"../examples/404.html"
><i
class=
"fa fa-angle-double-right"
></i>
404 Error
</a></li>
<li><a
href=
"../examples/500.html"
><i
class=
"fa fa-angle-double-right"
></i>
500 Error
</a></li>
<li><a
href=
"../examples/blank.html"
><i
class=
"fa fa-angle-double-right"
></i>
Blank Page
</a></li>
</ul>
</li>
<li
class=
"treeview"
>
<a
href=
"#"
>
<i
class=
"fa fa-share"
></i>
<span>
Multilevel
</span>
<i
class=
"fa fa-angle-left pull-right"
></i>
</a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level One
</a></li>
<li>
<a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level One
<i
class=
"fa fa-angle-left pull-right"
></i></a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level Two
</a></li>
<li>
<a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level Two
<i
class=
"fa fa-angle-left pull-right"
></i></a>
<ul
class=
"treeview-menu"
>
<li><a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level Three
</a></li>
<li><a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level Three
</a></li>
</ul>
</li>
</ul>
</li>
<li><a
href=
"#"
><i
class=
"fa fa-angle-double-right"
></i>
Level One
</a></li>
</ul>
</li>
<li><a
href=
"../../documentation/index.html"
><i
class=
"fa fa-book"
></i>
Documentation
</a></li>
<li
class=
"header"
>
LABELS
</li>
<li><a
href=
"#"
><i
class=
"fa fa-circle-o text-danger"
></i>
Important
</a></li>
<li><a
href=
"#"
><i
class=
"fa fa-circle-o text-warning"
></i>
Warning
</a></li>
<li><a
href=
"#"
><i
class=
"fa fa-circle-o text-info"
></i>
Information
</a></li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Right side column. Contains the navbar and content of the page -->
<div
class=
"content-wrapper"
>
<!-- Content Header (Page header) -->
<section
class=
"content-header"
>
<h1>
Colors
<small>
explore the AdminLTE's color pallete
</small>
</h1>
<ol
class=
"breadcrumb"
>
<li><a
href=
"#"
><i
class=
"fa fa-dashboard"
></i>
Home
</a></li>
<li><a
href=
"#"
>
UI
</a></li>
<li
class=
"active"
>
Buttons
</li>
</ol>
</section>
<!-- Main content -->
<section
class=
"content"
>
<div
class=
'box box-default'
>
<div
class=
'box-header'
>
<h3
class=
'box-title'
>
Color Pallete
</h3>
</div>
<div
class=
'box-body'
>
<div
class=
'row'
>
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Primary
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-light-blue disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-light-blue color-pallete'
><span>
#3c8dbc
</span></div>
<div
class=
'bg-light-blue-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Info
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-aqua disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-aqua color-pallete'
><span>
#00c0ef
</span></div>
<div
class=
'bg-aqua-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Success
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-green disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-green color-pallete'
><span>
#00a65a
</span></div>
<div
class=
'bg-green-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Warning
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-yellow disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-yellow color-pallete'
><span>
#f39c12
</span></div>
<div
class=
'bg-yellow-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Danger
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-red disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-red color-pallete'
><span>
#f56954
</span></div>
<div
class=
'bg-red-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Gray
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-gray disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-gray color-pallete'
><span>
#d2d6de
</span></div>
<div
class=
'bg-gray-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.box-body -->
</div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer
class=
"main-footer"
>
<div
class=
"pull-right hidden-xs"
>
<b>
Version
</b>
2.0
</div>
<strong>
Copyright
©
2014-2015
<a
href=
"http://almsaeedstudio.com"
>
Almsaeed Studio
</a>
.
</strong>
All rights reserved.
</footer>
</div>
<!-- ./wrapper -->
<script
src=
"http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
></script>
<script
src=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"
type=
"text/javascript"
></script>
<!-- AdminLTE App -->
<script
src=
"../../dist/js/app.min.js"
type=
"text/javascript"
></script>
<!-- AdminLTE for demo purposes -->
<script
src=
"../../dist/js/demo.js"
type=
"text/javascript"
></script>
</body>
</html>
pages/UI/general.html
浏览文件 @
87adc23a
...
@@ -17,6 +17,23 @@
...
@@ -17,6 +17,23 @@
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<![endif]-->
<style>
.color-pallete
{
height
:
50px
;
line-height
:
50px
;
text-align
:
center
;
}
.color-pallete-set
{
margin-bottom
:
15px
;
}
.color-pallete
span
{
display
:
none
;
}
.color-pallete
:hover
span
{
display
:
block
;
}
</style>
</head>
</head>
<body
class=
"skin-blue"
>
<body
class=
"skin-blue"
>
<div
class=
"wrapper"
>
<div
class=
"wrapper"
>
...
@@ -433,6 +450,63 @@
...
@@ -433,6 +450,63 @@
<!-- Main content -->
<!-- Main content -->
<section
class=
"content"
>
<section
class=
"content"
>
<div
class=
'box box-default'
>
<div
class=
'box-header with-border'
>
<h3
class=
'box-title'
><i
class=
"fa fa-tag"
></i>
Color Pallete
</h3>
</div>
<div
class=
'box-body'
>
<div
class=
'row'
>
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Primary
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-light-blue disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-light-blue color-pallete'
><span>
#3c8dbc
</span></div>
<div
class=
'bg-light-blue-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Info
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-aqua disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-aqua color-pallete'
><span>
#00c0ef
</span></div>
<div
class=
'bg-aqua-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Success
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-green disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-green color-pallete'
><span>
#00a65a
</span></div>
<div
class=
'bg-green-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Warning
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-yellow disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-yellow color-pallete'
><span>
#f39c12
</span></div>
<div
class=
'bg-yellow-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Danger
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-red disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-red color-pallete'
><span>
#f56954
</span></div>
<div
class=
'bg-red-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
<div
class=
'col-sm-4 col-md-2'
>
<h4
class=
'text-center'
>
Gray
</h4>
<div
class=
'color-pallete-set'
>
<div
class=
'bg-gray disabled color-pallete'
><span>
Disabled
</span></div>
<div
class=
'bg-gray color-pallete'
><span>
#d2d6de
</span></div>
<div
class=
'bg-gray-active color-pallete'
><span>
Active
</span></div>
</div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
<!-- START ALERTS AND CALLOUTS -->
<!-- START ALERTS AND CALLOUTS -->
<h2
class=
"page-header"
>
Alerts and Callouts
</h2>
<h2
class=
"page-header"
>
Alerts and Callouts
</h2>
<div
class=
"row"
>
<div
class=
"row"
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录