Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/ratchet.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'docs/dist/css/ratchet-theme-android.css')
-rw-r--r--docs/dist/css/ratchet-theme-android.css55
1 files changed, 55 insertions, 0 deletions
diff --git a/docs/dist/css/ratchet-theme-android.css b/docs/dist/css/ratchet-theme-android.css
index a6f2228..0866e71 100644
--- a/docs/dist/css/ratchet-theme-android.css
+++ b/docs/dist/css/ratchet-theme-android.css
@@ -18,6 +18,7 @@ body {
a {
color: #33b5e5;
}
+
a:active {
color: #1a9bcb;
}
@@ -57,6 +58,7 @@ a:active {
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
}
+
.btn:active, .btn.active {
color: #222;
background-color: #999;
@@ -70,6 +72,7 @@ a:active {
background-color: #33b5e5;
border: 0;
}
+
.btn-primary:active, .btn-primary.active {
color: #fff;
background-color: #1a9bcb;
@@ -81,6 +84,7 @@ a:active {
background-color: #9c0;
border: 0;
}
+
.btn-positive:active, .btn-positive.active {
color: #fff;
background-color: #739900;
@@ -92,6 +96,7 @@ a:active {
background-color: #f44;
border: 0;
}
+
.btn-negative:active, .btn-negative.active {
color: #fff;
background-color: #f11;
@@ -104,36 +109,44 @@ a:active {
-webkit-box-shadow: none;
box-shadow: none;
}
+
.btn-outlined.btn-primary {
color: #33b5e5;
border: 1px solid #33b5e5;
}
+
.btn-outlined.btn-primary:active {
background-color: #33b5e5;
border: 1px solid #33b5e5;
}
+
.btn-outlined.btn-positive {
color: #9c0;
border: 1px solid #9c0;
}
+
.btn-outlined.btn-positive:active {
background-color: #9c0;
border: 1px solid #9c0;
}
+
.btn-outlined.btn-negative {
color: #f44;
border: 1px solid #f44;
}
+
.btn-outlined.btn-negative:active {
background-color: #f44;
border: 1px solid #f44;
}
+
.btn-outlined:active {
background-color: #999;
border: 1px solid #999;
-webkit-box-shadow: none;
box-shadow: none;
}
+
.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
color: #fff;
-webkit-box-shadow: none;
@@ -147,6 +160,7 @@ a:active {
-webkit-box-shadow: none;
box-shadow: none;
}
+
.btn-link:active, .btn-link.active {
color: #1a9bcb;
background-color: transparent;
@@ -162,9 +176,11 @@ a:active {
.btn .badge {
background-color: rgba(0, 0, 0, .15);
}
+
.btn .badge.badge-inverted {
background-color: transparent;
}
+
.btn:active .badge {
color: #fff;
}
@@ -176,15 +192,19 @@ a:active {
-webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
}
+
.bar.bar-header-secondary {
top: 50px;
}
+
.bar.bar-footer-secondary {
bottom: 50px;
}
+
.bar.bar-footer-secondary-tab {
bottom: 50px;
}
+
.bar .bar-footer,
.bar .bar-footer-secondary,
.bar .bar-footer-secondary-tab {
@@ -200,18 +220,22 @@ a:active {
height: 50px;
border-top: 0;
}
+
.bar-tab .tab-item {
color: #929292;
}
+
.bar-tab .tab-item.active {
color: #33b5e5;
-webkit-box-shadow: inset 0 -2px 0 #33b5e5;
box-shadow: inset 0 -2px 0 #33b5e5;
}
+
.bar-tab .tab-item:active {
color: #929292;
background-color: #78c6e3;
}
+
.bar-tab .tab-item .icon {
top: 3px;
padding-top: 0;
@@ -231,6 +255,7 @@ a:active {
padding-top: 10px;
padding-bottom: 10px;
}
+
.bar .btn-link {
top: 0;
padding: 0;
@@ -238,13 +263,16 @@ a:active {
line-height: 49px;
color: #33b5e5;
}
+
.bar .btn-link:active, .bar .btn-link.active {
color: #1a9bcb;
}
+
.bar .btn-link .icon {
top: 2px;
padding: 0;
}
+
.bar .btn-block {
top: 4px;
}
@@ -257,9 +285,11 @@ a:active {
padding-top: 13px;
padding-bottom: 13px;
}
+
.bar .title .icon {
padding: 0;
}
+
.bar .title .icon.icon-caret {
top: 10px;
color: #777;
@@ -278,6 +308,7 @@ a:active {
color: #fff;
background-color: #33b5e5;
}
+
.badge-primary.badge-inverted {
color: #33b5e5;
background-color: transparent;
@@ -287,6 +318,7 @@ a:active {
color: #fff;
background-color: #9c0;
}
+
.badge-positive.badge-inverted {
color: #9c0;
background-color: transparent;
@@ -296,6 +328,7 @@ a:active {
color: #fff;
background-color: #f44;
}
+
.badge-negative.badge-inverted {
color: #f44;
background-color: transparent;
@@ -310,19 +343,24 @@ a:active {
.table-view {
background-color: transparent;
}
+
.table-view .table-view-cell {
border-bottom: 1px solid #d9d9d9;
}
+
.table-view .table-view-cell:last-child {
background-image: none;
}
+
.table-view .table-view-cell > a:not(.btn):active {
color: inherit;
background-color: #e0e0e0;
}
+
.table-view .table-view-cell > a:not(.btn):active .icon {
color: #fff;
}
+
.table-view .table-view-divider {
padding-top: 25px;
font-size: 12px;
@@ -433,6 +471,7 @@ textarea,
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}
+
.segmented-control .control-item {
padding-top: 10px;
padding-bottom: 10px;
@@ -441,9 +480,11 @@ textarea,
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
}
+
.segmented-control .control-item:first-child {
border-left-width: 0;
}
+
.segmented-control .control-item:active, .segmented-control .control-item.active {
background-color: #999;
}
@@ -451,10 +492,12 @@ textarea,
.segmented-control-primary {
border: 0;
}
+
.segmented-control-primary .control-item {
color: #fff;
border-color: inherit;
}
+
.segmented-control-primary .control-item:active, .segmented-control-primary .control-item.active {
color: #fff;
background-color: #33b5e5;
@@ -463,10 +506,12 @@ textarea,
.segmented-control-positive {
border: 0;
}
+
.segmented-control-positive .control-item {
color: #fff;
border-color: inherit;
}
+
.segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active {
color: #fff;
background-color: #9c0;
@@ -475,10 +520,12 @@ textarea,
.segmented-control-negative {
border: 0;
}
+
.segmented-control-negative .control-item {
color: #fff;
border-color: inherit;
}
+
.segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active {
color: #fff;
background-color: #f44;
@@ -500,9 +547,11 @@ textarea,
-o-transform: scale(.75);
transform: scale(.75);
}
+
.popover:before {
display: none;
}
+
.popover.visible {
-webkit-transform: scale(1);
-o-transform: scale(1);
@@ -516,6 +565,7 @@ textarea,
.popover .bar {
border-radius: 0;
}
+
.popover .bar-nav ~ .table-view {
padding-top: 50px;
}
@@ -531,6 +581,7 @@ textarea,
border: 2px solid #d7d7d7;
border-radius: 0;
}
+
.toggle .toggle-handle {
top: 0;
left: 0;
@@ -542,6 +593,7 @@ textarea,
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
}
+
.toggle:before {
top: 1px;
right: auto;
@@ -549,10 +601,12 @@ textarea,
z-index: 3;
color: #fff;
}
+
.toggle.active {
background-color: #d7d7d7;
border: 2px solid #d7d7d7;
}
+
.toggle.active .toggle-handle {
margin-right: 2px;
background-color: #33b5e5;
@@ -560,6 +614,7 @@ textarea,
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
+
.toggle.active:before {
right: 14px;
left: auto;