mirror of https://github.com/twbs/ratchet.git
Build mobile apps with simple HTML, CSS, and JS components.
http://goratchet.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
2.4 KiB
119 lines
2.4 KiB
/* |
|
* ===================================================== |
|
* Ratchet v2.0.0 |
|
* Copyright 2014 Connor Sears, Dave Gamache, and Jacob Thornton |
|
* Licensed under http://www.opensource.org/licenses/MIT |
|
* |
|
* Designed and built by @connors, @dhg, and @fat. |
|
* ===================================================== |
|
*/ |
|
|
|
.bar-header-secondary ~ .content { |
|
padding-top: 108px; |
|
} |
|
|
|
[class*="bar-"] { |
|
background-color: rgba(30, 176, 233, 0.98); |
|
} |
|
[class*="bar-"].bar-standard, [class*="bar-"].bar-footer-secondary { |
|
background-color: rgba(245, 245, 245, 0.98); |
|
} |
|
|
|
.bar-nav { |
|
top: 20px; |
|
-webkit-box-shadow: 0 -20px 0 rgba(30, 176, 233, 0.98), 0 0 1px rgba(0, 0, 0, 0.85); |
|
box-shadow: 0 -20px 0 rgba(30, 176, 233, 0.98), 0 0 1px rgba(0, 0, 0, 0.85); |
|
} |
|
|
|
[class*="bar-"].bar-header-secondary { |
|
top: 64px; |
|
} |
|
|
|
.title { |
|
color: #fff; |
|
} |
|
|
|
.tab-label { |
|
color: rgba(255, 255, 255, 0.5); |
|
} |
|
|
|
.tab-item.active .tab-label { |
|
color: white; |
|
} |
|
|
|
.btn { |
|
color: rgba(0, 0, 0, 0.3); |
|
border-color: rgba(0, 0, 0, 0.3); |
|
} |
|
.btn:active, .btn.active, .btn.btn-filled { |
|
background-color: rgba(0, 0, 0, 0.3); |
|
} |
|
|
|
.btn-primary { |
|
color: #1eb0e9; |
|
border-color: #1eb0e9; |
|
} |
|
.btn-primary:active, .btn-primary.active, .btn-primary.btn-filled { |
|
background-color: #1eb0e9; |
|
} |
|
|
|
.btn-positive { |
|
color: #34ba15; |
|
border-color: #34ba15; |
|
} |
|
.btn-positive:active, .btn-positive.active, .btn-positive.btn-filled { |
|
background-color: #34ba15; |
|
} |
|
|
|
.btn-negative { |
|
color: #e71e1e; |
|
border-color: #e71e1e; |
|
} |
|
.btn-negative:active, .btn-negative.active, .btn-negative.btn-filled { |
|
background-color: #e71e1e; |
|
} |
|
|
|
.bar-title .btn { |
|
color: #fff; |
|
} |
|
.bar-title .btn:active, |
|
.bar-title .btn.active, |
|
.bar-title .btn-prev:active, |
|
.bar-title .btn-prev.active, |
|
.bar-title .btn-next:active, |
|
.bar-title .btn-next.active, |
|
.bar-title .btn-primary:active, |
|
.bar-title .btn-primary.active { |
|
color: #fff; |
|
} |
|
|
|
.segmented-controller { |
|
border-color: #1eb0e9; |
|
} |
|
.segmented-controller li { |
|
border-left-color: #1eb0e9; |
|
} |
|
.segmented-controller li > a { |
|
color: #1eb0e9; |
|
} |
|
.segmented-controller li.selected { |
|
background-color: #1eb0e9; |
|
} |
|
|
|
.bar-title .segmented-controller { |
|
border-color: #fff; |
|
} |
|
.bar-title .segmented-controller li { |
|
border-left-color: #fff; |
|
} |
|
.bar-title .segmented-controller li > a { |
|
color: #fff; |
|
} |
|
.bar-title .segmented-controller li.selected { |
|
background-color: rgba(255, 255, 255, 0.4); |
|
} |
|
|
|
input[type=search] { |
|
color: #555; |
|
background-color: rgba(0, 0, 0, 0.1); |
|
}
|
|
|