Update to Bootstrap 2.0.4

This commit is contained in:
Ben Word
2012-06-03 12:26:22 -06:00
parent 88fd827d04
commit 9e1ecfa4e1
16 changed files with 145 additions and 127 deletions

File diff suppressed because one or more lines are too long

4
css/bootstrap.css vendored

File diff suppressed because one or more lines are too long

View File

@@ -1,5 +1,5 @@
/*! /*!
* Bootstrap v2.0.3 * Bootstrap v2.0.4
* *
* Copyright 2012 Twitter, Inc * Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0 * Licensed under the Apache License v2.0

View File

@@ -2,10 +2,10 @@
// -------------------- // --------------------
.fade { .fade {
.opacity(0); opacity: 0;
.transition(opacity .15s linear); .transition(opacity .15s linear);
&.in { &.in {
.opacity(100); opacity: 1;
} }
} }
@@ -17,4 +17,4 @@
&.in { &.in {
height: auto; height: auto;
} }
} }

View File

@@ -71,7 +71,7 @@
// Dividers (basically an hr) within the dropdown // Dividers (basically an hr) within the dropdown
.divider { .divider {
.nav-divider(); .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
} }
// Links within the dropdown menu // Links within the dropdown menu
@@ -103,14 +103,14 @@
// make the menu appear below buttons that appeared later on the page // make the menu appear below buttons that appeared later on the page
*z-index: @zindexDropdown; *z-index: @zindexDropdown;
.dropdown-menu { & > .dropdown-menu {
display: block; display: block;
} }
} }
// Right aligned dropdowns // Right aligned dropdowns
// --------------------------- // ---------------------------
.pull-right .dropdown-menu { .pull-right > .dropdown-menu {
right: 0; right: 0;
left: auto; left: auto;
} }

View File

@@ -27,7 +27,7 @@ legend {
line-height: @baseLineHeight * 2; line-height: @baseLineHeight * 2;
color: @grayDark; color: @grayDark;
border: 0; border: 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #e5e5e5;
// Small // Small
small { small {
@@ -55,72 +55,101 @@ textarea {
label { label {
display: block; display: block;
margin-bottom: 5px; margin-bottom: 5px;
color: @grayDark;
} }
// Inputs, Textareas, Selects // Form controls
input, // -------------------------
textarea,
// Shared size and type resets
select, select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { .uneditable-input {
display: inline-block; display: inline-block;
width: 210px;
height: @baseLineHeight; height: @baseLineHeight;
padding: 4px; padding: 4px;
margin-bottom: 9px; margin-bottom: 9px;
font-size: @baseFontSize; font-size: @baseFontSize;
line-height: @baseLineHeight; line-height: @baseLineHeight;
color: @gray; color: @gray;
}
// Reset appearance properties for textual inputs and textarea
// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
input,
textarea {
width: 210px;
}
// Reset height since textareas have rows
textarea {
height: auto;
}
// Everything else
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: @inputBackground; background-color: @inputBackground;
border: 1px solid @inputBorder; border: 1px solid @inputBorder;
.border-radius(@inputBorderRadius); .border-radius(@inputBorderRadius);
} .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.uneditable-textarea { @transition: border linear .2s, box-shadow linear .2s;
width: auto; .transition(@transition);
height: auto;
// Focus state
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
}
} }
// Inputs within a label // Position radios and checkboxes better
label input, input[type="radio"],
label textarea, input[type="checkbox"] {
label select {
display: block;
}
// Mini reset for unique input types
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
width: auto;
height: auto;
padding: 0;
margin: 3px 0; margin: 3px 0;
*margin-top: 0; /* IE7 */ *margin-top: 0; /* IE7 */
line-height: normal; line-height: normal;
cursor: pointer; cursor: pointer;
background-color: transparent;
border: 0 \9; /* IE9 and down */
.border-radius(0);
}
input[type="image"] {
border: 0;
} }
// Reset the file input to browser defaults // Reset width of input buttons, radios, checkboxes
input[type="file"] { input[type="submit"],
width: auto;
padding: initial;
line-height: initial;
background-color: @inputBackground;
background-color: initial;
border: initial;
.box-shadow(none);
}
// Help out input buttons
input[type="button"],
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto; // Override of generic input selector
}
// Make uneditable textareas behave like a textarea
.uneditable-textarea {
width: auto; width: auto;
height: auto; height: auto;
} }
@@ -133,15 +162,10 @@ input[type="file"] {
line-height: 28px; line-height: 28px;
} }
// Reset line-height for IE // Make select elements obey height by applying a border
input[type="file"] {
line-height: 18px \9;
}
// Chrome on Linux and Mobile Safari need background-color
select { select {
width: 220px; // default input width + 10px of padding that doesn't get applied width: 220px; // default input width + 10px of padding that doesn't get applied
background-color: @inputBackground; border: 1px solid #bbb;
} }
// Make multiple select elements height not fixed // Make multiple select elements height not fixed
@@ -150,19 +174,12 @@ select[size] {
height: auto; height: auto;
} }
// Remove shadow from image inputs // Focus for select, file, radio, and checkbox
input[type="image"] { select:focus,
.box-shadow(none); input[type="file"]:focus,
} input[type="radio"]:focus,
input[type="checkbox"]:focus {
// Make textarea height behave .tab-focus();
textarea {
height: auto;
}
// Hidden inputs
input[type="hidden"] {
display: none;
} }
@@ -204,32 +221,6 @@ input[type="hidden"] {
// FOCUS STATE
// -----------
input,
textarea {
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
@transition: border linear .2s, box-shadow linear .2s;
.transition(@transition);
}
input:focus,
textarea:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
.tab-focus();
.box-shadow(none); // override for file inputs
}
// INPUT SIZES // INPUT SIZES
// ----------- // -----------
@@ -254,14 +245,22 @@ textarea[class*="span"],
float: none; float: none;
margin-left: 0; margin-left: 0;
} }
// Ensure input-prepend/append never wraps
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
display: inline-block;
}
// GRID SIZING FOR INPUTS // GRID SIZING FOR INPUTS
// ---------------------- // ----------------------
#grid > .input (@gridColumnWidth, @gridGutterWidth); #grid > .input(@gridColumnWidth, @gridGutterWidth);
@@ -329,7 +328,7 @@ select:focus:required:invalid {
margin-top: @baseLineHeight; margin-top: @baseLineHeight;
margin-bottom: @baseLineHeight; margin-bottom: @baseLineHeight;
background-color: @formActionsBackground; background-color: @formActionsBackground;
border-top: 1px solid #ddd; border-top: 1px solid #e5e5e5;
.clearfix(); // Adding clearfix to allow for .pull-right button containers .clearfix(); // Adding clearfix to allow for .pull-right button containers
} }
@@ -344,7 +343,7 @@ select:focus:required:invalid {
} }
// Placeholder text gets special styles; can't be bundled together though for some reason // Placeholder text gets special styles; can't be bundled together though for some reason
.placeholder(@grayLight); .placeholder();

