diff options
author | XhmikosR <xhmikosr@gmail.com> | 2015-12-26 10:53:32 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2015-12-26 10:53:32 +0300 |
commit | 2de6a134bbdf8b7870d5db7db9df3ede15aed8fd (patch) | |
tree | 8985460bdaca27e227cb12ca401d233024f733ed /docs/dist/css/ratchet.css | |
parent | 255a3c5479eebb291335e4f6760d5459c3086c9d (diff) |
Run `grunt`.
[ci skip]
Diffstat (limited to 'docs/dist/css/ratchet.css')
-rw-r--r-- | docs/dist/css/ratchet.css | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/docs/dist/css/ratchet.css b/docs/dist/css/ratchet.css index 410ba41..104c372 100644 --- a/docs/dist/css/ratchet.css +++ b/docs/dist/css/ratchet.css @@ -257,6 +257,7 @@ a { -webkit-tap-highlight-color: transparent; } + a:active { color: #3071a9; } @@ -322,6 +323,7 @@ a:active { display: table; content: " "; } + .clearfix:after { clear: both; } @@ -382,10 +384,12 @@ p { border: 1px solid #ccc; border-radius: 3px; } + .btn:active, .btn.active { color: inherit; background-color: #ccc; } + .btn:disabled, .btn.disabled { opacity: .6; } @@ -395,6 +399,7 @@ p { background-color: #428bca; border: 1px solid #428bca; } + .btn-primary:active, .btn-primary.active { color: #fff; background-color: #3071a9; @@ -406,6 +411,7 @@ p { background-color: #5cb85c; border: 1px solid #5cb85c; } + .btn-positive:active, .btn-positive.active { color: #fff; background-color: #449d44; @@ -417,6 +423,7 @@ p { background-color: #d9534f; border: 1px solid #d9534f; } + .btn-negative:active, .btn-negative.active { color: #fff; background-color: #c9302c; @@ -426,15 +433,19 @@ p { .btn-outlined { background-color: transparent; } + .btn-outlined.btn-primary { color: #428bca; } + .btn-outlined.btn-positive { color: #5cb85c; } + .btn-outlined.btn-negative { color: #d9534f; } + .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { color: #fff; } @@ -446,6 +457,7 @@ p { background-color: transparent; border: 0; } + .btn-link:active, .btn-link.active { color: #3071a9; background-color: transparent; @@ -562,6 +574,7 @@ input[type="button"] { border-top: 1px solid #ddd; border-bottom: 0; } + .bar-tab .tab-item { position: relative; display: table-cell; @@ -571,15 +584,18 @@ input[type="button"] { text-align: center; vertical-align: middle; } + .bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #428bca; } + .bar-tab .tab-item .badge { position: absolute; top: 3px; left: 50%; vertical-align: top; } + .bar-tab .tab-item .icon { top: 3px; width: 24px; @@ -587,6 +603,7 @@ input[type="button"] { padding-top: 0; padding-bottom: 0; } + .bar-tab .tab-item .icon ~ .tab-label { display: block; font-size: 11px; @@ -600,9 +617,11 @@ input[type="button"] { margin-top: 0; font-weight: 400; } + .bar .btn.pull-right { margin-left: 10px; } + .bar .btn.pull-left { margin-right: 10px; } @@ -615,6 +634,7 @@ input[type="button"] { color: #428bca; border: 0; } + .bar .btn-link:active, .bar .btn-link.active { color: #3071a9; } @@ -629,12 +649,15 @@ input[type="button"] { .bar .btn-nav.pull-left { margin-left: -5px; } + .bar .btn-nav.pull-left .icon-left-nav { margin-right: -3px; } + .bar .btn-nav.pull-right { margin-right: -5px; } + .bar .btn-nav.pull-right .icon-right-nav { margin-left: -3px; } @@ -646,13 +669,16 @@ input[type="button"] { padding-bottom: 10px; font-size: 24px; } + .bar .btn .icon { top: 3px; padding: 0; } + .bar .title .icon { padding: 0; } + .bar .title .icon.icon-caret { top: 4px; margin-left: -5px; @@ -677,6 +703,7 @@ input[type="button"] { background-color: rgba(0, 0, 0, .15); border-radius: 100px; } + .badge.badge-inverted { padding: 0 5px 0 0; background-color: transparent; @@ -686,6 +713,7 @@ input[type="button"] { color: #fff; background-color: #428bca; } + .badge-primary.badge-inverted { color: #428bca; } @@ -694,6 +722,7 @@ input[type="button"] { color: #fff; background-color: #5cb85c; } + .badge-positive.badge-inverted { color: #5cb85c; } @@ -702,6 +731,7 @@ input[type="button"] { color: #fff; background-color: #d9534f; } + .badge-negative.badge-inverted { color: #d9534f; } @@ -719,11 +749,13 @@ input[type="button"] { border-top: 0; border-bottom: 0; } + .card .table-view .table-view-divider:first-child { top: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; } + .card .table-view .table-view-divider:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -749,9 +781,11 @@ input[type="button"] { overflow: hidden; border-bottom: 1px solid #ddd; } + .table-view-cell:last-child { border-bottom: 0; } + .table-view-cell > a:not(.btn) { position: relative; display: block; @@ -760,9 +794,11 @@ input[type="button"] { overflow: hidden; color: inherit; } + .table-view-cell > a:not(.btn):active { background-color: #eee; } + .table-view-cell p { margin-bottom: 0; } @@ -788,6 +824,7 @@ input[type="button"] { .table-view .media-object.pull-left { margin-right: 10px; } + .table-view .media-object.pull-right { margin-left: 10px; } @@ -806,6 +843,7 @@ input[type="button"] { -o-transform: translateY(-50%); transform: translateY(-50%); } + .table-view-cell .navigate-left > .btn, .table-view-cell .navigate-left > .badge, .table-view-cell .navigate-left > .toggle, @@ -946,6 +984,7 @@ select { border: 1px solid #ccc; border-radius: 3px; } + .segmented-control .control-item { display: table-cell; width: 1%; @@ -959,12 +998,15 @@ select { white-space: nowrap; border-left: 1px solid #ccc; } + .segmented-control .control-item:first-child { border-left-width: 0; } + .segmented-control .control-item:active { background-color: #eee; } + .segmented-control .control-item.active { background-color: #ccc; } @@ -972,13 +1014,16 @@ select { .segmented-control-primary { border-color: #428bca; } + .segmented-control-primary .control-item { color: #428bca; border-color: inherit; } + .segmented-control-primary .control-item:active { background-color: #cde1f1; } + .segmented-control-primary .control-item.active { color: #fff; background-color: #428bca; @@ -987,13 +1032,16 @@ select { .segmented-control-positive { border-color: #5cb85c; } + .segmented-control-positive .control-item { color: #5cb85c; border-color: inherit; } + .segmented-control-positive .control-item:active { background-color: #d8eed8; } + .segmented-control-positive .control-item.active { color: #fff; background-color: #5cb85c; @@ -1002,13 +1050,16 @@ select { .segmented-control-negative { border-color: #d9534f; } + .segmented-control-negative .control-item { color: #d9534f; border-color: inherit; } + .segmented-control-negative .control-item:active { background-color: #f9e2e2; } + .segmented-control-negative .control-item.active { color: #fff; background-color: #d9534f; @@ -1017,6 +1068,7 @@ select { .control-content { display: none; } + .control-content.active { display: block; } @@ -1041,6 +1093,7 @@ select { -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } + .popover:before { position: absolute; top: -15px; @@ -1053,12 +1106,14 @@ select { border-bottom: 15px solid #fff; border-left: 15px solid transparent; } + .popover.visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + .popover .bar ~ .table-view { padding-top: 44px; } @@ -1076,6 +1131,7 @@ select { .popover .btn-block { margin-bottom: 5px; } + .popover .btn-block:last-child { margin-bottom: 0; } @@ -1115,6 +1171,7 @@ select { -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } + .modal.active { height: 100%; opacity: 1; @@ -1134,6 +1191,7 @@ select { overflow: hidden; background-color: #000; } + .slider .slide-group { position: relative; font-size: 0; @@ -1142,6 +1200,7 @@ select { -o-transition: all 0s linear; transition: all 0s linear; } + .slider .slide-group .slide { display: inline-block; width: 100%; @@ -1165,6 +1224,7 @@ select { -o-transition-property: background-color, border; transition-property: background-color, border; } + .toggle .toggle-handle { position: absolute; top: -1px; @@ -1182,6 +1242,7 @@ select { -o-transition-property: -o-transform, border, width; transition-property: transform, border, width; } + .toggle:before { position: absolute; top: 3px; @@ -1191,22 +1252,26 @@ select { text-transform: uppercase; content: "Off"; } + .toggle.active { background-color: #5cb85c; border: 2px solid #5cb85c; } + .toggle.active .toggle-handle { border-color: #5cb85c; -webkit-transform: translate3d(44px, 0, 0); -ms-transform: translate3d(44px, 0, 0); transform: translate3d(44px, 0, 0); } + .toggle.active:before { right: auto; left: 15px; color: #fff; content: "On"; } + .toggle input[type="checkbox"] { display: none; } @@ -1218,9 +1283,11 @@ select { -o-transition: opacity .4s; transition: opacity .4s; } + .content.fade.in { opacity: 1; } + .content.sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; @@ -1230,12 +1297,14 @@ select { -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } + .content.sliding.left { z-index: 1; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } + .content.sliding.right { z-index: 3; -webkit-transform: translate3d(100%, 0, 0); @@ -1283,6 +1352,7 @@ select { src: url("../fonts/ratchicons.eot"); src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg"); } + .icon { display: inline-block; font-family: Ratchicons; |