提交 8e17320e 编写于 作者: C Catouse

* ajust details of some controls.

上级 e817ac5b
......@@ -107,19 +107,19 @@
</div>
<h2>参数</h2>
<h3>圆角</h3>
<p><code>.pager-pill</code></p>
<p><code>.pager-pills</code></p>
<div class="segment">
<ul class="pager pager-pill">
<ul class="pager pager-pills">
<li class="previous disabled"><a href="#">«</a></li>
<li class="next"><a href="#">»</a></li>
</ul>
<br>
<ul class="pager pager-pill">
<ul class="pager pager-pills">
<li class="previous"><a href="#">« 上一页</a></li>
<li class="next disabled"><a href="#">下一页 »</a></li>
</ul>
<br>
<ul class="pager pager-pill">
<ul class="pager pager-pills">
<li class="previous disabled"><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
......@@ -129,7 +129,7 @@
<li class="next"><a href="#">»</a></li>
</ul>
<br>
<ul class="pager pager-pill">
<ul class="pager pager-pills">
<li class="previous"><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#"></a></li>
......@@ -178,17 +178,17 @@
<li class="next disabled"><a href="#">»</a></li>
</ul>
<br>
<ul class="pager pager-loose pager-pill">
<ul class="pager pager-loose pager-pills">
<li class="previous disabled"><a href="#">«</a></li>
<li class="next"><a href="#">»</a></li>
</ul>
<br>
<ul class="pager pager-loose pager-pill">
<ul class="pager pager-loose pager-pills">
<li class="previous"><a href="#">« 上一页</a></li>
<li class="next disabled"><a href="#">下一页 »</a></li>
</ul>
<br>
<ul class="pager pager-loose pager-pill">
<ul class="pager pager-loose pager-pills">
<li class="previous disabled"><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
......@@ -198,7 +198,7 @@
<li class="next"><a href="#">»</a></li>
</ul>
<br>
<ul class="pager pager-loose pager-pill">
<ul class="pager pager-loose pager-pills">
<li class="previous"><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#"></a></li>
......@@ -224,12 +224,12 @@
<li class="next disabled"><a href="#">下一页 »</a></li>
</ul>
<br>
<ul class="pager pager-justify pager-pill">
<ul class="pager pager-justify pager-pills">
<li class="previous disabled"><a href="#">«</a></li>
<li class="next"><a href="#">»</a></li>
</ul>
<br>
<ul class="pager pager-justify pager-pill">
<ul class="pager pager-justify pager-pills">
<li class="previous"><a href="#">« 上一页</a></li>
<li class="next disabled"><a href="#">下一页 »</a></li>
</ul>
......
......@@ -49,13 +49,14 @@
&.active:focus
{
z-index: 2; // Place active items above their siblings for proper border styling
color: @list-group-active-color;
// color: @list-group-active-color;
background-color: @list-group-active-bg;
border-color: @list-group-active-border;
// border-left:3px solid @list-group-active-border;
.active-mark-left();
// Force color to inherit for custom content
.list-group-item-heading { color: inherit; }
.list-group-item-text { color: lighten(@list-group-active-bg, 40%); }
.list-group-item-text { color: lighten(@color-fore, 40%); }
}
}
......
......@@ -27,7 +27,8 @@
&:first-child
{
> a,
> span {
> span
{
margin-left: 0;
.border-left-radius(@border-radius-base);
}
......@@ -83,9 +84,9 @@
}
}
// .pager-pill
// .pager-pills
// --------------------------------------------------
.pager-pill
.pager-pills
{
> li:first-child
{
......@@ -111,7 +112,7 @@
display: block;
margin: @line-height-computed 0;
.clearfix();
&.pager-pill > li
&.pager-pills > li
{
> a,
> span
......@@ -160,7 +161,7 @@
}
}
&.pager-pill > li
&.pager-pills > li
{
> a,
> span
......
......@@ -162,7 +162,7 @@ table
background-color: @table-bg-active;
&:first-child
{
border-left: 3px solid @table-border-active;
border-left: @active-border-width solid @active-border-color;
}
}
}
......
......@@ -97,18 +97,20 @@ a.label-badge
// Account for counters in navs
a.list-group-item.active > .label-badge,
.nav-pills > .active > a > .label-badge,
a.list-group-item.active > .label-dot,
.nav-pills > .active > a > .label-dot
{
color: @badge-active-color;
background-color: @badge-active-bg;
}
.nav-pills > li > a > .label-badge,
.nav-pills > li > a > .label-dot
// a.list-group-item.active > .label-badge,
// .nav-pills > .active > a > .label-badge,
// a.list-group-item.active > .label-dot,
// .nav-pills > .active > a > .label-dot
// {
// color: @badge-active-color;
// background-color: @badge-active-bg;
// }
.nav > li > a > .label-badge,
.nav > li > a > .label-dot
{
margin-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
}
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册