View File

@@ -81,10 +81,13 @@
// Placeholder text // Placeholder text
// ------------------------- // -------------------------
.placeholder(@color: @placeholderText) { .placeholder(@color: @placeholderText) {
:-moz-placeholder { &:-moz-placeholder {
color: @color; color: @color;
} }
::-webkit-input-placeholder { &:-ms-input-placeholder {
color: @color;
}
&::-webkit-input-placeholder {
color: @color; color: @color;
} }
} }
@@ -166,6 +169,8 @@
color: @textColor; color: @textColor;
} }
// Style inputs accordingly // Style inputs accordingly
.checkbox,
.radio,
input, input,
select, select,
textarea { textarea {
@@ -312,6 +317,16 @@
column-gap: @columnGap; column-gap: @columnGap;
} }
// Optional hyphenation
.hyphens(@mode: auto) {
word-wrap: break-word;
-webkit-hyphens: @mode;
-moz-hyphens: @mode;
-ms-hyphens: @mode;
-o-hyphens: @mode;
hyphens: @mode;
}
// Opacity // Opacity
.opacity(@opacity) { .opacity(@opacity) {
opacity: @opacity / 100; opacity: @opacity / 100;
@@ -417,7 +432,7 @@
// Horizontal dividers // Horizontal dividers
// ------------------------- // -------------------------
// Dividers (basically an hr) within dropdowns and nav lists // Dividers (basically an hr) within dropdowns and nav lists
.nav-divider() { .nav-divider(@top: #e5e5e5, @bottom: @white) {
// IE7 needs a set width since we gave a height. Restricting just // IE7 needs a set width since we gave a height. Restricting just
// to IE7 to keep the 1px left/right space in other browsers. // to IE7 to keep the 1px left/right space in other browsers.
// It is unclear where IE is getting the extra space that we need // It is unclear where IE is getting the extra space that we need
@@ -427,8 +442,8 @@
margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
*margin: -5px 0 5px; *margin: -5px 0 5px;
overflow: hidden; overflow: hidden;
background-color: #e5e5e5; background-color: @top;
border-bottom: 1px solid @white; border-bottom: 1px solid @bottom;
} }
// Button backgrounds // Button backgrounds

View File

@@ -120,16 +120,10 @@
color: @white; color: @white;
background-color: @navbarSearchBackground; background-color: @navbarSearchBackground;
border: 1px solid @navbarSearchBorder; border: 1px solid @navbarSearchBorder;
.box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15)"); .box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");
.transition(none); .transition(none);
// Placeholder text gets special styles; can't be a grouped selector .placeholder(@navbarSearchPlaceholderColor);
&:-moz-placeholder {
color: @navbarSearchPlaceholderColor;
}
&::-webkit-input-placeholder {
color: @navbarSearchPlaceholderColor;
}
// Focus states (we use .focused since IE7-8 and down doesn't support :focus) // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
&:focus, &:focus,

