summaryrefslogtreecommitdiff
path: root/paper/bootstrap.css
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2014-11-13 04:08:26 -0500
committerThomas Park <thomas@thomaspark.me>2014-11-13 04:08:26 -0500
commit2d27fbca0e00dfd8e275d39f8e5ae9f40fb5c4c9 (patch)
tree06e753dd388fec04fcad8e6ef8953ceec1fbdd0f /paper/bootstrap.css
parentdc0928d084dce2a2def47a2c4f42af7b19f7e2b9 (diff)
rebuild themes with autoprefixer, closes #359
Diffstat (limited to 'paper/bootstrap.css')
-rw-r--r--paper/bootstrap.css173
1 files changed, 124 insertions, 49 deletions
diff --git a/paper/bootstrap.css b/paper/bootstrap.css
index dd58fc72..17097353 100644
--- a/paper/bootstrap.css
+++ b/paper/bootstrap.css
@@ -1,6 +1,6 @@
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500");
/*!
- * bootswatch v3.3.1
+ * bootswatch v3.3.1+1
* Homepage: http://bootswatch.com
* Copyright 2012-2014 Thomas Park
* Licensed under MIT
@@ -97,7 +97,8 @@ figure {
}
hr {
-moz-box-sizing: content-box;
- box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
height: 0;
}
pre {
@@ -147,7 +148,9 @@ input {
}
input[type="checkbox"],
input[type="radio"] {
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
@@ -194,7 +197,8 @@ th {
*:after {
background: transparent !important;
color: #000 !important;
- box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
text-shadow: none !important;
}
a,
@@ -1346,13 +1350,15 @@ kbd {
color: #ffffff;
background-color: #333333;
border-radius: 3px;
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
- box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
pre {
display: block;
@@ -2359,7 +2365,7 @@ output {
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+ -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
@@ -2746,7 +2752,8 @@ select[multiple].form-group-lg .form-control {
font-weight: normal;
text-align: center;
vertical-align: middle;
- touch-action: manipulation;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
@@ -3157,11 +3164,14 @@ tbody.collapse.in {
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
- transition-property: height, visibility;
+ -o-transition-property: height, visibility;
+ transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
- transition-duration: 0.35s;
+ -o-transition-duration: 0.35s;
+ transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
- transition-timing-function: ease;
+ -o-transition-timing-function: ease;
+ transition-timing-function: ease;
}
.caret {
display: inline-block;
@@ -3198,7 +3208,8 @@ tbody.collapse.in {
border-radius: 3px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- background-clip: padding-box;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
@@ -3839,7 +3850,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
@@ -3849,7 +3861,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-collapse {
width: auto;
border-top: 0;
- box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
@@ -3990,7 +4003,8 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
margin-top: 0;
background-color: transparent;
border: 0;
- box-shadow: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
@@ -4751,6 +4765,14 @@ a.thumbnail.active {
background-position: 0 0;
}
}
+@-o-keyframes progress-bar-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
@@ -4788,7 +4810,8 @@ a.thumbnail.active {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
- background-size: 40px 40px;
+ -webkit-background-size: 40px 40px;
+ background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
@@ -5461,7 +5484,6 @@ button.close {
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
- -moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
@@ -5488,7 +5510,8 @@ button.close {
border-radius: 3px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
- background-clip: padding-box;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
@@ -5680,7 +5703,8 @@ button.close {
line-height: 1.846;
text-align: left;
background-color: #ffffff;
- background-clip: padding-box;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
border: 1px solid transparent;
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
@@ -5807,24 +5831,31 @@ button.close {
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
- transition: transform 0.6s ease-in-out;
- backface-visibility: hidden;
- perspective: 1000;
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
+ -o-transition: -o-transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-perspective: 1000;
+ perspective: 1000;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
- transform: translate3d(100%, 0, 0);
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
- transform: translate3d(-100%, 0, 0);
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
- transform: translate3d(0, 0, 0);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
left: 0;
}
}
@@ -5874,6 +5905,7 @@ button.close {
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
@@ -5883,6 +5915,7 @@ button.close {
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
@@ -6326,127 +6359,169 @@ button.close {
}
.btn-default {
background-image: -webkit-radial-gradient(circle, #ffffff 80%, #f0f0f0 81%);
+ background-image: -o-radial-gradient(circle, #ffffff 80%, #f0f0f0 81%);
background-image: radial-gradient(circle, #ffffff 80%, #f0f0f0 81%);
background-repeat: no-repeat;
- background-size: 200%;
+ -webkit-background-size: 200% 200%;
+ background-size: 200%;
background-position: 50%;
- transition: background-size 2s;
+ -webkit-transition: background-size 2s;
+ -o-transition: background-size 2s;
+ transition: background-size 2s;
}
.btn-default:hover {
- background-size: 100%;
+ -webkit-background-size: 100% 100%;
+ background-size: 100%;
border-color: #f0f0f0;
}
.btn-default:active {
background-color: #f0f0f0;
background-image: -webkit-radial-gradient(circle, #f0f0f0 10%, #ffffff 11%);
+ background-image: -o-radial-gradient(circle, #f0f0f0 10%, #ffffff 11%);
background-image: radial-gradient(circle, #f0f0f0 10%, #ffffff 11%);
background-repeat: no-repeat;
- background-size: 1000%;
+ -webkit-background-size: 1000% 1000%;
+ background-size: 1000%;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-primary {
background-image: -webkit-radial-gradient(circle, #2196f3 80%, #0d87e9 81%);
+ background-image: -o-radial-gradient(circle, #2196f3 80%, #0d87e9 81%);
background-image: radial-gradient(circle, #2196f3 80%, #0d87e9 81%);
background-repeat: no-repeat;
- background-size: 200%;
+ -webkit-background-size: 200% 200%;
+ background-size: 200%;
background-position: 50%;
- transition: background-size 2s;
+ -webkit-transition: background-size 2s;
+ -o-transition: background-size 2s;
+ transition: background-size 2s;
}
.btn-primary:hover {
- background-size: 100%;
+ -webkit-background-size: 100% 100%;
+ background-size: 100%;
border-color: #0d87e9;
}
.btn-primary:active {
background-color: #0d87e9;
background-image: -webkit-radial-gradient(circle, #0d87e9 10%, #2196f3 11%);
+ background-image: -o-radial-gradient(circle, #0d87e9 10%, #2196f3 11%);
background-image: radial-gradient(circle, #0d87e9 10%, #2196f3 11%);
background-repeat: no-repeat;
- background-size: 1000%;
+ -webkit-background-size: 1000% 1000%;
+ background-size: 1000%;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-success {
background-image: -webkit-radial-gradient(circle, #4caf50 80%, #439a46 81%);
+ background-image: -o-radial-gradient(circle, #4caf50 80%, #439a46 81%);
background-image: radial-gradient(circle, #4caf50 80%, #439a46 81%);
background-repeat: no-repeat;
- background-size: 200%;
+ -webkit-background-size: 200% 200%;
+ background-size: 200%;
background-position: 50%;
- transition: background-size 2s;
+ -webkit-transition: background-size 2s;
+ -o-transition: background-size 2s;
+ transition: background-size 2s;
}
.btn-success:hover {
- background-size: 100%;
+ -webkit-background-size: 100% 100%;
+ background-size: 100%;
border-color: #439a46;
}
.btn-success:active {
background-color: #439a46;
background-image: -webkit-radial-gradient(circle, #439a46 10%, #4caf50 11%);
+ background-image: -o-radial-gradient(circle, #439a46 10%, #4caf50 11%);
background-image: radial-gradient(circle, #439a46 10%, #4caf50 11%);
background-repeat: no-repeat;
- background-size: 1000%;
+ -webkit-background-size: 1000% 1000%;
+ background-size: 1000%;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-info {
background-image: -webkit-radial-gradient(circle, #9c27b0 80%, #862197 81%);
+ background-image: -o-radial-gradient(circle, #9c27b0 80%, #862197 81%);
background-image: radial-gradient(circle, #9c27b0 80%, #862197 81%);
background-repeat: no-repeat;
- background-size: 200%;
+ -webkit-background-size: 200% 200%;
+ background-size: 200%;
background-position: 50%;
- transition: background-size 2s;
+ -webkit-transition: background-size 2s;
+ -o-transition: background-size 2s;
+ transition: background-size 2s;
}
.btn-info:hover {
- background-size: 100%;
+ -webkit-background-size: 100% 100%;
+ background-size: 100%;
border-color: #862197;
}
.btn-info:active {
background-color: #862197;
background-image: -webkit-radial-gradient(circle, #862197 10%, #9c27b0 11%);
+ background-image: -o-radial-gradient(circle, #862197 10%, #9c27b0 11%);
background-image: radial-gradient(circle, #862197 10%, #9c27b0 11%);
background-repeat: no-repeat;
- background-size: 1000%;
+ -webkit-background-size: 1000% 1000%;
+ background-size: 1000%;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-warning {
background-image: -webkit-radial-gradient(circle, #ff9800 80%, #e08600 81%);
+ background-image: -o-radial-gradient(circle, #ff9800 80%, #e08600 81%);
background-image: radial-gradient(circle, #ff9800 80%, #e08600 81%);
background-repeat: no-repeat;
- background-size: 200%;
+ -webkit-background-size: 200% 200%;
+ background-size: 200%;
background-position: 50%;
- transition: background-size 2s;
+ -webkit-transition: background-size 2s;
+ -o-transition: background-size 2s;
+ transition: background-size 2s;
}
.btn-warning:hover {
- background-size: 100%;
+ -webkit-background-size: 100% 100%;
+ background-size: 100%;
border-color: #e08600;
}
.btn-warning:active {
background-color: #e08600;
background-image: -webkit-radial-gradient(circle, #e08600 10%, #ff9800 11%);
+ background-image: -o-radial-gradient(circle, #e08600 10%, #ff9800 11%);
background-image: radial-gradient(circle, #e08600 10%, #ff9800 11%);
background-repeat: no-repeat;
- background-size: 1000%;
+ -webkit-background-size: 1000% 1000%;
+ background-size: 1000%;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.btn-danger {
background-image: -webkit-radial-gradient(circle, #e51c23 80%, #cb171e 81%);
+ background-image: -o-radial-gradient(circle, #e51c23 80%, #cb171e 81%);
background-image: radial-gradient(circle, #e51c23 80%, #cb171e 81%);
background-repeat: no-repeat;
- background-size: 200%;
+ -webkit-background-size: 200% 200%;
+ background-size: 200%;
background-position: 50%;
- transition: background-size 2s;
+ -webkit-transition: background-size 2s;
+ -o-transition: background-size 2s;
+ transition: background-size 2s;
}
.btn-danger:hover {
- background-size: 100%;
+ -webkit-background-size: 100% 100%;
+ background-size: 100%;
border-color: #cb171e;
}
.btn-danger:active {
background-color: #cb171e;
background-image: -webkit-radial-gradient(circle, #cb171e 10%, #e51c23 11%);
+ background-image: -o-radial-gradient(circle, #cb171e 10%, #e51c23 11%);
background-image: radial-gradient(circle, #cb171e 10%, #e51c23 11%);
background-repeat: no-repeat;
- background-size: 1000%;
+ -webkit-background-size: 1000% 1000%;
+ background-size: 1000%;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}