diff options
Diffstat (limited to 'docs/dist/css/ratchet-theme-android.css')
-rw-r--r-- | docs/dist/css/ratchet-theme-android.css | 57 |
1 files changed, 56 insertions, 1 deletions
diff --git a/docs/dist/css/ratchet-theme-android.css b/docs/dist/css/ratchet-theme-android.css index a6f2228..946cd3c 100644 --- a/docs/dist/css/ratchet-theme-android.css +++ b/docs/dist/css/ratchet-theme-android.css @@ -1,7 +1,7 @@ /*! * ===================================================== * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2015 Connor Sears + * Copyright 2016 Connor Sears * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) * * v2.0.2 designed by @connors. @@ -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; |