View File

@@ -81,6 +81,11 @@ img {
-ms-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic;
} }
// Prevent max-width from affecting Google Maps
#map_canvas img {
max-width: none;
}
// Forms // Forms
// ------------------------- // -------------------------

View File

@@ -9,11 +9,18 @@
padding-top: 0; padding-top: 0;
} }
// Unfix the navbar // Unfix the navbar
.navbar-fixed-top { .navbar-fixed-top,
.navbar-fixed-bottom {
position: static; position: static;
}
.navbar-fixed-top {
margin-bottom: @baseLineHeight; margin-bottom: @baseLineHeight;
} }
.navbar-fixed-top .navbar-inner { .navbar-fixed-bottom {
margin-top: @baseLineHeight;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px; padding: 5px;
} }
.navbar .container { .navbar .container {

View File

@@ -1,5 +1,5 @@
/*! /*!
* Bootstrap Responsive v2.0.3 * Bootstrap Responsive v2.0.4
* *
* Copyright 2012 Twitter, Inc * Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0 * Licensed under the Apache License v2.0

View File

@@ -8,9 +8,6 @@
p { p {
margin: 0 0 @baseLineHeight / 2; margin: 0 0 @baseLineHeight / 2;
font-family: @baseFontFamily;
font-size: @baseFontSize;
line-height: @baseLineHeight;
small { small {
font-size: @baseFontSize - 2; font-size: @baseFontSize - 2;
color: @grayLight; color: @grayLight;
@@ -171,7 +168,7 @@ em {
// Abbreviations and acronyms // Abbreviations and acronyms
abbr[title] { abbr[title] {
cursor: help; cursor: help;
border-bottom: 1px dotted #ddd; border-bottom: 1px dotted @grayLight;
} }
abbr.initialism { abbr.initialism {
font-size: 90%; font-size: 90%;

View File

@@ -107,7 +107,8 @@
@dropdownLinkColor: @grayDark; @dropdownLinkColor: @grayDark;
@dropdownLinkColorHover: @white; @dropdownLinkColorHover: @white;
@dropdownLinkBackgroundHover: @linkColor; @dropdownLinkBackgroundHover: @linkColor;
@dropdownDividerTop: #e5e5e5;
@dropdownDividerBottom: @white;

0
img/glyphicons-halflings-white.png Executable file → Normal file
View File

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

0
img/glyphicons-halflings.png Executable file → Normal file
View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long