Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
知鸟1号
AdminLTE
提交
ec8fa4a9
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,发现更多精彩内容 >>
提交
ec8fa4a9
编写于
5月 23, 2015
作者:
A
Abdullah Almsaeed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Updated skin list style in documentation
上级
0d5a039b
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
133 addition
and
31 deletion
+133
-31
documentation/build/include/layout.html
documentation/build/include/layout.html
+62
-14
documentation/docs.js
documentation/docs.js
+6
-3
documentation/index.html
documentation/index.html
+62
-14
documentation/style.css
documentation/style.css
+3
-0
未找到文件。
documentation/build/include/layout.html
浏览文件 @
ec8fa4a9
...
...
@@ -27,18 +27,66 @@
<p
class=
"lead"
>
Skins can be found in the dist/css/skins folder.
Choose and the skin file that you want then add the appropriate
class to the body tag to change the template's appearance. Here is the list of available skins:
</p>
<ul
id=
"layout-skins-list"
class=
"bring-up"
>
<li><code>
skin-blue
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-blue-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-yellow
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-yellow-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-purple
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-purple-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-green
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-green-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-red
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-red-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-black
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-black-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
</ul>
<div
class=
"box box-solid"
style=
"max-width: 300px;"
>
<div
class=
"box-body no-padding"
>
<table
id=
"layout-skins-list"
class=
"table table-striped bring-up nth-2-center"
>
<thead>
<tr>
<th
style=
"width: 210px;"
>
Skin Class
</th>
<th>
Preview
</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>
skin-blue
</code></td>
<td><a
href=
"#"
data-skin=
"skin-blue"
class=
"btn btn-primary btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-blue-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-blue-light"
class=
"btn btn-primary btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-yellow
</code></td>
<td><a
href=
"#"
data-skin=
"skin-yellow"
class=
"btn btn-warning btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-yellow-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-yellow-light"
class=
"btn btn-warning btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-green
</code></td>
<td><a
href=
"#"
data-skin=
"skin-green"
class=
"btn btn-success btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-green-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-green-light"
class=
"btn btn-success btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-purple
</code></td>
<td><a
href=
"#"
data-skin=
"skin-purple"
class=
"btn bg-purple btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-purple-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-purple-light"
class=
"btn bg-purple btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-red
</code></td>
<td><a
href=
"#"
data-skin=
"skin-red"
class=
"btn btn-danger btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-red-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-red-light"
class=
"btn btn-danger btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-black
</code></td>
<td><a
href=
"#"
data-skin=
"skin-black"
class=
"btn bg-black btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-black-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-black-light"
class=
"btn bg-black btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</section>
\ No newline at end of file
documentation/docs.js
浏览文件 @
ec8fa4a9
...
...
@@ -52,9 +52,12 @@ $(function () {
}
});
//Skin switcher
$
(
'
#layout-skins-list a
'
).
click
(
function
(
e
)
{
var
current_skin
=
"
skin-blue
"
;
$
(
'
#layout-skins-list [data-skin]
'
).
click
(
function
(
e
)
{
e
.
preventDefault
();
var
skinName
=
$
(
this
).
siblings
(
'
code
'
).
text
();
$
(
'
body
'
).
attr
(
'
class
'
,
skinName
+
'
fixed
'
);
var
skinName
=
$
(
this
).
data
(
'
skin
'
);
$
(
'
body
'
).
removeClass
(
current_skin
);
$
(
'
body
'
).
addClass
(
skinName
);
current_skin
=
skinName
;
});
});
\ No newline at end of file
documentation/index.html
浏览文件 @
ec8fa4a9
...
...
@@ -234,20 +234,68 @@ AdminLTE/
<p
class=
"lead"
>
Skins can be found in the dist/css/skins folder.
Choose and the skin file that you want then add the appropriate
class to the body tag to change the template's appearance. Here is the list of available skins:
</p>
<ul
id=
"layout-skins-list"
class=
"bring-up"
>
<li><code>
skin-blue
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-blue-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-yellow
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-yellow-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-purple
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-purple-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-green
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-green-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-red
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-red-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-black
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
<li><code>
skin-black-light
</code>
<a
href=
"#"
><i
class=
"fa fa-eye"
></i></a></li>
</ul>
<div
class=
"box box-solid"
style=
"max-width: 300px;"
>
<div
class=
"box-body no-padding"
>
<table
id=
"layout-skins-list"
class=
"table table-striped bring-up nth-2-center"
>
<thead>
<tr>
<th
style=
"width: 210px;"
>
Skin Class
</th>
<th>
Preview
</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>
skin-blue
</code></td>
<td><a
href=
"#"
data-skin=
"skin-blue"
class=
"btn btn-primary btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-blue-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-blue-light"
class=
"btn btn-primary btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-yellow
</code></td>
<td><a
href=
"#"
data-skin=
"skin-yellow"
class=
"btn btn-warning btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-yellow-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-yellow-light"
class=
"btn btn-warning btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-green
</code></td>
<td><a
href=
"#"
data-skin=
"skin-green"
class=
"btn btn-success btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-green-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-green-light"
class=
"btn btn-success btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-purple
</code></td>
<td><a
href=
"#"
data-skin=
"skin-purple"
class=
"btn bg-purple btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-purple-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-purple-light"
class=
"btn bg-purple btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-red
</code></td>
<td><a
href=
"#"
data-skin=
"skin-red"
class=
"btn btn-danger btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-red-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-red-light"
class=
"btn btn-danger btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-black
</code></td>
<td><a
href=
"#"
data-skin=
"skin-black"
class=
"btn bg-black btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
<tr>
<td><code>
skin-black-light
</code></td>
<td><a
href=
"#"
data-skin=
"skin-black-light"
class=
"btn bg-black btn-xs"
><i
class=
"fa fa-eye"
></i></a></td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</section>
<!-- ============================================================= -->
...
...
documentation/style.css
浏览文件 @
ec8fa4a9
...
...
@@ -11,6 +11,9 @@
position
:
relative
;
z-index
:
30
;
}
.nth-2-center
>
tbody
>
tr
>
td
:last-of-type
{
text-align
:
center
!important
;
}
.content
{
font-size
:
16px
;
z-index
:
500
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录