|
|
|
|
@ -32,18 +32,18 @@ p {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
|
border: 1px solid #929292; |
|
|
|
|
color: #929292; |
|
|
|
|
background-color: rgba(247, 247, 247, 0.98); |
|
|
|
|
background-color: rgba(247, 247, 247, .98); |
|
|
|
|
border: 1px solid #929292; |
|
|
|
|
-webkit-transition: all; |
|
|
|
|
-moz-transition: all; |
|
|
|
|
transition: all; |
|
|
|
|
-webkit-transition-duration: 0.2s; |
|
|
|
|
-moz-transition-duration: 0.2s; |
|
|
|
|
transition-duration: 0.2s; |
|
|
|
|
-webkit-transition-timing-function: linear; |
|
|
|
|
-moz-transition-timing-function: linear; |
|
|
|
|
transition-timing-function: linear; |
|
|
|
|
-webkit-transition-duration: .2s; |
|
|
|
|
-moz-transition-duration: .2s; |
|
|
|
|
transition-duration: .2s; |
|
|
|
|
} |
|
|
|
|
.btn:active, .btn.active { |
|
|
|
|
color: #fff; |
|
|
|
|
@ -52,32 +52,32 @@ p {
|
|
|
|
|
|
|
|
|
|
.btn-primary { |
|
|
|
|
color: #fff; |
|
|
|
|
border: 1px solid #007aff; |
|
|
|
|
background-color: #007aff; |
|
|
|
|
border: 1px solid #007aff; |
|
|
|
|
} |
|
|
|
|
.btn-primary:active, .btn-primary.active { |
|
|
|
|
border: 1px solid #0062cc; |
|
|
|
|
background-color: #0062cc; |
|
|
|
|
border: 1px solid #0062cc; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn-positive { |
|
|
|
|
color: #fff; |
|
|
|
|
border: 1px solid #4cd964; |
|
|
|
|
background-color: #4cd964; |
|
|
|
|
border: 1px solid #4cd964; |
|
|
|
|
} |
|
|
|
|
.btn-positive:active, .btn-positive.active { |
|
|
|
|
border: 1px solid #2ac845; |
|
|
|
|
background-color: #2ac845; |
|
|
|
|
border: 1px solid #2ac845; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn-negative { |
|
|
|
|
color: #fff; |
|
|
|
|
border: 1px solid #dd524d; |
|
|
|
|
background-color: #dd524d; |
|
|
|
|
border: 1px solid #dd524d; |
|
|
|
|
} |
|
|
|
|
.btn-negative:active, .btn-negative.active { |
|
|
|
|
border: 1px solid #cf2d28; |
|
|
|
|
background-color: #cf2d28; |
|
|
|
|
border: 1px solid #cf2d28; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn-outlined { |
|
|
|
|
@ -107,7 +107,7 @@ p {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn .badge { |
|
|
|
|
background-color: rgba(0, 0, 0, 0.15); |
|
|
|
|
background-color: rgba(0, 0, 0, .15); |
|
|
|
|
} |
|
|
|
|
.btn .badge.badge-inverted { |
|
|
|
|
background-color: transparent; |
|
|
|
|
@ -117,10 +117,10 @@ p {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bar { |
|
|
|
|
background-color: rgba(247, 247, 247, .98); |
|
|
|
|
border-bottom: 0; |
|
|
|
|
background-color: rgba(247, 247, 247, 0.98); |
|
|
|
|
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); |
|
|
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.85); |
|
|
|
|
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); |
|
|
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, .85); |
|
|
|
|
} |
|
|
|
|
.bar.bar-header-secondary { |
|
|
|
|
top: 44px; |
|
|
|
|
@ -195,27 +195,27 @@ p {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.table-view { |
|
|
|
|
border-top: 0; |
|
|
|
|
border-bottom: 0; |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: 0 100%, 0 0; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: 0 100%, 0 0; |
|
|
|
|
border-top: 0; |
|
|
|
|
border-bottom: 0; |
|
|
|
|
} |
|
|
|
|
.table-view .table-view-cell { |
|
|
|
|
border-bottom: 0; |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: 15px 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: 15px 100%; |
|
|
|
|
border-bottom: 0; |
|
|
|
|
} |
|
|
|
|
.table-view .table-view-cell:last-child { |
|
|
|
|
background-image: none; |
|
|
|
|
} |
|
|
|
|
.table-view .table-view-divider { |
|
|
|
|
border-top: 0; |
|
|
|
|
border-bottom: 0; |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: 0 100%, 0 0; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: 0 100%, 0 0; |
|
|
|
|
border-top: 0; |
|
|
|
|
border-bottom: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
select, |
|
|
|
|
@ -237,13 +237,13 @@ input[type="color"],
|
|
|
|
|
.input-group { |
|
|
|
|
height: 40px; |
|
|
|
|
padding: 10px 15px; |
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.2); |
|
|
|
|
border: 1px solid rgba(0, 0, 0, .2); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
input[type="search"] { |
|
|
|
|
height: 34px; |
|
|
|
|
text-align: center; |
|
|
|
|
background-color: rgba(0, 0, 0, 0.1); |
|
|
|
|
background-color: rgba(0, 0, 0, .1); |
|
|
|
|
border: 0; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
} |
|
|
|
|
@ -260,17 +260,17 @@ textarea,
|
|
|
|
|
|
|
|
|
|
.input-group { |
|
|
|
|
padding: 0; |
|
|
|
|
border: 0; |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: 0 100%, 0 0; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: 0 100%, 0 0; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-group input { |
|
|
|
|
border: 0; |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: 15px 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: 15px 100%; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-group input:last-child { |
|
|
|
|
@ -278,10 +278,10 @@ textarea,
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-row { |
|
|
|
|
border-bottom: 0; |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: 15px 100%; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-position: 15px 100%; |
|
|
|
|
border-bottom: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.input-row:last-child, |
|
|
|
|
@ -296,9 +296,9 @@ textarea,
|
|
|
|
|
.segmented-control .control-item { |
|
|
|
|
color: #929292; |
|
|
|
|
border-color: #929292; |
|
|
|
|
-webkit-transition: background-color 0.1s linear; |
|
|
|
|
-moz-transition: background-color 0.1s linear; |
|
|
|
|
transition: background-color 0.1s linear; |
|
|
|
|
-webkit-transition: background-color .1s linear; |
|
|
|
|
-moz-transition: background-color .1s linear; |
|
|
|
|
transition: background-color .1s linear; |
|
|
|
|
} |
|
|
|
|
.segmented-control .control-item:active { |
|
|
|
|
background-color: #ebebeb; |
|
|
|
|
@ -355,12 +355,12 @@ textarea,
|
|
|
|
|
|
|
|
|
|
.popover { |
|
|
|
|
border-radius: 12px; |
|
|
|
|
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
-moz-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out; |
|
|
|
|
-webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; |
|
|
|
|
-moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; |
|
|
|
|
transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; |
|
|
|
|
} |
|
|
|
|
.popover:before { |
|
|
|
|
border-bottom: 15px solid rgba(247, 247, 247, 0.98); |
|
|
|
|
border-bottom: 15px solid rgba(247, 247, 247, .98); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.popover .bar { |
|
|
|
|
@ -369,23 +369,23 @@ textarea,
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.popover .bar-nav { |
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15); |
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, .15); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.popover .table-view { |
|
|
|
|
border-radius: 12px; |
|
|
|
|
background-image: none; |
|
|
|
|
border-radius: 12px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.modal { |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
} |
|
|
|
|
.modal.active { |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.toggle { |
|
|
|
|
@ -393,27 +393,27 @@ textarea,
|
|
|
|
|
border: 2px solid #e6e6e6; |
|
|
|
|
-webkit-box-shadow: inset 0 0 0 0 #e1e1e1; |
|
|
|
|
box-shadow: inset 0 0 0 0 #e1e1e1; |
|
|
|
|
-webkit-transition-duration: .2s; |
|
|
|
|
-moz-transition-duration: .2s; |
|
|
|
|
transition-duration: .2s; |
|
|
|
|
-webkit-transition-property: box-shadow, border; |
|
|
|
|
-moz-transition-property: box-shadow, border; |
|
|
|
|
transition-property: box-shadow, border; |
|
|
|
|
-webkit-transition-duration: 0.2s; |
|
|
|
|
-moz-transition-duration: 0.2s; |
|
|
|
|
transition-duration: 0.2s; |
|
|
|
|
} |
|
|
|
|
.toggle .toggle-handle { |
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.2); |
|
|
|
|
border: 1px solid rgba(0, 0, 0, .2); |
|
|
|
|
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); |
|
|
|
|
box-shadow: 0 3px 3px rgba(0, 0, 0, .08); |
|
|
|
|
-webkit-transition-property: -webkit-transform, border, width; |
|
|
|
|
-moz-transition-property: -moz-transform, border, width; |
|
|
|
|
transition-property: transform, border, width; |
|
|
|
|
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); |
|
|
|
|
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); |
|
|
|
|
} |
|
|
|
|
.toggle:before { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
.toggle.active { |
|
|
|
|
border: 2px solid #4cd964; |
|
|
|
|
background-color: transparent; |
|
|
|
|
border: 2px solid #4cd964; |
|
|
|
|
-webkit-box-shadow: inset 0 0 0 13px #4cd964; |
|
|
|
|
box-shadow: inset 0 0 0 13px #4cd964; |
|
|
|
|
} |
|
|
|
|
@ -427,22 +427,22 @@ textarea,
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.content.fade { |
|
|
|
|
-webkit-transition: opacity 0.2s ease-in-out; |
|
|
|
|
-moz-transition: opacity 0.2s ease-in-out; |
|
|
|
|
transition: opacity 0.2s ease-in-out; |
|
|
|
|
-webkit-transition: opacity .2s ease-in-out; |
|
|
|
|
-moz-transition: opacity .2s ease-in-out; |
|
|
|
|
transition: opacity .2s ease-in-out; |
|
|
|
|
} |
|
|
|
|
.content.sliding { |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); |
|
|
|
|
-webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
-moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
transition-timing-function: cubic-bezier(.1, .5, .1, 1); |
|
|
|
|
} |
|
|
|
|
.content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { |
|
|
|
|
-webkit-animation-name: fadeOverlay; |
|
|
|
|
-moz-animation-name: fadeOverlay; |
|
|
|
|
animation-name: fadeOverlay; |
|
|
|
|
-webkit-animation-duration: 0.4s; |
|
|
|
|
-moz-animation-duration: 0.4s; |
|
|
|
|
animation-duration: 0.4s; |
|
|
|
|
-webkit-animation-duration: .4s; |
|
|
|
|
-moz-animation-duration: .4s; |
|
|
|
|
animation-duration: .4s; |
|
|
|
|
} |
|
|
|
|
.content.sliding.right:not([class*="sliding-in"]) { |
|
|
|
|
-webkit-animation-direction: reverse; |
|
|
|
|
@ -462,7 +462,7 @@ textarea,
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
to { |
|
|
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1); |
|
|
|
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); |
|
|
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
XhmikosR
11 years ago