vendor/assets/stylesheets/bootstrap/bootstrap.css in jombo-0.0.1.beta8 vs vendor/assets/stylesheets/bootstrap/bootstrap.css in jombo-0.0.1.beta9
- old
+ new
@@ -4,11 +4,11 @@
* Copyright 2011 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Wed Nov 30 22:05:44 PST 2011
+ * Date: Sun Dec 11 02:07:42 PST 2011
*/
html, body {
margin: 0;
padding: 0;
}
@@ -68,10 +68,11 @@
font-size: 100%;
line-height: 1;
font-family: inherit;
}
table {
+ max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
@@ -125,10 +126,12 @@
}
sub {
bottom: -0.25em;
}
img {
+ max-width: 100%;
+ height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
button,
input,
@@ -431,13 +434,14 @@
}
dl dd {
margin-left: 9px;
}
hr {
- margin: 20px 0 19px;
+ margin: 27px 0;
border: 0;
- border-bottom: 1px solid #eee;
+ border-top: 1px solid #e5e5e5;
+ border-bottom: 1px solid #fff;
}
strong {
font-style: inherit;
font-weight: bold;
}
@@ -561,12 +565,11 @@
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
-/* Mini reset for unique input types */
-input[type=checkbox], input[type=radio] {
+input[type=image], input[type=checkbox], input[type=radio] {
width: auto;
height: auto;
padding: 0;
margin: 3px 0;
*margin-top: 0;
@@ -599,10 +602,15 @@
}
select[multiple] {
height: inherit;
background-color: #ffffff;
}
+input[type=image] {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
textarea {
height: auto;
}
input, textarea {
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
@@ -1173,11 +1181,10 @@
.headerSortDown.purple {
background-color: lighten(@purple, 40%);
}
}*/
.navbar {
- height: 40px;
overflow: visible;
}
.navbar-inner {
background-color: #222222;
background-color: #222222;
@@ -1311,10 +1318,18 @@
}
.nav .active > a {
background-color: #222;
background-color: rgba(0, 0, 0, 0.5);
}
+.nav .divider {
+ height: 40px;
+ width: 1px;
+ margin: 0 5px;
+ overflow: hidden;
+ background-color: #222;
+ border-right: 1px solid #444;
+}
.nav.secondary-nav {
float: right;
margin-left: 10px;
margin-right: 0;
}
@@ -2057,26 +2072,26 @@
border-color: #999;
}
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
border-top-color: #555;
}
-.pills a {
+.pills > li > a {
padding: 0 15px;
margin: 5px 3px 5px 0;
line-height: 30px;
text-shadow: 0 1px 1px #ffffff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
-.pills a:hover {
+.pills > li > a:hover {
color: #ffffff;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
background-color: #00438a;
}
-.pills .active a {
+.pills .active > a {
color: #ffffff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
background-color: #0069d6;
}
.pills-vertical > li {
@@ -2129,27 +2144,27 @@
}
.step-nav .dot:hover, .step-nav .active .dot {
background-color: #404040;
}
.subnav {
- position: relative;
background-color: #eeeeee;
background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eeeeee));
background-image: -moz-linear-gradient(top, #f5f5f5, #eeeeee);
background-image: -ms-linear-gradient(top, #f5f5f5, #eeeeee);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
background-image: linear-gradient(top, #f5f5f5, #eeeeee);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
+ -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 0 5px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: inset 0 1px 0 #ffffff, 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 1px 0 #ffffff, 0 0 5px rgba(0, 0, 0, 0.5);
}
.subnav a {
- padding: 10px 15px;
+ padding: 8px 10px;
+ font-size: 12px;
color: #0069d6;
text-shadow: 0 1px 0 #fff;
border-left: 1px solid #f9f9f9;
border-right: 1px solid #e5e5e5;
}
@@ -2513,58 +2528,98 @@
border-color: #0069d6;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
+.hidden {
+ display: none;
+ visibility: hidden;
+}
@media (max-width: 480px) {
- .container {
- width: auto;
- padding: 0 15px;
- }
- .row {
- margin-left: 0;
- }
- [class*="span"] {
- float: none;
- display: block;
- width: auto;
- margin: 0;
- }
.modal {
width: auto;
margin: 0;
}
- .form-horizontal .control-group > label {
+ .horizontal-form .control-group > label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
- .form-horizontal .controls {
+ .horizontal-form .controls {
margin-left: 0;
}
- .form-horizontal .control-list {
+ .horizontal-form .control-list {
padding-top: 0;
}
- .form-horizontal .form-actions {
+ .horizontal-form .form-actions {
padding-left: 0;
}
}
-@media (min-width: 480px) and (max-width: 768px) {
+@media (max-width: 768px) {
.container {
width: auto;
- padding: 0 10px;
+ padding: 0 20px;
}
.row {
margin-left: 0;
}
[class*="span"] {
float: none;
display: block;
width: auto;
margin: 0;
}
+ .nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 180px;
+ padding-top: 40px;
+ list-style: none;
+ }
+ .nav, .nav > li:last-child a {
+ -webkit-border-radius: 0 0 4px 0;
+ -moz-border-radius: 0 0 4px 0;
+ border-radius: 0 0 4px 0;
+ }
+ .nav > li {
+ float: none;
+ display: none;
+ }
+ .nav > li > a {
+ float: none;
+ background-color: #222;
+ }
+ .nav > .active {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ .navbar ul .active > a {
+ background-color: transparent;
+ }
+ .nav > .active a:after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-top: 8px;
+ margin-left: 6px;
+ text-indent: -99999px;
+ vertical-align: top;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid #ffffff;
+ filter: alpha(opacity=100);
+ -moz-opacity: 1;
+ opacity: 1;
+ content: "↓";
+ }
+ .nav > .active a:hover {
+ background-color: rgba(255, 255, 255, 0.05);
+ }
}
@media (min-width: 768px) and (max-width: 940px) {
.container {
width: 748px;
}
@@ -2640,13 +2695,10 @@
.offset12 {
margin-left: 768px;
}
}
/*
-// LARGE DESKTOP & UP
-// ------------------
-
@media (min-width: 1210px) {
// Reset grid variables
@gridColumns: 12;
@gridColumnWidth: 70px;
@@ -2695,6 +2747,6 @@
.offset10 { .offset(10); }
.offset11 { .offset(11); }
.offset12 { .offset(12); }
}
-*/
\ No newline at end of file
+*/