diff options
| author | Mark Otto <[email protected]> | 2011-08-21 20:47:24 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-08-21 20:47:24 -0700 |
| commit | a98d2cccb8076b106e08e7ca76e59af013ab2851 (patch) | |
| tree | 2ccfcdd3f3adf195ba49a80fe9a832bfaa2320a8 /bootstrap-1.0.0.css | |
| parent | 5cc933ccccfdc56b3cc0e440ea0022e43a1c3f84 (diff) | |
| download | bootstrap-a98d2cccb8076b106e08e7ca76e59af013ab2851.tar.xz bootstrap-a98d2cccb8076b106e08e7ca76e59af013ab2851.zip | |
merge in master, resolve conflicts
Diffstat (limited to 'bootstrap-1.0.0.css')
| -rw-r--r-- | bootstrap-1.0.0.css | 443 |
1 files changed, 252 insertions, 191 deletions
diff --git a/bootstrap-1.0.0.css b/bootstrap-1.0.0.css index 35e46730f..7ec9acc0b 100644 --- a/bootstrap-1.0.0.css +++ b/bootstrap-1.0.0.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: Sun Aug 21 20:43:53 PDT 2011 + * Date: Sun Aug 21 20:47:15 PDT 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). @@ -129,8 +129,9 @@ aside { color: @textColor; font-size: @fontSize; line-height: @baseline; - border: 1px solid darken(@color, 10%); - border-bottom-color: fadein(@borderColor, 15%); + border: 1px solid; + border-color: #ccc #ccc #bbb; + border-color: borderColor borderColor fadein(@borderColor, 15%); .border-radius(@borderRadius); @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); .box-shadow(@shadow); @@ -438,8 +439,6 @@ a:hover { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(#049cdb, #0064cd); background-image: -o-linear-gradient(#049cdb, #0064cd); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); background-image: linear-gradient(#049cdb, #0064cd); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @@ -457,6 +456,8 @@ a:hover { .btn.primary { color: #fff; 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); } .btn.primary:hover { color: #fff; @@ -473,7 +474,15 @@ a:hover { padding-left: 9px; font-size: 11px; } -.btn:disabled, .btn.disabled { +.btn.disabled { + background-image: none; + filter: alpha(opacity=65); + -khtml-opacity: 0.65; + -moz-opacity: 0.65; + opacity: 0.65; + cursor: default; +} +.btn:disabled { background-image: none; filter: alpha(opacity=65); -khtml-opacity: 0.65; @@ -684,7 +693,7 @@ form fieldset legend { line-height: 1; color: #404040; } -form div.clearfix { +form .clearfix { margin-bottom: 18px; } form label, @@ -768,7 +777,7 @@ form input[type=text]:focus, form input[type=password]:focus, form textarea:focu -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); } -form div.error { +form .error { background: #fae5e3; padding: 10px 0; margin: -10px 0 10px; @@ -776,22 +785,22 @@ form div.error { -moz-border-radius: 4px; border-radius: 4px; } -form div.error > label, form div.error span.help-inline, form div.error span.help-block { +form .error > label, form .error span.help-inline, form .error span.help-block { color: #9d261d; } -form div.error input[type=text], form div.error input[type=password], form div.error textarea { +form .error input[type=text], form .error input[type=password], form .error textarea { border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); } -form div.error input[type=text]:focus, form div.error input[type=password]:focus, form div.error textarea:focus { +form .error input[type=text]:focus, form .error input[type=password]:focus, form .error textarea:focus { border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); } -form div.error div.input-prepend span.add-on, form div.error div.input-append span.add-on { +form .error .input-prepend span.add-on, form .error .input-append span.add-on { background: #f4c8c5; border-color: #c87872; color: #b9554d; @@ -842,7 +851,7 @@ form input[readonly]:focus, form textarea[readonly]:focus, form input.disabled { -moz-box-shadow: none; box-shadow: none; } -div.actions { +.actions { background: #f5f5f5; margin-top: 18px; margin-bottom: 18px; @@ -852,13 +861,13 @@ div.actions { -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } -div.actions div.secondary-action { +.actions .secondary-action { float: right; } -div.actions div.secondary-action a { +.actions .secondary-action a { line-height: 30px; } -div.actions div.secondary-action a:hover { +.actions .secondary-action a:hover { text-decoration: underline; } .help-inline, .help-block { @@ -873,27 +882,27 @@ div.actions div.secondary-action a:hover { display: block; max-width: 600px; } -div.inline-inputs { +.inline-inputs { color: #808080; } -div.inline-inputs span, div.inline-inputs input[type=text] { +.inline-inputs span, .inline-inputs input[type=text] { display: inline-block; } -div.inline-inputs input.mini { +.inline-inputs input.mini { width: 60px; } -div.inline-inputs input.small { +.inline-inputs input.small { width: 90px; } -div.inline-inputs span { +.inline-inputs span { padding: 0 2px 0 1px; } -div.input-prepend input[type=text], div.input-append input[type=text] { +.input-prepend input[type=text], .input-append input[type=text] { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } -div.input-prepend .add-on, div.input-append .add-on { +.input-prepend .add-on, .input-append .add-on { background: #f5f5f5; float: left; display: block; @@ -912,33 +921,33 @@ div.input-prepend .add-on, div.input-append .add-on { -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } -div.input-prepend .active, div.input-append .active { +.input-prepend .active, .input-append .active { background: #a9dba9; border-color: #46a546; } -div.input-append input[type=text] { +.input-append input[type=text] { float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } -div.input-append .add-on { +.input-append .add-on { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border-right-width: 1px; border-left-width: 0; } -ul.inputs-list { +.inputs-list { margin: 0 0 5px; width: 100%; } -ul.inputs-list li { +.inputs-list li { display: block; padding: 0; width: 100%; } -ul.inputs-list li label { +.inputs-list li label { display: block; float: none; width: auto; @@ -947,22 +956,22 @@ ul.inputs-list li label { text-align: left; white-space: normal; } -ul.inputs-list li label strong { +.inputs-list li label strong { color: #808080; } -ul.inputs-list li label small { +.inputs-list li label small { font-size: 12px; font-weight: normal; } -ul.inputs-list li ul.inputs-list { +.inputs-list li ul.inputs-list { margin-left: 25px; margin-bottom: 10px; padding-top: 0; } -ul.inputs-list li:first-child { +.inputs-list li:first-child { padding-top: 5px; } -ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] { +.inputs-list input[type=radio], .inputs-list input[type=checkbox] { margin-bottom: 0; } form.form-stacked { @@ -983,19 +992,19 @@ form.form-stacked label { line-height: 20px; padding-top: 0; } -form.form-stacked div.clearfix { +form.form-stacked .clearfix { margin-bottom: 9px; } -form.form-stacked div.clearfix div.input { +form.form-stacked .clearfix div.input { margin-left: 0; } -form.form-stacked ul.inputs-list { +form.form-stacked .inputs-list { margin-bottom: 0; } -form.form-stacked ul.inputs-list li { +form.form-stacked .inputs-list li { padding-top: 0; } -form.form-stacked ul.inputs-list li label { +form.form-stacked .inputs-list li label { font-weight: normal; padding-top: 0; } @@ -1006,7 +1015,7 @@ form.form-stacked div.error { margin-top: 0; margin-left: -10px; } -form.form-stacked div.actions { +form.form-stacked .actions { margin-left: -20px; padding-left: 20px; } @@ -1018,13 +1027,13 @@ table { width: 100%; margin-bottom: 18px; padding: 0; - text-align: left; border-collapse: separate; font-size: 13px; } table th, table td { padding: 10px 10px 9px; line-height: 13.5px; + text-align: left; vertical-align: middle; border-bottom: 1px solid #ddd; } @@ -1033,16 +1042,16 @@ table th { font-weight: bold; border-bottom-width: 2px; } -table.zebra-striped tbody tr:nth-child(odd) td { +.zebra-striped tbody tr:nth-child(odd) td { background-color: #f9f9f9; } -table.zebra-striped tbody tr:hover td { +.zebra-striped tbody tr:hover td { background-color: #f5f5f5; } -table.zebra-striped th.header { +.zebra-striped .header { cursor: pointer; } -table.zebra-striped th.header:after { +.zebra-striped .header:after { content: ""; float: right; margin-top: 7px; @@ -1051,27 +1060,24 @@ table.zebra-striped th.header:after { border-color: #000 transparent; visibility: hidden; } -table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortDown { +.zebra-striped .headerSortUp, .zebra-striped .headerSortDown { background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } -table.zebra-striped th.header:hover:after { +.zebra-striped .header:hover:after { visibility: visible; } -table.zebra-striped th.actions:hover { - background-image: none; -} -table.zebra-striped th.headerSortDown:after, table.zebra-striped th.headerSortDown:hover:after { +.zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after { visibility: visible; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } -table.zebra-striped th.headerSortUp:after { +.zebra-striped .headerSortUp:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; @@ -1085,52 +1091,52 @@ table.zebra-striped th.headerSortUp:after { -moz-opacity: 0.6; opacity: 0.6; } -table.zebra-striped th.blue { +table .blue { color: #049cdb; border-bottom-color: #049cdb; } -table.zebra-striped th.headerSortUp.blue, table.zebra-striped th.headerSortDown.blue { +table .headerSortUp.blue, table .headerSortDown.blue { background-color: #ade6fe; } -table.zebra-striped th.green { +table .green { color: #46a546; border-bottom-color: #46a546; } -table.zebra-striped th.headerSortUp.green, table.zebra-striped th.headerSortDown.green { +table .headerSortUp.green, table .headerSortDown.green { background-color: #cdeacd; } -table.zebra-striped th.red { +table .red { color: #9d261d; border-bottom-color: #9d261d; } -table.zebra-striped th.headerSortUp.red, table.zebra-striped th.headerSortDown.red { +table .headerSortUp.red, table .headerSortDown.red { background-color: #f4c8c5; } -table.zebra-striped th.yellow { +table .yellow { color: #ffc40d; border-bottom-color: #ffc40d; } -table.zebra-striped th.headerSortUp.yellow, table.zebra-striped th.headerSortDown.yellow { +table .headerSortUp.yellow, table .headerSortDown.yellow { background-color: #fff6d9; } -table.zebra-striped th.orange { +table .orange { color: #f89406; border-bottom-color: #f89406; } -table.zebra-striped th.headerSortUp.orange, table.zebra-striped th.headerSortDown.orange { +table .headerSortUp.orange, table .headerSortDown.orange { background-color: #fee9cc; } -table.zebra-striped th.purple { +table .purple { color: #7a43b6; border-bottom-color: #7a43b6; } -table.zebra-striped th.headerSortUp.purple, table.zebra-striped th.headerSortDown.purple { +table .headerSortUp.purple, table .headerSortDown.purple { background-color: #e2d5f0; } /* Patterns.less * Repeatable UI elements outside the base styles provided from the scaffolding * ---------------------------------------------------------------------------- */ -div.topbar { +.topbar { background-color: #222222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); @@ -1139,8 +1145,6 @@ div.topbar { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(#333333, #222222); background-image: -o-linear-gradient(#333333, #222222); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); background-image: linear-gradient(#333333, #222222); height: 40px; position: fixed; @@ -1149,21 +1153,36 @@ div.topbar { right: 0; z-index: 10000; overflow: visible; +} +.topbar .fill { + background: #222; + background-color: #222222; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); + background-image: -moz-linear-gradient(#333333, #222222); + background-image: -ms-linear-gradient(#333333, #222222); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); + background-image: -webkit-linear-gradient(#333333, #222222); + background-image: -o-linear-gradient(#333333, #222222); + background-image: linear-gradient(#333333, #222222); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } -div.topbar a { +.topbar a { color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } -div.topbar a:hover, div.topbar ul li.active a { +.topbar a:hover, .topbar ul li.active a { background-color: #333; background-color: rgba(255, 255, 255, 0.05); color: #ffffff; text-decoration: none; } -div.topbar h3 a { +.topbar h3 { + position: relative; +} +.topbar h3 a { float: left; display: block; padding: 8px 20px 12px; @@ -1173,7 +1192,7 @@ div.topbar h3 a { font-weight: 200; line-height: 1; } -div.topbar form { +.topbar form { float: left; margin: 5px 0 0 0; position: relative; @@ -1182,8 +1201,8 @@ div.topbar form { -moz-opacity: 1; opacity: 1; } -div.topbar form input { - background-color: #bfbfbf; +.topbar form input { + background-color: #444; background-color: rgba(255, 255, 255, 0.3); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: normal; @@ -1204,18 +1223,18 @@ div.topbar form input { -moz-transition: none; transition: none; } -div.topbar form input:-moz-placeholder { +.topbar form input:-moz-placeholder { color: #e6e6e6; } -div.topbar form input::-webkit-input-placeholder { +.topbar form input::-webkit-input-placeholder { color: #e6e6e6; } -div.topbar form input:hover { - background-color: #444; +.topbar form input:hover { + background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.5); color: #fff; } -div.topbar form input:focus, div.topbar form input.focused { +.topbar form input:focus, .topbar form input.focused { outline: none; background-color: #fff; color: #404040; @@ -1226,47 +1245,47 @@ div.topbar form input:focus, div.topbar form input.focused { -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } -div.topbar ul { +.topbar ul { display: block; float: left; margin: 0 10px 0 0; position: relative; } -div.topbar ul.secondary-nav { +.topbar ul.secondary-nav { float: right; margin-left: 10px; margin-right: 0; } -div.topbar ul li { +.topbar ul li { display: block; float: left; font-size: 13px; } -div.topbar ul li a { +.topbar ul li a { display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; } -div.topbar ul li a:hover { +.topbar ul li a:hover { color: #fff; text-decoration: none; } -div.topbar ul li.active a { +.topbar ul li.active a { background-color: #222; background-color: rgba(0, 0, 0, 0.5); } -div.topbar ul.primary-nav li ul { +.topbar ul.primary-nav li ul { left: 0; } -div.topbar ul.secondary-nav li ul { +.topbar ul.secondary-nav li ul { right: 0; } -div.topbar ul li.menu { +.topbar ul li.menu { position: relative; } -div.topbar ul li.menu a.menu:after { +.topbar ul li.menu a.menu:after { width: 0px; height: 0px; display: inline-block; @@ -1283,27 +1302,27 @@ div.topbar ul li.menu a.menu:after { -moz-opacity: 0.5; opacity: 0.5; } -div.topbar ul li.menu.open a.menu, div.topbar ul li.menu.open a:hover { - background-color: #00b4eb; +.topbar ul li.menu.open a.menu, .topbar ul li.menu.open a:hover { + background-color: #444; background-color: rgba(255, 255, 255, 0.1); color: #fff; } -div.topbar ul li.menu.open ul { +.topbar ul li.menu.open ul { display: block; } -div.topbar ul li.menu.open ul li a { +.topbar ul li.menu.open ul li a { background-color: transparent; font-weight: normal; } -div.topbar ul li.menu.open ul li a:hover { +.topbar ul li.menu.open ul li a:hover { background-color: rgba(255, 255, 255, 0.1); color: #fff; } -div.topbar ul li.menu.open ul li.active a { +.topbar ul li.menu.open ul li.active a { background-color: rgba(255, 255, 255, 0.1); font-weight: bold; } -div.topbar ul li ul { +.topbar ul li ul { background-color: #333; float: left; display: none; @@ -1325,14 +1344,14 @@ div.topbar ul li ul { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } -div.topbar ul li ul li { +.topbar ul li ul li { float: none; clear: both; display: block; background: none; font-size: 12px; } -div.topbar ul li ul li a { +.topbar ul li ul li a { display: block; padding: 6px 15px; clear: both; @@ -1340,19 +1359,20 @@ div.topbar ul li ul li a { line-height: 19px; color: #bbb; } -div.topbar ul li ul li a:hover { +.topbar ul li ul li a:hover { background-color: #333; background-color: rgba(255, 255, 255, 0.25); color: #fff; } -div.topbar ul li ul li.divider { +.topbar ul li ul li.divider { height: 1px; overflow: hidden; + background: #222; background: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: 5px 0; } -div.topbar ul li ul li span { +.topbar ul li ul li span { clear: both; display: block; background: rgba(0, 0, 0, 0.2); @@ -1380,17 +1400,17 @@ div.topbar ul li ul li span { font-weight: 200; line-height: 27px; } -div.page-header { +.page-header { margin-bottom: 17px; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } -div.page-header h1 { +.page-header h1 { margin-bottom: 8px; } -div.alert-message { +.alert-message { background-color: rgba(0, 0, 0, 0.15); background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15))); @@ -1399,131 +1419,164 @@ div.alert-message { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15))); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15)); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15)); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')"; + filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')"; background-color: #e6e6e6; margin-bottom: 18px; padding: 8px 15px; color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-bottom: 1px solid rgba(0, 0, 0, 0.25); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); + border-bottom: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -div.alert-message p { +.alert-message p { color: #fff; margin-bottom: 0; } -div.alert-message p + p { +.alert-message p + p { margin-top: 5px; } -div.alert-message.error { - background-color: #e06359; -} -div.alert-message.warning { - background-color: #ffd75a; +.alert-message.error { + background-color: #d83a2e; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#e4776f), to(#d83a2e)); + background-image: -moz-linear-gradient(#e4776f, #d83a2e); + background-image: -ms-linear-gradient(#e4776f, #d83a2e); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4776f), color-stop(100%, #d83a2e)); + background-image: -webkit-linear-gradient(#e4776f, #d83a2e); + background-image: -o-linear-gradient(#e4776f, #d83a2e); + background-image: linear-gradient(#e4776f, #d83a2e); + border-bottom-color: #b32b21; +} +.alert-message.warning { + background-color: #ffd040; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#ffe38d), to(#ffd040)); + background-image: -moz-linear-gradient(#ffe38d, #ffd040); + background-image: -ms-linear-gradient(#ffe38d, #ffd040); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe38d), color-stop(100%, #ffd040)); + background-image: -webkit-linear-gradient(#ffe38d, #ffd040); + background-image: -o-linear-gradient(#ffe38d, #ffd040); + background-image: linear-gradient(#ffe38d, #ffd040); + border-bottom-color: #ffc40d; } -div.alert-message.success { - background-color: #74c474; +.alert-message.success { + background-color: #62bc62; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#97d397), to(#62bc62)); + background-image: -moz-linear-gradient(#97d397, #62bc62); + background-image: -ms-linear-gradient(#97d397, #62bc62); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97d397), color-stop(100%, #62bc62)); + background-image: -webkit-linear-gradient(#97d397, #62bc62); + background-image: -o-linear-gradient(#97d397, #62bc62); + background-image: linear-gradient(#97d397, #62bc62); + border-bottom-color: #46a546; } -div.alert-message.info { - background-color: #30c0fb; +.alert-message.info { + background-color: #04aef4; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#62cffc), to(#04aef4)); + background-image: -moz-linear-gradient(#62cffc, #04aef4); + background-image: -ms-linear-gradient(#62cffc, #04aef4); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62cffc), color-stop(100%, #04aef4)); + background-image: -webkit-linear-gradient(#62cffc, #04aef4); + background-image: -o-linear-gradient(#62cffc, #04aef4); + background-image: linear-gradient(#62cffc, #04aef4); + border-bottom-color: #049cdb; } -div.alert-message a.close { +.alert-message .close { float: right; margin-top: -2px; - color: #fff; + color: #000; font-size: 20px; font-weight: bold; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); - filter: alpha(opacity=50); - -khtml-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + text-shadow: 0 1px 0 #ffffff; + filter: alpha(opacity=20); + -khtml-opacity: 0.2; + -moz-opacity: 0.2; + opacity: 0.2; } -div.alert-message a.close:hover { +.alert-message .close:hover { text-decoration: none; - filter: alpha(opacity=50); - -khtml-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; + filter: alpha(opacity=40); + -khtml-opacity: 0.4; + -moz-opacity: 0.4; + opacity: 0.4; } -div.block-message { +.block-message { margin-bottom: 18px; padding: 14px; color: #404040; color: rgba(0, 0, 0, 0.8); + *color: #404040; + /* IE 6-7 */ + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } -div.block-message p { +.block-message p { color: #404040; color: rgba(0, 0, 0, 0.8); + *color: #404040; + /* IE 6-7 */ + margin-right: 30px; margin-bottom: 0; } -div.block-message ul { +.block-message ul { margin-bottom: 0; } -div.block-message strong { +.block-message strong { display: block; } -div.block-message a.close { - display: block; - color: #404040; - color: rgba(0, 0, 0, 0.5); - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -} -div.block-message.error { +.block-message.error { background: #f8dcda; border: 1px solid #f4c8c5; } -div.block-message.warning { +.block-message.warning { background: #fff0c0; border: 1px solid #ffe38d; } -div.block-message.success { +.block-message.success { background: #dff1df; border: 1px solid #bbe2bb; } -div.block-message.info { +.block-message.info { background: #c7eefe; border: 1px solid #ade6fe; } -ul.tabs, ul.pills { +.tabs, .pills { margin: 0 0 20px; padding: 0; zoom: 1; } -ul.tabs:before, -ul.pills:before, -ul.tabs:after, -ul.pills:after { +.tabs:before, +.pills:before, +.tabs:after, +.pills:after { display: table; content: ""; } -ul.tabs:after, ul.pills:after { +.tabs:after, .pills:after { clear: both; } -ul.tabs li, ul.pills li { +.tabs li, .pills li { display: inline; } -ul.tabs li a, ul.pills li a { +.tabs li a, .pills li a { float: left; width: auto; } -ul.tabs { +.tabs { width: 100%; border-bottom: 1px solid #bfbfbf; } -ul.tabs li a { +.tabs li a { margin-bottom: -1px; margin-right: 2px; padding: 0 15px; @@ -1532,18 +1585,18 @@ ul.tabs li a { -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } -ul.tabs li a:hover { +.tabs li a:hover { background-color: #e6e6e6; border-bottom: 1px solid #bfbfbf; } -ul.tabs li.active a { +.tabs li.active a { background-color: #fff; padding: 0 14px; border: 1px solid #ccc; border-bottom: 0; color: #808080; } -ul.pills li a { +.pills li a { margin: 5px 3px 5px 0; padding: 0 15px; text-shadow: 0 1px 1px #fff; @@ -1552,50 +1605,56 @@ ul.pills li a { -moz-border-radius: 15px; border-radius: 15px; } -ul.pills li a:hover { +.pills li a:hover { background: #0050a3; color: #fff; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } -ul.pills li.active a { +.pills li.active a { background: #0069d6; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } -div.pagination { +.pagination { height: 36px; margin: 18px 0; } -div.pagination ul { +.pagination ul { float: left; margin: 0; + border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.15); + border-right: 0\9; + /* IE8 and below don't support last child. TODO: clean this up; */ + -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } -div.pagination ul li { +.pagination ul li { display: inline; } -div.pagination ul li a { +.pagination ul li a { float: left; padding: 0 14px; line-height: 34px; - border-right: 1px solid rgba(0, 0, 0, 0.15); + border-right: 1px solid; + border-right-color: #ddd; + border-right-color: rgba(0, 0, 0, 0.15); text-decoration: none; } -div.pagination ul li a:hover, div.pagination ul li.active a { +.pagination ul li a:hover, .pagination ul li.active a { background-color: #c7eefe; } -div.pagination ul li.disabled a, div.pagination ul li.disabled a:hover { +.pagination ul li.disabled a, .pagination ul li.disabled a:hover { background-color: none; color: #bfbfbf; } -div.pagination ul li.next a, div.pagination ul li:last-child a { +.pagination ul li.next a, .pagination ul li:last-child a { border: 0; } .well { @@ -1612,7 +1671,7 @@ div.pagination ul li.next a, div.pagination ul li:last-child a { -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } -div.modal-backdrop { +.modal-backdrop { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; @@ -1621,7 +1680,7 @@ div.modal-backdrop { bottom: 0; z-index: 1000; } -div.modal { +.modal { position: fixed; top: 50%; left: 50%; @@ -1629,6 +1688,7 @@ div.modal { width: 560px; margin: -280px 0 0 -250px; background-color: #ffffff; + border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; @@ -1640,11 +1700,11 @@ div.modal { -moz-background-clip: padding-box; background-clip: padding-box; } -div.modal .modal-header { +.modal .modal-header { border-bottom: 1px solid #eee; padding: 5px 20px; } -div.modal .modal-header a.close { +.modal .modal-header a.close { position: absolute; right: 10px; top: 10px; @@ -1652,10 +1712,10 @@ div.modal .modal-header a.close { line-height: 10px; font-size: 18px; } -div.modal .modal-body { +.modal .modal-body { padding: 20px; } -div.modal .modal-footer { +.modal .modal-footer { background-color: #f5f5f5; padding: 14px 20px 15px; border-top: 1px solid #ddd; @@ -1667,18 +1727,18 @@ div.modal .modal-footer { box-shadow: inset 0 1px 0 #ffffff; zoom: 1; } -div.modal .modal-footer:before, div.modal .modal-footer:after { +.modal .modal-footer:before, .modal .modal-footer:after { display: table; content: ""; } -div.modal .modal-footer:after { +.modal .modal-footer:after { clear: both; } -div.modal .modal-footer .btn { +.modal .modal-footer .btn { float: right; margin-left: 10px; } -div.twipsy { +.twipsy { display: block; position: absolute; visibility: visible; @@ -1690,7 +1750,7 @@ div.twipsy { -moz-opacity: 0.8; opacity: 0.8; } -div.twipsy.above .twipsy-arrow { +.twipsy.above .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; @@ -1698,7 +1758,7 @@ div.twipsy.above .twipsy-arrow { border-right: 5px solid transparent; border-top: 5px solid #000000; } -div.twipsy.left .twipsy-arrow { +.twipsy.left .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; @@ -1706,7 +1766,7 @@ div.twipsy.left .twipsy-arrow { border-bottom: 5px solid transparent; border-left: 5px solid #000000; } -div.twipsy.below .twipsy-arrow { +.twipsy.below .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; @@ -1714,7 +1774,7 @@ div.twipsy.below .twipsy-arrow { border-right: 5px solid transparent; border-bottom: 5px solid #000000; } -div.twipsy.right .twipsy-arrow { +.twipsy.right .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; @@ -1722,7 +1782,7 @@ div.twipsy.right .twipsy-arrow { border-bottom: 5px solid transparent; border-right: 5px solid #000000; } -div.twipsy .twipsy-inner { +.twipsy .twipsy-inner { padding: 3px 8px; background-color: #000; color: white; @@ -1733,7 +1793,7 @@ div.twipsy .twipsy-inner { -moz-border-radius: 4px; border-radius: 4px; } -div.twipsy .twipsy-arrow { +.twipsy .twipsy-arrow { position: absolute; width: 0; height: 0; @@ -1784,7 +1844,8 @@ div.twipsy .twipsy-arrow { height: 0; } .popover .inner { - background: rgba(0, 0, 0, 0.8); + background-color: #333; + background-color: rgba(0, 0, 0, 0.8); padding: 3px; overflow: hidden; width: 280px; @@ -1796,7 +1857,7 @@ div.twipsy .twipsy-arrow { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .popover .title { - background: #f5f5f5; + background-color: #f5f5f5; padding: 9px 15px; line-height: 1; -webkit-border-radius: 3px 3px 0 0; |
