aboutsummaryrefslogtreecommitdiff
path: root/bootstrap.css
diff options
context:
space:
mode:
Diffstat (limited to 'bootstrap.css')
-rw-r--r--bootstrap.css538
1 files changed, 258 insertions, 280 deletions
diff --git a/bootstrap.css b/bootstrap.css
index e8b9d2d53..87e12fca0 100644
--- a/bootstrap.css
+++ b/bootstrap.css
@@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Thu Nov 17 00:52:01 PST 2011
+ * Date: Tue Nov 29 22:34:51 PST 2011
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -118,9 +118,9 @@ audio:not([controls]) {
display: none;
}
sub, sup {
+ position: relative;
font-size: 75%;
line-height: 0;
- position: relative;
vertical-align: baseline;
}
sup {
@@ -137,18 +137,18 @@ button,
input,
select,
textarea {
- font-size: 100%;
margin: 0;
+ font-size: 100%;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
- line-height: normal;
*overflow: visible;
+ line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
- border: 0;
padding: 0;
+ border: 0;
}
button,
input[type="button"],
@@ -181,12 +181,12 @@ textarea {
* Basic and global styles for generating a grid system, structural layout, and page templates
* ------------------------------------------------------------------------------------------- */
body {
- background-color: #ffffff;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #404040;
+ background-color: #ffffff;
}
.container {
width: 940px;
@@ -196,9 +196,9 @@ body {
}
.container:before, .container:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.container:after {
clear: both;
@@ -212,9 +212,9 @@ body {
}
.fluid-container:before, .fluid-container:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.fluid-container:after {
clear: both;
@@ -236,10 +236,10 @@ body {
margin-right: 240px;
}
a {
+ font-weight: inherit;
+ line-height: inherit;
color: #0069d6;
text-decoration: none;
- line-height: inherit;
- font-weight: inherit;
}
a:hover {
color: #00438a;
@@ -263,9 +263,9 @@ a:hover {
}
.row:before, .row:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.row:after {
clear: both;
@@ -348,10 +348,10 @@ a:hover {
* Headings, body text, lists, code, and more for a versatile and durable typography system
* ---------------------------------------------------------------------------------------- */
p {
+ margin-bottom: 9px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
- margin-bottom: 9px;
}
p small {
font-size: 11px;
@@ -433,8 +433,8 @@ li {
color: #404040;
}
ul.unstyled {
- list-style: none;
margin-left: 0;
+ list-style: none;
}
dl {
margin-bottom: 18px;
@@ -472,15 +472,15 @@ abbr {
cursor: help;
}
blockquote {
+ padding-left: 15px;
margin-bottom: 18px;
border-left: 5px solid #eee;
- padding-left: 15px;
}
blockquote p {
+ margin-bottom: 0;
font-size: 300;
font-weight: 16px;
line-height: 22.5px;
- margin-bottom: 0;
}
blockquote small {
display: block;
@@ -498,8 +498,8 @@ blockquote.pull-right p, blockquote.pull-right small {
}
address {
display: block;
- line-height: 18px;
margin-bottom: 18px;
+ line-height: 18px;
}
code, pre {
padding: 0 3px 2px;
@@ -511,16 +511,16 @@ code, pre {
border-radius: 3px;
}
code {
- background-color: #fee9cc;
padding: 1px 3px;
+ background-color: #fee9cc;
}
pre {
- background-color: #f5f5f5;
display: block;
padding: 8.5px;
margin: 0 0 9px;
- line-height: 18px;
font-size: 12px;
+ line-height: 18px;
+ background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
@@ -593,11 +593,11 @@ input[type=checkbox], input[type=radio] {
cursor: pointer;
}
input[type=file] {
- background-color: #ffffff;
- background-color: initial;
padding: initial;
- border: initial;
line-height: initial;
+ border: initial;
+ background-color: #ffffff;
+ background-color: initial;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
@@ -608,34 +608,34 @@ input[type=button], input[type=reset], input[type=submit] {
}
select, input[type=file] {
height: 27px;
- line-height: 27px;
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
+ line-height: 27px;
}
select[multiple] {
- background-color: #ffffff;
height: inherit;
+ background-color: #ffffff;
}
textarea {
height: auto;
}
input, textarea {
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
- -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
- outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+ outline: 0;
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
-webkit-box-shadow: none;
@@ -877,8 +877,8 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
border-top: 1px solid #ddd;
}
.uneditable-input {
- background-color: #ffffff;
display: block;
+ background-color: #ffffff;
border-color: #eee;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
@@ -897,14 +897,14 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
color: #bfbfbf;
}
.help-inline {
- display: inline;
- padding-left: 5px;
*position: relative;
/* IE6-7 */
*top: -5px;
/* IE6-7 */
+ display: inline;
+ padding-left: 5px;
}
.help-block {
display: block;
@@ -932,27 +932,27 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
}
.input-prepend .add-on, .input-append .add-on {
position: relative;
- background: #f5f5f5;
- border: 1px solid #ccc;
z-index: 2;
float: left;
display: block;
width: auto;
min-width: 16px;
height: 18px;
- padding: 4px 4px 4px 5px;
margin-right: -1px;
+ padding: 4px 4px 4px 5px;
font-weight: normal;
line-height: 18px;
color: #bfbfbf;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-prepend .active, .input-append .active {
- background: #a9dba9;
+ background-color: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on {
@@ -967,11 +967,11 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
border-radius: 3px 0 0 3px;
}
.input-append .add-on {
+ margin-right: 0;
+ margin-left: -1px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
- margin-right: 0;
- margin-left: -1px;
}
.search-form .search-query {
-webkit-border-radius: 14px;
@@ -1005,43 +1005,38 @@ form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-app
* ---------------------------------------- */
table {
width: 100%;
- padding: 0;
margin-bottom: 18px;
- font-size: 13px;
- border-collapse: collapse;
}
-table th, table td {
- padding: 10px 10px 9px;
+th, td {
+ padding: 8px;
line-height: 18px;
text-align: left;
+ border-bottom: 1px solid #ddd;
}
-table th {
- padding-top: 9px;
+th {
font-weight: bold;
- vertical-align: middle;
+ vertical-align: bottom;
}
-table td {
+td {
vertical-align: top;
- border-top: 1px solid #ddd;
}
-table tbody th {
- border-top: 1px solid #ddd;
- vertical-align: top;
+tbody tr:last-child th, tbody tr:last-child td {
+ border-bottom: 0;
}
.condensed-table th, .condensed-table td {
- padding: 5px 5px 4px;
+ padding: 4px 5px;
}
.bordered-table {
border: 1px solid #ddd;
border-collapse: separate;
- *border-collapse: collapse;
- /* IE7, collapse table to remove spacing */
-
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
-.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
+.bordered-table th + th,
+.bordered-table td + td,
+.bordered-table th + td,
+.bordered-table td + th {
border-left: 1px solid #ddd;
}
.bordered-table thead:first-child tr:first-child th:first-child, .bordered-table tbody:first-child tr:first-child td:first-child {
@@ -1054,153 +1049,151 @@ table tbody th {
-moz-border-radius: 0 4px 0 0;
border-radius: 0 4px 0 0;
}
-.bordered-table tbody tr:last-child td:first-child {
+.bordered-table thead:last-child tr:last-child th:first-child, .bordered-table tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
-.bordered-table tbody tr:last-child td:last-child {
+.bordered-table thead:last-child tr:last-child th:last-child, .bordered-table tbody:last-child tr:last-child td:last-child {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0;
}
-table .span1 {
- width: 40px;
-}
-table .span2 {
- width: 120px;
-}
-table .span3 {
- width: 200px;
-}
-table .span4 {
- width: 280px;
-}
-table .span5 {
- width: 360px;
-}
-table .span6 {
- width: 440px;
-}
-table .span7 {
- width: 520px;
-}
-table .span8 {
- width: 600px;
-}
-table .span9 {
- width: 680px;
-}
-table .span10 {
- width: 760px;
-}
-table .span11 {
- width: 840px;
-}
-table .span12 {
- width: 920px;
-}
-table .span13 {
- width: 1000px;
-}
-table .span14 {
- width: 1080px;
-}
-table .span15 {
- width: 1160px;
-}
-table .span16 {
- width: 1240px;
-}
.striped-table tbody tr:nth-child(odd) td, .striped-table tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
}
-.striped-table tbody tr:hover td, .striped-table tbody tr:hover th {
- background-color: #f5f5f5;
-}
-table .header {
- cursor: pointer;
-}
-table .header:after {
- content: "";
- float: right;
- margin-top: 7px;
- border-width: 0 4px 4px;
- border-style: solid;
- border-color: #000 transparent;
- visibility: hidden;
-}
-table .headerSortUp, table .headerSortDown {
- background-color: rgba(141, 192, 219, 0.25);
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-}
-table .header:hover:after {
- visibility: visible;
-}
-table .headerSortDown:after, table .headerSortDown:hover:after {
- visibility: visible;
- filter: alpha(opacity=60);
- -khtml-opacity: 0.6;
- -moz-opacity: 0.6;
- opacity: 0.6;
-}
-table .headerSortUp:after {
- border-bottom: none;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid #000;
- visibility: visible;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- filter: alpha(opacity=60);
- -khtml-opacity: 0.6;
- -moz-opacity: 0.6;
- opacity: 0.6;
-}
-table .blue {
- color: #049cdb;
- border-bottom-color: #049cdb;
-}
-table .headerSortUp.blue, table .headerSortDown.blue {
- background-color: #ade6fe;
-}
-table .green {
- color: #46a546;
- border-bottom-color: #46a546;
-}
-table .headerSortUp.green, table .headerSortDown.green {
- background-color: #cdeacd;
-}
-table .red {
- color: #9d261d;
- border-bottom-color: #9d261d;
-}
-table .headerSortUp.red, table .headerSortDown.red {
- background-color: #f4c8c5;
-}
-table .yellow {
- color: #ffc40d;
- border-bottom-color: #ffc40d;
-}
-table .headerSortUp.yellow, table .headerSortDown.yellow {
- background-color: #fff6d9;
-}
-table .orange {
- color: #f89406;
- border-bottom-color: #f89406;
-}
-table .headerSortUp.orange, table .headerSortDown.orange {
- background-color: #fee9cc;
-}
-table .purple {
- color: #7a43b6;
- border-bottom-color: #7a43b6;
+/*
+// ----------------
+
+// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
+.tableColumns(@columnSpan: 1) {
+ width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
}
-table .headerSortUp.purple, table .headerSortDown.purple {
- background-color: #e2d5f0;
+table {
+ // Default columns
+ .span1 { .tableColumns(1); }
+ .span2 { .tableColumns(2); }
+ .span3 { .tableColumns(3); }
+ .span4 { .tableColumns(4); }
+ .span5 { .tableColumns(5); }
+ .span6 { .tableColumns(6); }
+ .span7 { .tableColumns(7); }
+ .span8 { .tableColumns(8); }
+ .span9 { .tableColumns(9); }
+ .span10 { .tableColumns(10); }
+ .span11 { .tableColumns(11); }
+ .span12 { .tableColumns(12); }
+ .span13 { .tableColumns(13); }
+ .span14 { .tableColumns(14); }
+ .span15 { .tableColumns(15); }
+ .span16 { .tableColumns(16); }
}
-/* Patterns.less
+
+
+// TABLESORTER
+// -----------
+
+table {
+ // Tablesorting styles w/ jQuery plugin
+ .header {
+ cursor: pointer;
+ &:after {
+ float: right;
+ margin-top: 7px;
+ border-width: 0 4px 4px;
+ border-style: solid;
+ border-color: #000 transparent;
+ content: "";
+ visibility: hidden;
+ }
+ }
+ // Style the sorted column headers (THs)
+ .headerSortUp,
+ .headerSortDown {
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
+ background-color: rgba(141,192,219,.25);
+ }
+ // Style the ascending (reverse alphabetical) column header
+ .header:hover {
+ &:after {
+ visibility: visible;
+ }
+ }
+ // Style the descending (alphabetical) column header
+ .headerSortDown,
+ .headerSortDown:hover {
+ &:after {
+ visibility: visible;
+ .opacity(60);
+ }
+ }
+ // Style the ascending (reverse alphabetical) column header
+ .headerSortUp {
+ &:after {
+ border-bottom: none;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid #000;
+ visibility:visible;
+ .box-shadow(none); //can't add boxshadow to downward facing arrow :(
+ .opacity(60);
+ }
+ }
+ // Blue Table Headings
+ .blue {
+ color: @blue;
+ border-bottom-color: @blue;
+ }
+ .headerSortUp.blue,
+ .headerSortDown.blue {
+ background-color: lighten(@blue, 40%);
+ }
+ // Green Table Headings
+ .green {
+ color: @green;
+ border-bottom-color: @green;
+ }
+ .headerSortUp.green,
+ .headerSortDown.green {
+ background-color: lighten(@green, 40%);
+ }
+ // Red Table Headings
+ .red {
+ color: @red;
+ border-bottom-color: @red;
+ }
+ .headerSortUp.red,
+ .headerSortDown.red {
+ background-color: lighten(@red, 50%);
+ }
+ // Yellow Table Headings
+ .yellow {
+ color: @yellow;
+ border-bottom-color: @yellow;
+ }
+ .headerSortUp.yellow,
+ .headerSortDown.yellow {
+ background-color: lighten(@yellow, 40%);
+ }
+ // Orange Table Headings
+ .orange {
+ color: @orange;
+ border-bottom-color: @orange;
+ }
+ .headerSortUp.orange,
+ .headerSortDown.orange {
+ background-color: lighten(@orange, 40%);
+ }
+ // Purple Table Headings
+ .purple {
+ color: @purple;
+ border-bottom-color: @purple;
+ }
+ .headerSortUp.purple,
+ .headerSortDown.purple {
+ background-color: lighten(@purple, 40%);
+ }
+}*//* Patterns.less
* Repeatable UI elements outside the base styles provided from the scaffolding
* ---------------------------------------------------------------------------- */
.navbar {
@@ -1228,45 +1221,45 @@ table .headerSortUp.purple, table .headerSortDown.purple {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .brand a:hover, .navbar ul .active > a {
- background-color: #333333;
- background-color: rgba(255, 255, 255, 0.05);
color: #ffffff;
text-decoration: none;
+ background-color: #333333;
+ background-color: rgba(255, 255, 255, 0.05);
}
.navbar .brand {
float: left;
display: block;
padding: 8px 20px 12px;
margin-left: -20px;
- color: #ffffff;
font-size: 20px;
font-weight: 200;
line-height: 1;
+ color: #ffffff;
}
.navbar p {
margin: 0;
line-height: 40px;
}
.navbar p a:hover {
- background-color: transparent;
color: #ffffff;
+ background-color: transparent;
}
.navbar-search {
position: relative;
+ float: left;
margin-top: 6px;
margin-bottom: 0;
- float: left;
}
.navbar-search .search-query {
- background-color: #444;
- background-color: rgba(255, 255, 255, 0.3);
+ padding: 4px 9px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1;
- padding: 4px 9px;
color: #ffffff;
color: rgba(255, 255, 255, 0.75);
+ background-color: #444;
+ background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #111;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
@@ -1284,20 +1277,20 @@ table .headerSortUp.purple, table .headerSortDown.purple {
color: #e6e6e6;
}
.navbar-search .search-query:hover {
+ color: #ffffff;
background-color: #bfbfbf;
background-color: rgba(255, 255, 255, 0.5);
- color: #ffffff;
}
.navbar-search .search-query:focus, .navbar-search .search-query.focused {
- outline: 0;
- background-color: #ffffff;
+ padding: 5px 10px;
color: #404040;
text-shadow: 0 1px 0 #ffffff;
+ background-color: #ffffff;
border: 0;
- padding: 5px 10px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+ outline: 0;
}
.navbar-static {
margin-bottom: 18px;
@@ -1312,16 +1305,16 @@ table .headerSortUp.purple, table .headerSortDown.purple {
.navbar-fixed {
position: fixed;
top: 0;
- left: 0;
right: 0;
+ left: 0;
z-index: 10000;
}
.nav {
+ position: relative;
+ left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
- position: relative;
- left: 0;
}
.nav > li {
display: block;
@@ -1396,42 +1389,39 @@ table .headerSortUp.purple, table .headerSortDown.purple {
position: relative;
}
.dropdown-toggle:after {
+ display: inline-block;
width: 0;
height: 0;
- display: inline-block;
- content: "↓";
- text-indent: -99999px;
- vertical-align: top;
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=30);
- -khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
+ content: "↓";
}
.dropdown:hover .dropdown-toggle:after {
filter: alpha(opacity=100);
- -khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.dropdown-menu {
- background-color: #ffffff;
- float: left;
- display: none;
position: absolute;
top: 40px;
z-index: 900;
+ float: left;
+ display: none;
min-width: 160px;
max-width: 220px;
_width: 160px;
+ padding: 6px 0;
margin-left: 0;
margin-right: 0;
- padding: 6px 0;
- zoom: 1;
+ background-color: #ffffff;
border-color: #999;
border-color: rgba(0, 0, 0, 0.2);
border-style: solid;
@@ -1445,6 +1435,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
+ zoom: 1;
}
.dropdown-menu li {
float: none;
@@ -1468,6 +1459,8 @@ table .headerSortUp.purple, table .headerSortDown.purple {
text-shadow: 0 1px 0 #ffffff;
}
.topbar .dropdown-menu a:hover, .dropdown-menu a:hover {
+ color: #404040;
+ text-decoration: none;
background-color: #dddddd;
background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
@@ -1478,8 +1471,6 @@ table .headerSortUp.purple, table .headerSortDown.purple {
background-image: linear-gradient(top, #eeeeee, #dddddd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
- color: #404040;
- text-decoration: none;
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
@@ -1493,9 +1484,9 @@ table .headerSortUp.purple, table .headerSortDown.purple {
display: block;
}
.hero-unit {
- background-color: #f5f5f5;
- margin-bottom: 30px;
padding: 60px;
+ margin-bottom: 30px;
+ background-color: #f5f5f5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -1512,8 +1503,8 @@ table .headerSortUp.purple, table .headerSortDown.purple {
line-height: 27px;
}
footer {
- margin-top: 17px;
padding-top: 17px;
+ margin-top: 17px;
border-top: 1px solid #eee;
}
.page-header {
@@ -1548,6 +1539,7 @@ footer {
.alert-message.danger,
.btn.error,
.alert-message.error {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #c43c35;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
@@ -1558,11 +1550,11 @@ footer {
background-image: linear-gradient(top, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success, .alert-message.success {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #57a957;
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background-image: -moz-linear-gradient(top, #62c462, #57a957);
@@ -1573,11 +1565,11 @@ footer {
background-image: linear-gradient(top, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #57a957 #57a957 #3d773d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.info, .alert-message.info {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #339bb9;
background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
@@ -1588,13 +1580,16 @@ footer {
background-image: linear-gradient(top, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #339bb9 #339bb9 #22697d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn {
- cursor: pointer;
display: inline-block;
+ padding: 5px 14px 6px;
+ font-size: 13px;
+ line-height: normal;
+ color: #333;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #e6e6e6;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
@@ -1604,11 +1599,6 @@ footer {
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
- padding: 5px 14px 6px;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
- color: #333;
- font-size: 13px;
- line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
@@ -1617,6 +1607,7 @@ footer {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ cursor: pointer;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
@@ -1624,15 +1615,16 @@ footer {
transition: 0.1s linear all;
}
.btn:hover {
- background-position: 0 -15px;
color: #333;
text-decoration: none;
+ background-position: 0 -15px;
}
.btn:focus {
outline: 1px dotted #666;
}
.btn.primary {
color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0064cd;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
@@ -1643,7 +1635,6 @@ footer {
background-image: linear-gradient(top, #049cdb, #0064cd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
@@ -1657,7 +1648,6 @@ footer {
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: alpha(opacity=65);
- -khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
-webkit-box-shadow: none;
@@ -1669,7 +1659,6 @@ footer {
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: alpha(opacity=65);
- -khtml-opacity: 0.65;
-moz-opacity: 0.65;
opacity: 0.65;
-webkit-box-shadow: none;
@@ -1677,9 +1666,9 @@ footer {
box-shadow: none;
}
.btn.large {
+ padding: 9px 14px 9px;
font-size: 15px;
line-height: normal;
- padding: 9px 14px 9px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -1700,9 +1689,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
}
.btn-toolbar:before, .btn-toolbar:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.btn-toolbar:after {
clear: both;
@@ -1716,9 +1705,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
}
.btn-group:before, .btn-group:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.btn-group:after {
clear: both;
@@ -1753,13 +1742,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
}
.close {
float: right;
- color: #000000;
font-size: 20px;
font-weight: bold;
line-height: 13.5px;
+ color: #000000;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=20);
- -khtml-opacity: 0.2;
-moz-opacity: 0.2;
opacity: 0.2;
}
@@ -1767,7 +1755,6 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
color: #000000;
text-decoration: none;
filter: alpha(opacity=40);
- -khtml-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
@@ -1776,6 +1763,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
padding: 7px 15px;
margin-bottom: 18px;
color: #404040;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #eedc94;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
@@ -1786,10 +1775,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
background-image: linear-gradient(top, #fceec1, #eedc94);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #eedc94 #eedc94 #e4c652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
@@ -1821,10 +1808,10 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message.block-message {
+ padding: 14px;
background-image: none;
background-color: #fdf5d9;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
- padding: 14px;
border-color: #fceec1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
@@ -1859,10 +1846,10 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
border-color: #c6edf9;
}
.well {
- background-color: #f5f5f5;
- margin-bottom: 20px;
- padding: 19px;
min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-border-radius: 4px;
@@ -1889,11 +1876,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
}
.label {
padding: 1px 3px 2px;
- background-color: #bfbfbf;
font-size: 9.75px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
+ background-color: #bfbfbf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@@ -1910,15 +1897,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
.label.notice {
background-color: #62cffc;
}
-.pull-right {
- float: right;
-}
-.pull-left {
- float: left;
-}
.tabs, .pills {
- margin: 0 0 20px;
padding: 0;
+ margin: 0 0 20px;
list-style: none;
zoom: 1;
}
@@ -1927,9 +1908,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
.tabs:after,
.pills:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.tabs:after, .pills:after {
clear: both;
@@ -2005,9 +1986,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
.tabbable.tabs-left:after,
.tabbable.tabs-right:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.tabbable.tabs-left:after, .tabbable.tabs-right:after {
clear: both;
@@ -2088,8 +2069,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
border-top-color: #555;
}
.pills a {
- margin: 5px 3px 5px 0;
padding: 0 15px;
+ margin: 5px 3px 5px 0;
line-height: 30px;
text-shadow: 0 1px 1px #ffffff;
-webkit-border-radius: 15px;
@@ -2117,8 +2098,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
display: block;
}
.breadcrumb {
- margin: 0 0 18px;
padding: 7px 14px;
+ margin: 0 0 18px;
background-color: #f5f5f5;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
@@ -2171,39 +2152,38 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
float: left;
padding: 0 14px;
line-height: 34px;
+ text-decoration: none;
border-right: 1px solid;
border-right-color: #ddd;
border-right-color: rgba(0, 0, 0, 0.15);
*border-right-color: #ddd;
/* IE6-7 */
- text-decoration: none;
}
.pagination a:hover, .pagination .active a {
background-color: #c7eefe;
}
.pagination .disabled a, .pagination .disabled a:hover {
- background-color: transparent;
color: #bfbfbf;
+ background-color: transparent;
}
.pagination .next a {
border: 0;
}
.modal-backdrop {
- background-color: #000000;
position: fixed;
top: 0;
- left: 0;
right: 0;
bottom: 0;
+ left: 0;
z-index: 10000;
+ background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
filter: alpha(opacity=80);
- -khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
@@ -2245,15 +2225,16 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
top: 50%;
}
.modal-header {
- border-bottom: 1px solid #eee;
padding: 5px 15px;
+ border-bottom: 1px solid #eee;
}
.modal-body {
padding: 15px;
}
.modal-footer {
- background-color: #f5f5f5;
padding: 14px 15px 15px;
+ margin-bottom: 0;
+ background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
@@ -2262,13 +2243,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
zoom: 1;
- margin-bottom: 0;
}
.modal-footer:before, .modal-footer:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.modal-footer:after {
clear: both;
@@ -2278,20 +2258,18 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
margin-left: 5px;
}
.twipsy {
- display: block;
position: absolute;
+ z-index: 1000;
+ display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
- z-index: 1000;
filter: alpha(opacity=80);
- -khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.twipsy.fade.in {
filter: alpha(opacity=80);
- -khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
@@ -2328,12 +2306,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
border-right: 5px solid #000000;
}
.twipsy-inner {
+ max-width: 200px;
padding: 3px 8px;
- background-color: #000000;
color: white;
text-align: center;
- max-width: 200px;
text-decoration: none;
+ background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
@@ -2348,8 +2326,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
top: 0;
left: 0;
z-index: 1000;
- padding: 5px;
display: none;
+ padding: 5px;
}
.popover.above .arrow {
bottom: 0;
@@ -2389,11 +2367,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
height: 0;
}
.popover .inner {
- background-color: #000000;
- background-color: rgba(0, 0, 0, 0.8);
padding: 3px;
- overflow: hidden;
width: 280px;
+ overflow: hidden;
+ background-color: #000000;
+ background-color: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -2402,17 +2380,17 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
- background-color: #f5f5f5;
padding: 9px 15px;
line-height: 1;
+ background-color: #f5f5f5;
+ border-bottom: 1px solid #eee;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
- border-bottom: 1px solid #eee;
}
.popover .content {
- background-color: #ffffff;
padding: 14px;
+ background-color: #ffffff;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
@@ -2430,9 +2408,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
}
.media-grid:before, .media-grid:after {
display: table;
+ *display: inline;
content: "";
zoom: 1;
- *display: inline;
}
.media-grid:after {
clear: both;