0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

remove .border-radius mixin and replace with standard border-radius property, since -webkit-* and -moz-* are only needed for older versions

This commit is contained in:
Mark Otto 2012-09-30 23:11:54 -07:00
parent 0cd186183c
commit 9872902e47
26 changed files with 152 additions and 322 deletions

View File

@ -600,16 +600,12 @@
padding: 9px 15px; padding: 9px 15px;
font-weight: bold; font-weight: bold;
color: #777777; color: #777777;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
.nav-collapse .btn { .nav-collapse .btn {
padding: 4px 10px 4px; padding: 4px 10px 4px;
font-weight: normal; font-weight: normal;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.nav-collapse .dropdown-menu li + li a { .nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px; margin-bottom: 2px;
@ -637,9 +633,7 @@
margin: 0 15px; margin: 0 15px;
background-color: transparent; background-color: transparent;
border: none; border: none;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;

View File

@ -145,9 +145,7 @@ a:hover {
} }
.img-rounded { .img-rounded {
-webkit-border-radius: 6px; border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
} }
.img-polaroid { .img-polaroid {
@ -161,9 +159,7 @@ a:hover {
} }
.img-circle { .img-circle {
-webkit-border-radius: 500px; border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
} }
.container, .container,
@ -620,9 +616,7 @@ pre {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
code { code {
@ -645,9 +639,7 @@ pre {
background-color: #f5f5f5; background-color: #f5f5f5;
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
pre.prettyprint { pre.prettyprint {
@ -740,9 +732,7 @@ input[type="color"],
line-height: 20px; line-height: 20px;
color: #555555; color: #555555;
vertical-align: middle; vertical-align: middle;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
input, input,
@ -943,9 +933,7 @@ input[type="color"].input-large,
padding-right: 14px; padding-right: 14px;
padding-left: 14px; padding-left: 14px;
font-size: 17.5px; font-size: 17.5px;
-webkit-border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
select.input-small, select.input-small,
@ -967,9 +955,7 @@ input[type="color"].input-small,
.uneditable-input.input-small { .uneditable-input.input-small {
padding: 2px 10px; padding: 2px 10px;
font-size: 11.9px; font-size: 11.9px;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
select.input-mini, select.input-mini,
@ -991,9 +977,7 @@ input[type="color"].input-mini,
.uneditable-input.input-mini { .uneditable-input.input-mini {
padding: 1px 6px; padding: 1px 6px;
font-size: 10.5px; font-size: 10.5px;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
input[class*="span"], input[class*="span"],
@ -1479,9 +1463,7 @@ select:focus:required:invalid:focus {
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
vertical-align: top; vertical-align: top;
-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.input-append input:focus, .input-append input:focus,
@ -1523,9 +1505,7 @@ select:focus:required:invalid:focus {
.input-append .btn, .input-append .btn,
.input-prepend .btn { .input-prepend .btn {
vertical-align: top; vertical-align: top;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.input-append .active, .input-append .active,
@ -1541,25 +1521,19 @@ select:focus:required:invalid:focus {
.input-prepend .add-on:first-child, .input-prepend .add-on:first-child,
.input-prepend .btn:first-child { .input-prepend .btn:first-child {
-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
} }
.input-append input, .input-append input,
.input-append select, .input-append select,
.input-append .uneditable-input { .input-append .uneditable-input {
-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
} }
.input-append input + .btn-group .btn, .input-append input + .btn-group .btn,
.input-append select + .btn-group .btn, .input-append select + .btn-group .btn,
.input-append .uneditable-input + .btn-group .btn { .input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.input-append .add-on, .input-append .add-on,
@ -1570,41 +1544,31 @@ select:focus:required:invalid:focus {
.input-append .add-on:last-child, .input-append .add-on:last-child,
.input-append .btn:last-child { .input-append .btn:last-child {
-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.input-prepend.input-append input, .input-prepend.input-append input,
.input-prepend.input-append select, .input-prepend.input-append select,
.input-prepend.input-append .uneditable-input { .input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn { .input-prepend.input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child { .input-prepend.input-append .btn:first-child {
margin-right: -1px; margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
} }
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child { .input-prepend.input-append .btn:last-child {
margin-left: -1px; margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.input-prepend.input-append .btn-group:first-child { .input-prepend.input-append .btn-group:first-child {
@ -1616,45 +1580,33 @@ input.search-query {
padding-right: 4px \9; padding-right: 4px \9;
padding-left: 14px; padding-left: 14px;
padding-left: 4px \9; padding-left: 4px \9;
/* IE8 doesn't have border-radius, so don't indent the padding */ /* IE8 doesn't have border radius, so don't indent the padding */
margin-bottom: 0; margin-bottom: 0;
-webkit-border-radius: 15px; border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} }
/* Allow for input prepend/append in search forms */ /* Allow for input prepend/append in search forms */
.form-search .input-append .search-query, .form-search .input-append .search-query,
.form-search .input-prepend .search-query { .form-search .input-prepend .search-query {
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.form-search .input-append .search-query { .form-search .input-append .search-query {
-webkit-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
} }
.form-search .input-append .btn { .form-search .input-append .btn {
-webkit-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
} }
.form-search .input-prepend .search-query { .form-search .input-prepend .search-query {
-webkit-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
} }
.form-search .input-prepend .btn { .form-search .input-prepend .btn {
-webkit-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
} }
.form-search input, .form-search input,
@ -1821,9 +1773,7 @@ table {
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-collapse: separate; border-collapse: separate;
border-left: 0; border-left: 0;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.table-bordered th, .table-bordered th,
@ -1860,9 +1810,7 @@ table {
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child { .table-bordered tfoot:last-child tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px;
@ -2717,16 +2665,12 @@ table [class*=span] {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px; border-radius: 6px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
-moz-background-clip: padding; -moz-background-clip: padding-box;
background-clip: padding-box; background-clip: padding-box;
} }
@ -2872,9 +2816,7 @@ table [class*=span] {
.typeahead { .typeahead {
margin-top: 2px; margin-top: 2px;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.well { .well {
@ -2883,9 +2825,7 @@ table [class*=span] {
margin-bottom: 20px; margin-bottom: 20px;
background-color: #f5f5f5; background-color: #f5f5f5;
border: 1px solid #e3e3e3; border: 1px solid #e3e3e3;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -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); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
@ -2898,16 +2838,12 @@ table [class*=span] {
.well-large { .well-large {
padding: 24px; padding: 24px;
-webkit-border-radius: 6px; border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
} }
.well-small { .well-small {
padding: 9px; padding: 9px;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
.fade { .fade {
@ -2985,9 +2921,7 @@ button.close {
border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2; border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(enabled=false); filter: progid:dximagetransform.microsoft.gradient(enabled=false);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
@ -3053,9 +2987,7 @@ button.close {
.btn-large { .btn-large {
padding: 11px 19px; padding: 11px 19px;
font-size: 17.5px; font-size: 17.5px;
-webkit-border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
.btn-large [class^="icon-"], .btn-large [class^="icon-"],
@ -3066,9 +2998,7 @@ button.close {
.btn-small { .btn-small {
padding: 2px 10px; padding: 2px 10px;
font-size: 11.9px; font-size: 11.9px;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
.btn-small [class^="icon-"], .btn-small [class^="icon-"],
@ -3079,9 +3009,7 @@ button.close {
.btn-mini { .btn-mini {
padding: 1px 6px; padding: 1px 6px;
font-size: 10.5px; font-size: 10.5px;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
.btn-block { .btn-block {
@ -3318,9 +3246,7 @@ input[type="button"].btn-block {
color: #0088cc; color: #0088cc;
cursor: pointer; cursor: pointer;
border-color: transparent; border-color: transparent;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.btn-link:hover { .btn-link:hover {
@ -3360,9 +3286,7 @@ input[type="button"].btn-block {
.btn-group > .btn { .btn-group > .btn {
position: relative; position: relative;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.btn-group > .btn + .btn { .btn-group > .btn + .btn {
@ -3541,9 +3465,7 @@ input[type="button"].btn-block {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.btn-group-vertical .btn + .btn { .btn-group-vertical .btn + .btn {
@ -3552,27 +3474,19 @@ input[type="button"].btn-block {
} }
.btn-group-vertical .btn:first-child { .btn-group-vertical .btn:first-child {
-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
} }
.btn-group-vertical .btn:last-child { .btn-group-vertical .btn:last-child {
-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} }
.btn-group-vertical .btn-large:first-child { .btn-group-vertical .btn-large:first-child {
-webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
} }
.btn-group-vertical .btn-large:last-child { .btn-group-vertical .btn-large:last-child {
-webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
} }
.alert { .alert {
@ -3582,9 +3496,7 @@ input[type="button"].btn-block {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3; background-color: #fcf8e3;
border: 1px solid #fbeed5; border: 1px solid #fbeed5;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.alert h4 { .alert h4 {
@ -3741,9 +3653,7 @@ input[type="button"].btn-block {
padding-bottom: 8px; padding-bottom: 8px;
line-height: 20px; line-height: 20px;
border: 1px solid transparent; border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
} }
.nav-tabs > li > a:hover { .nav-tabs > li > a:hover {
@ -3764,9 +3674,7 @@ input[type="button"].btn-block {
padding-bottom: 8px; padding-bottom: 8px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
-webkit-border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
.nav-pills > .active > a, .nav-pills > .active > a,
@ -3789,9 +3697,7 @@ input[type="button"].btn-block {
.nav-tabs.nav-stacked > li > a { .nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.nav-tabs.nav-stacked > li:first-child > a { .nav-tabs.nav-stacked > li:first-child > a {
@ -3826,15 +3732,11 @@ input[type="button"].btn-block {
} }
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
} }
.nav-pills .dropdown-menu { .nav-pills .dropdown-menu {
-webkit-border-radius: 6px; border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
} }
.nav .dropdown-toggle .caret { .nav .dropdown-toggle .caret {
@ -3930,9 +3832,7 @@ input[type="button"].btn-block {
} }
.tabs-below > .nav-tabs > li > a { .tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} }
.tabs-below > .nav-tabs > li > a:hover { .tabs-below > .nav-tabs > li > a:hover {
@ -3965,9 +3865,7 @@ input[type="button"].btn-block {
.tabs-left > .nav-tabs > li > a { .tabs-left > .nav-tabs > li > a {
margin-right: -1px; margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
} }
.tabs-left > .nav-tabs > li > a:hover { .tabs-left > .nav-tabs > li > a:hover {
@ -3977,7 +3875,6 @@ input[type="button"].btn-block {
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover { .tabs-left > .nav-tabs .active > a:hover {
border-color: #ddd transparent #ddd #ddd; border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;
} }
.tabs-right > .nav-tabs { .tabs-right > .nav-tabs {
@ -3988,9 +3885,7 @@ input[type="button"].btn-block {
.tabs-right > .nav-tabs > li > a { .tabs-right > .nav-tabs > li > a {
margin-left: -1px; margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.tabs-right > .nav-tabs > li > a:hover { .tabs-right > .nav-tabs > li > a:hover {
@ -4000,7 +3895,6 @@ input[type="button"].btn-block {
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover { .tabs-right > .nav-tabs .active > a:hover {
border-color: #ddd #ddd #ddd transparent; border-color: #ddd #ddd #ddd transparent;
*border-left-color: #ffffff;
} }
.nav > .disabled > a { .nav > .disabled > a {
@ -4026,9 +3920,7 @@ input[type="button"].btn-block {
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x; background-repeat: repeat-x;
border: 1px solid #d4d4d4; border: 1px solid #d4d4d4;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
@ -4161,17 +4053,13 @@ input[type="button"].btn-block {
font-size: 13px; font-size: 13px;
font-weight: normal; font-weight: normal;
line-height: 1; line-height: 1;
-webkit-border-radius: 15px; border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} }
.navbar-static-top { .navbar-static-top {
position: static; position: static;
margin-bottom: 0; margin-bottom: 0;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.navbar-fixed-top, .navbar-fixed-top,
@ -4184,9 +4072,7 @@ input[type="button"].btn-block {
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
border-width: 0 0 1px; border-width: 0 0 1px;
-webkit-border-radius: 0; border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.navbar-fixed-bottom { .navbar-fixed-bottom {
@ -4308,9 +4194,7 @@ input[type="button"].btn-block {
width: 18px; width: 18px;
height: 2px; height: 2px;
background-color: #f5f5f5; background-color: #f5f5f5;
-webkit-border-radius: 1px; border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
@ -4401,9 +4285,7 @@ input[type="button"].btn-block {
left: auto; left: auto;
margin-right: -1px; margin-right: -1px;
margin-left: 0; margin-left: 0;
-webkit-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
} }
.navbar-inverse { .navbar-inverse {
@ -4549,9 +4431,7 @@ input[type="button"].btn-block {
margin: 0 0 20px; margin: 0 0 20px;
list-style: none; list-style: none;
background-color: #f5f5f5; background-color: #f5f5f5;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.breadcrumb li { .breadcrumb li {
@ -4578,9 +4458,7 @@ input[type="button"].btn-block {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
margin-left: 0; margin-left: 0;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-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); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
@ -4739,9 +4617,7 @@ input[type="button"].btn-block {
padding: 5px 14px; padding: 5px 14px;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-border-radius: 15px; border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} }
.pager li > a:hover { .pager li > a:hover {
@ -4797,12 +4673,7 @@ input[type="button"].btn-block {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #999; border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999; border-radius: 6px;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
@ -4853,9 +4724,7 @@ input[type="button"].btn-block {
text-align: right; text-align: right;
background-color: #f5f5f5; background-color: #f5f5f5;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff; -webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff;
@ -4924,9 +4793,7 @@ input[type="button"].btn-block {
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
background-color: #000000; background-color: #000000;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.tooltip-arrow { .tooltip-arrow {
@ -4980,9 +4847,7 @@ input[type="button"].btn-block {
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px; border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
@ -5015,9 +4880,7 @@ input[type="button"].btn-block {
line-height: 18px; line-height: 18px;
background-color: #f7f7f7; background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
} }
.popover-content { .popover-content {
@ -5110,9 +4973,7 @@ input[type="button"].btn-block {
padding: 4px; padding: 4px;
line-height: 20px; line-height: 20px;
border: 1px solid #ddd; border: 1px solid #ddd;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
@ -5192,16 +5053,12 @@ a.thumbnail:hover {
.label { .label {
padding: 1px 4px 2px; padding: 1px 4px 2px;
-webkit-border-radius: 3px; border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
.badge { .badge {
padding: 1px 9px 2px; padding: 1px 9px 2px;
-webkit-border-radius: 9px; border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
} }
a.label:hover, a.label:hover,
@ -5328,9 +5185,7 @@ a.badge:hover {
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x; background-repeat: repeat-x;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
@ -5487,9 +5342,7 @@ a.badge:hover {
.accordion-group { .accordion-group {
margin-bottom: 2px; margin-bottom: 2px;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
-webkit-border-radius: 4px; border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.accordion-heading { .accordion-heading {
@ -5659,9 +5512,7 @@ a.badge:hover {
padding: 60px; padding: 60px;
margin-bottom: 30px; margin-bottom: 30px;
background-color: #eeeeee; background-color: #eeeeee;
-webkit-border-radius: 6px; border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
} }
.hero-unit h1 { .hero-unit h1 {

View File

@ -12,7 +12,7 @@
.accordion-group { .accordion-group {
margin-bottom: 2px; margin-bottom: 2px;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
.border-radius(4px); border-radius: 4px;
} }
.accordion-heading { .accordion-heading {
border-bottom: 0; border-bottom: 0;

View File

@ -12,7 +12,7 @@
text-shadow: 0 1px 0 rgba(255,255,255,.5); text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: @warningBackground; background-color: @warningBackground;
border: 1px solid @warningBorder; border: 1px solid @warningBorder;
.border-radius(4px); border-radius: 4px;
color: @warningText; color: @warningText;
} }
.alert h4 { .alert h4 {

View File

@ -8,7 +8,7 @@
margin: 0 0 @baseLineHeight; margin: 0 0 @baseLineHeight;
list-style: none; list-style: none;
background-color: #f5f5f5; background-color: #f5f5f5;
.border-radius(4px); border-radius: 4px;
li { li {
display: inline-block; display: inline-block;
text-shadow: 0 1px 0 @white; text-shadow: 0 1px 0 @white;

View File

@ -32,7 +32,7 @@
// Float them, remove border radius, then re-add to first and last elements // Float them, remove border radius, then re-add to first and last elements
.btn-group > .btn { .btn-group > .btn {
position: relative; position: relative;
.border-radius(0); border-radius: 0;
} }
.btn-group > .btn + .btn { .btn-group > .btn + .btn {
margin-left: -1px; margin-left: -1px;
@ -219,21 +219,21 @@
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
.border-radius(0); border-radius: 0;
} }
.btn-group-vertical .btn + .btn { .btn-group-vertical .btn + .btn {
margin-left: 0; margin-left: 0;
margin-top: -1px; margin-top: -1px;
} }
.btn-group-vertical .btn:first-child { .btn-group-vertical .btn:first-child {
.border-radius(4px 4px 0 0); border-radius: 4px 4px 0 0;
} }
.btn-group-vertical .btn:last-child { .btn-group-vertical .btn:last-child {
.border-radius(0 0 4px 4px); border-radius: 0 0 4px 4px;
} }
.btn-group-vertical .btn-large:first-child { .btn-group-vertical .btn-large:first-child {
.border-radius(6px 6px 0 0); border-radius: 6px 6px 0 0;
} }
.btn-group-vertical .btn-large:last-child { .btn-group-vertical .btn-large:last-child {
.border-radius(0 0 6px 6px); border-radius: 0 0 6px 6px;
} }

View File

@ -19,7 +19,7 @@
.buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
border: 1px solid @btnBorder; border: 1px solid @btnBorder;
border-bottom-color: darken(@btnBorder, 10%); border-bottom-color: darken(@btnBorder, 10%);
.border-radius(4px); border-radius: 4px;
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
// Hover state // Hover state
@ -70,7 +70,7 @@
.btn-large { .btn-large {
padding: @paddingLarge; padding: @paddingLarge;
font-size: @fontSizeLarge; font-size: @fontSizeLarge;
.border-radius(@borderRadiusLarge); border-radius: @borderRadiusLarge;
} }
.btn-large [class^="icon-"], .btn-large [class^="icon-"],
.btn-large [class*=" icon-"] { .btn-large [class*=" icon-"] {
@ -81,7 +81,7 @@
.btn-small { .btn-small {
padding: @paddingSmall; padding: @paddingSmall;
font-size: @fontSizeSmall; font-size: @fontSizeSmall;
.border-radius(@borderRadiusSmall); border-radius: @borderRadiusSmall;
} }
.btn-small [class^="icon-"], .btn-small [class^="icon-"],
.btn-small [class*=" icon-"] { .btn-small [class*=" icon-"] {
@ -92,7 +92,7 @@
.btn-mini { .btn-mini {
padding: @paddingMini; padding: @paddingMini;
font-size: @fontSizeMini; font-size: @fontSizeMini;
.border-radius(@borderRadiusSmall); border-radius: @borderRadiusSmall;
} }
@ -184,7 +184,7 @@ input[type="button"] {
border-color: transparent; border-color: transparent;
cursor: pointer; cursor: pointer;
color: @linkColor; color: @linkColor;
.border-radius(0); border-radius: 0;
} }
.btn-link:hover { .btn-link:hover {
color: @linkColorHover; color: @linkColorHover;

View File

@ -10,7 +10,7 @@ pre {
#font > #family > .monospace; #font > #family > .monospace;
font-size: @baseFontSize - 2; font-size: @baseFontSize - 2;
color: @grayDark; color: @grayDark;
.border-radius(3px); border-radius: 3px;
} }
// Inline code // Inline code
@ -35,7 +35,7 @@ pre {
background-color: #f5f5f5; background-color: #f5f5f5;
border: 1px solid #ccc; // IE8 fallback border: 1px solid #ccc; // IE8 fallback
border: 1px solid rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15);
.border-radius(4px); border-radius: 4px;
// Make prettyprint styles more spaced out for readability // Make prettyprint styles more spaced out for readability
&.prettyprint { &.prettyprint {

View File

@ -48,13 +48,9 @@
background-color: @dropdownBackground; background-color: @dropdownBackground;
border: 1px solid #ccc; // IE8 fallback border: 1px solid #ccc; // IE8 fallback
border: 1px solid @dropdownBorder; border: 1px solid @dropdownBorder;
*border-right-width: 2px; border-radius: 6px;
*border-bottom-width: 2px;
.border-radius(6px);
.box-shadow(0 5px 10px rgba(0,0,0,.2)); .box-shadow(0 5px 10px rgba(0,0,0,.2));
-webkit-background-clip: padding-box; .background-clip(padding-box);
-moz-background-clip: padding;
background-clip: padding-box;
// Aligns the dropdown menu to right // Aligns the dropdown menu to right
&.pull-right { &.pull-right {
@ -212,5 +208,5 @@
// --------- // ---------
.typeahead { .typeahead {
margin-top: 2px; // give it some space to breathe margin-top: 2px; // give it some space to breathe
.border-radius(4px); border-radius: 4px;
} }

View File

@ -85,7 +85,7 @@ input[type="color"],
font-size: @baseFontSize; font-size: @baseFontSize;
line-height: @baseLineHeight; line-height: @baseLineHeight;
color: @gray; color: @gray;
.border-radius(@inputBorderRadius); border-radius: @inputBorderRadius;
vertical-align: middle; vertical-align: middle;
} }
@ -278,17 +278,17 @@ input[type="color"],
padding-left: 14px; padding-left: 14px;
padding-right: 14px; // TODO: Resolve this override padding-right: 14px; // TODO: Resolve this override
font-size: @fontSizeLarge; font-size: @fontSizeLarge;
.border-radius(@borderRadiusLarge); border-radius: @borderRadiusLarge;
} }
&.input-small { &.input-small {
padding: @paddingSmall; padding: @paddingSmall;
font-size: @fontSizeSmall; font-size: @fontSizeSmall;
.border-radius(@borderRadiusSmall); border-radius: @borderRadiusSmall;
} }
&.input-mini { &.input-mini {
padding: @paddingMini; padding: @paddingMini;
font-size: @fontSizeMini; font-size: @fontSizeMini;
.border-radius(@borderRadiusSmall); border-radius: @borderRadiusSmall;
} }
} }
@ -459,7 +459,7 @@ select:focus:required:invalid {
margin: 0; // Prevent bottom margin from screwing up alignment in stacked forms margin: 0; // Prevent bottom margin from screwing up alignment in stacked forms
font-size: @baseFontSize; font-size: @baseFontSize;
vertical-align: top; vertical-align: top;
.border-radius(0 @inputBorderRadius @inputBorderRadius 0); border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
// Make input on top when focused so blue border and shadow always show // Make input on top when focused so blue border and shadow always show
&:focus { &:focus {
z-index: 2; z-index: 2;
@ -487,7 +487,7 @@ select:focus:required:invalid {
.add-on, .add-on,
.btn { .btn {
vertical-align: top; vertical-align: top;
.border-radius(0); border-radius: 0;
} }
.active { .active {
background-color: lighten(@green, 30); background-color: lighten(@green, 30);
@ -503,7 +503,7 @@ select:focus:required:invalid {
.add-on:first-child, .add-on:first-child,
.btn:first-child { .btn:first-child {
// FYI, `.btn:first-child` accounts for a button group that's prepended // FYI, `.btn:first-child` accounts for a button group that's prepended
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius); border-radius: @inputBorderRadius 0 0 @inputBorderRadius;
} }
} }
@ -511,9 +511,9 @@ select:focus:required:invalid {
input, input,
select, select,
.uneditable-input { .uneditable-input {
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius); border-radius: @inputBorderRadius 0 0 @inputBorderRadius;
+ .btn-group .btn { + .btn-group .btn {
.border-radius(0 @inputBorderRadius @inputBorderRadius 0); border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
} }
} }
.add-on, .add-on,
@ -523,7 +523,7 @@ select:focus:required:invalid {
} }
.add-on:last-child, .add-on:last-child,
.btn:last-child { .btn:last-child {
.border-radius(0 @inputBorderRadius @inputBorderRadius 0); border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
} }
} }
@ -532,20 +532,20 @@ select:focus:required:invalid {
input, input,
select, select,
.uneditable-input { .uneditable-input {
.border-radius(0); border-radius: 0;
+ .btn-group .btn { + .btn-group .btn {
.border-radius(0 @inputBorderRadius @inputBorderRadius 0); border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
} }
} }
.add-on:first-child, .add-on:first-child,
.btn:first-child { .btn:first-child {
margin-right: -1px; margin-right: -1px;
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius); border-radius: @inputBorderRadius 0 0 @inputBorderRadius;
} }
.add-on:last-child, .add-on:last-child,
.btn:last-child { .btn:last-child {
margin-left: -1px; margin-left: -1px;
.border-radius(0 @inputBorderRadius @inputBorderRadius 0); border-radius: 0 @inputBorderRadius @inputBorderRadius 0;
} }
.btn-group:first-child { .btn-group:first-child {
margin-left: 0; margin-left: 0;
@ -562,27 +562,27 @@ input.search-query {
padding-right: 14px; padding-right: 14px;
padding-right: 4px \9; padding-right: 4px \9;
padding-left: 14px; padding-left: 14px;
padding-left: 4px \9; /* IE8 doesn't have border-radius, so don't indent the padding */ padding-left: 4px \9; /* IE8 doesn't have border radius, so don't indent the padding */
margin-bottom: 0; // Remove the default margin on all inputs margin-bottom: 0; // Remove the default margin on all inputs
.border-radius(15px); border-radius: 15px;
} }
/* Allow for input prepend/append in search forms */ /* Allow for input prepend/append in search forms */
.form-search .input-append .search-query, .form-search .input-append .search-query,
.form-search .input-prepend .search-query { .form-search .input-prepend .search-query {
.border-radius(0); // Override due to specificity border-radius: 0; // Override due to specificity
} }
.form-search .input-append .search-query { .form-search .input-append .search-query {
.border-radius(14px 0 0 14px); border-radius: 14px 0 0 14px;
} }
.form-search .input-append .btn { .form-search .input-append .btn {
.border-radius(0 14px 14px 0); border-radius: 0 14px 14px 0;
} }
.form-search .input-prepend .search-query { .form-search .input-prepend .search-query {
.border-radius(0 14px 14px 0); border-radius: 0 14px 14px 0;
} }
.form-search .input-prepend .btn { .form-search .input-prepend .btn {
.border-radius(14px 0 0 14px); border-radius: 14px 0 0 14px;
} }

View File

@ -7,7 +7,7 @@
padding: 60px; padding: 60px;
margin-bottom: 30px; margin-bottom: 30px;
background-color: @heroUnitBackground; background-color: @heroUnitBackground;
.border-radius(6px); border-radius: 6px;
h1 { h1 {
margin-bottom: 0; margin-bottom: 0;
font-size: 60px; font-size: 60px;

View File

@ -18,11 +18,11 @@
// Set unique padding and border-radii // Set unique padding and border-radii
.label { .label {
padding: 1px 4px 2px; padding: 1px 4px 2px;
.border-radius(3px); border-radius: 3px;
} }
.badge { .badge {
padding: 1px 9px 2px; padding: 1px 9px 2px;
.border-radius(9px); border-radius: 9px;
} }
// Hover state, but only for links // Hover state, but only for links

View File

@ -175,13 +175,6 @@
// CSS3 PROPERTIES // CSS3 PROPERTIES
// -------------------------------------------------- // --------------------------------------------------
// Border Radius
.border-radius(@radius) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
// Single Corner Border Radius // Single Corner Border Radius
.border-top-left-radius(@radius) { .border-top-left-radius(@radius) {
-webkit-border-top-left-radius: @radius; -webkit-border-top-left-radius: @radius;
@ -290,7 +283,6 @@
} }
// Background clipping // Background clipping
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
.background-clip(@clip) { .background-clip(@clip) {
-webkit-background-clip: @clip; -webkit-background-clip: @clip;
-moz-background-clip: @clip; -moz-background-clip: @clip;

View File

@ -31,8 +31,7 @@
background-color: @white; background-color: @white;
border: 1px solid #999; border: 1px solid #999;
border: 1px solid rgba(0,0,0,.3); border: 1px solid rgba(0,0,0,.3);
*border: 1px solid #999; /* IE6-7 */ border-radius: 6px;
.border-radius(6px);
.box-shadow(0 3px 7px rgba(0,0,0,0.3)); .box-shadow(0 3px 7px rgba(0,0,0,0.3));
.background-clip(padding-box); .background-clip(padding-box);
&.fade { &.fade {
@ -71,7 +70,7 @@
text-align: right; // right align buttons text-align: right; // right align buttons
background-color: #f5f5f5; background-color: #f5f5f5;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
.border-radius(0 0 6px 6px); border-radius: 0 0 6px 6px;
.box-shadow(inset 0 1px 0 @white); .box-shadow(inset 0 1px 0 @white);
.clearfix(); // clear it in case folks use .pull-* classes on buttons .clearfix(); // clear it in case folks use .pull-* classes on buttons

View File

@ -14,7 +14,7 @@
color: @navbarText; color: @navbarText;
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground); #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
border: 1px solid @navbarBorder; border: 1px solid @navbarBorder;
.border-radius(4px); border-radius: 4px;
.box-shadow(0 1px 4px rgba(0,0,0,.065)); .box-shadow(0 1px 4px rgba(0,0,0,.065));
// Prevent floats from breaking the navbar // Prevent floats from breaking the navbar
@ -131,7 +131,7 @@
margin-bottom: 0; margin-bottom: 0;
padding: 4px 14px; padding: 4px 14px;
#font > .sans-serif(13px, normal, 1); #font > .sans-serif(13px, normal, 1);
.border-radius(15px); // redeclare because of specificity of the type attribute border-radius: 15px; // redeclare because of specificity of the type attribute
} }
} }
@ -143,7 +143,7 @@
.navbar-static-top { .navbar-static-top {
position: static; position: static;
margin-bottom: 0; // remove 18px margin for default navbar margin-bottom: 0; // remove 18px margin for default navbar
.border-radius(0); border-radius: 0;
} }
@ -162,7 +162,7 @@
border-width: 0 0 1px; border-width: 0 0 1px;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
.border-radius(0); border-radius: 0;
} }
.navbar-fixed-bottom { .navbar-fixed-bottom {
border-width: 1px 0 0; border-width: 1px 0 0;
@ -258,7 +258,7 @@
width: 18px; width: 18px;
height: 2px; height: 2px;
background-color: #f5f5f5; background-color: #f5f5f5;
.border-radius(1px); border-radius: 1px;
.box-shadow(0 1px 0 rgba(0,0,0,.25)); .box-shadow(0 1px 0 rgba(0,0,0,.25));
} }
.btn-navbar .icon-bar + .icon-bar { .btn-navbar .icon-bar + .icon-bar {
@ -347,7 +347,7 @@
right: 100%; right: 100%;
margin-left: 0; margin-left: 0;
margin-right: -1px; margin-right: -1px;
.border-radius(6px 0 6px 6px); border-radius: 6px 0 6px 6px;
} }
} }

View File

@ -114,7 +114,7 @@
padding-bottom: 8px; padding-bottom: 8px;
line-height: @baseLineHeight; line-height: @baseLineHeight;
border: 1px solid transparent; border: 1px solid transparent;
.border-radius(4px 4px 0 0); border-radius: 4px 4px 0 0;
&:hover { &:hover {
border-color: @grayLighter @grayLighter #ddd; border-color: @grayLighter @grayLighter #ddd;
} }
@ -139,7 +139,7 @@
padding-bottom: 8px; padding-bottom: 8px;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
.border-radius(5px); border-radius: 5px;
} }
// Active state // Active state
@ -168,7 +168,7 @@
} }
.nav-tabs.nav-stacked > li > a { .nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd; border: 1px solid #ddd;
.border-radius(0); border-radius: 0;
} }
.nav-tabs.nav-stacked > li:first-child > a { .nav-tabs.nav-stacked > li:first-child > a {
.border-top-radius(4px); .border-top-radius(4px);
@ -195,10 +195,10 @@
// --------- // ---------
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
.border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu border-radius: 0 0 6px 6px; // remove the top rounded corners here since there is a hard edge above the menu
} }
.nav-pills .dropdown-menu { .nav-pills .dropdown-menu {
.border-radius(6px); // make rounded corners match the pills border-radius: 6px; // make rounded corners match the pills
} }
// Default dropdown links // Default dropdown links
@ -303,7 +303,7 @@
margin-bottom: 0; margin-bottom: 0;
} }
.tabs-below > .nav-tabs > li > a { .tabs-below > .nav-tabs > li > a {
.border-radius(0 0 4px 4px); border-radius: 0 0 4px 4px;
&:hover { &:hover {
border-bottom-color: transparent; border-bottom-color: transparent;
border-top-color: #ddd; border-top-color: #ddd;
@ -337,7 +337,7 @@
} }
.tabs-left > .nav-tabs > li > a { .tabs-left > .nav-tabs > li > a {
margin-right: -1px; margin-right: -1px;
.border-radius(4px 0 0 4px); border-radius: 4px 0 0 4px;
} }
.tabs-left > .nav-tabs > li > a:hover { .tabs-left > .nav-tabs > li > a:hover {
border-color: @grayLighter #ddd @grayLighter @grayLighter; border-color: @grayLighter #ddd @grayLighter @grayLighter;
@ -345,7 +345,6 @@
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover { .tabs-left > .nav-tabs .active > a:hover {
border-color: #ddd transparent #ddd #ddd; border-color: #ddd transparent #ddd #ddd;
*border-right-color: @white;
} }
// Tabs on the right // Tabs on the right
@ -356,7 +355,7 @@
} }
.tabs-right > .nav-tabs > li > a { .tabs-right > .nav-tabs > li > a {
margin-left: -1px; margin-left: -1px;
.border-radius(0 4px 4px 0); border-radius: 0 4px 4px 0;
} }
.tabs-right > .nav-tabs > li > a:hover { .tabs-right > .nav-tabs > li > a:hover {
border-color: @grayLighter @grayLighter @grayLighter #ddd; border-color: @grayLighter @grayLighter @grayLighter #ddd;
@ -364,7 +363,6 @@
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover { .tabs-right > .nav-tabs .active > a:hover {
border-color: #ddd #ddd #ddd transparent; border-color: #ddd #ddd #ddd transparent;
*border-left-color: @white;
} }

View File

@ -18,7 +18,7 @@
padding: 5px 14px; padding: 5px 14px;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
.border-radius(15px); border-radius: 15px;
} }
.pager li > a:hover { .pager li > a:hover {
text-decoration: none; text-decoration: none;

View File

@ -14,7 +14,7 @@
margin-left: 0; margin-left: 0;
margin-bottom: 0; margin-bottom: 0;
// Visuals // Visuals
.border-radius(@baseBorderRadius); border-radius: @baseBorderRadius;
.box-shadow(0 1px 2px rgba(0,0,0,.05)); .box-shadow(0 1px 2px rgba(0,0,0,.05));
} }
.pagination ul > li { .pagination ul > li {

View File

@ -17,7 +17,7 @@
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2); border: 1px solid rgba(0,0,0,.2);
.border-radius(6px); border-radius: 6px;
.box-shadow(0 5px 10px rgba(0,0,0,.2)); .box-shadow(0 5px 10px rgba(0,0,0,.2));
// Offset the popover to account for the popover arrow // Offset the popover to account for the popover arrow
@ -36,7 +36,7 @@
line-height: 18px; line-height: 18px;
background-color: @popoverTitleBackground; background-color: @popoverTitleBackground;
border-bottom: 1px solid darken(@popoverTitleBackground, 5%); border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
.border-radius(5px 5px 0 0); border-radius: 5px 5px 0 0;
} }
.popover-content { .popover-content {

View File

@ -48,7 +48,7 @@
margin-bottom: @baseLineHeight; margin-bottom: @baseLineHeight;
#gradient > .vertical(#f5f5f5, #f9f9f9); #gradient > .vertical(#f5f5f5, #f9f9f9);
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
.border-radius(4px); border-radius: 4px;
} }
// Bar of progress // Bar of progress

View File

@ -69,13 +69,13 @@
padding: 9px 15px; padding: 9px 15px;
font-weight: bold; font-weight: bold;
color: @navbarLinkColor; color: @navbarLinkColor;
.border-radius(3px); border-radius: 3px;
} }
// Buttons // Buttons
.nav-collapse .btn { .nav-collapse .btn {
padding: 4px 10px 4px; padding: 4px 10px 4px;
font-weight: normal; font-weight: normal;
.border-radius(4px); border-radius: 4px;
} }
.nav-collapse .dropdown-menu li + li a { .nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px; margin-bottom: 2px;
@ -105,7 +105,7 @@
padding: 0; padding: 0;
background-color: transparent; background-color: transparent;
border: none; border: none;
.border-radius(0); border-radius: 0;
.box-shadow(none); .box-shadow(none);
} }
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:before,

View File

@ -34,7 +34,7 @@ a:hover {
// Rounded corners // Rounded corners
.img-rounded { .img-rounded {
.border-radius(6px); border-radius: 6px;
} }
// Add polaroid-esque trim // Add polaroid-esque trim
@ -48,5 +48,5 @@ a:hover {
// Perfect circle // Perfect circle
.img-circle { .img-circle {
.border-radius(500px); // crank the border-radius so it works with most reasonably sized images border-radius: 500px; // crank the border-radius so it works with most reasonably sized images
} }

View File

@ -70,7 +70,7 @@ table {
border: 1px solid @tableBorder; border: 1px solid @tableBorder;
border-collapse: separate; // Done so we can round those corners! border-collapse: separate; // Done so we can round those corners!
border-left: 0; border-left: 0;
.border-radius(4px); border-radius: 4px;
th, th,
td { td {
border-left: 1px solid @tableBorder; border-left: 1px solid @tableBorder;
@ -104,7 +104,7 @@ table {
thead:last-child tr:last-child th:first-child, thead:last-child tr:last-child th:first-child,
tbody:last-child tr:last-child td:first-child, tbody:last-child tr:last-child td:first-child,
tfoot:last-child tr:last-child td:first-child { tfoot:last-child tr:last-child td:first-child {
.border-radius(0 0 0 4px); border-radius: 0 0 0 4px;
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px;

View File

@ -9,7 +9,7 @@
padding: 4px; padding: 4px;
line-height: @baseLineHeight; line-height: @baseLineHeight;
border: 1px solid #ddd; border: 1px solid #ddd;
.border-radius(4px); border-radius: 4px;
.box-shadow(0 1px 3px rgba(0,0,0,.055)); .box-shadow(0 1px 3px rgba(0,0,0,.055));
.transition(all .2s ease-in-out); .transition(all .2s ease-in-out);
} }

View File

@ -27,7 +27,7 @@
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
background-color: @tooltipBackground; background-color: @tooltipBackground;
.border-radius(4px); border-radius: 4px;
} }
// Arrows // Arrows

View File

@ -10,7 +10,7 @@
margin-bottom: 20px; margin-bottom: 20px;
background-color: @wellBackground; background-color: @wellBackground;
border: 1px solid darken(@wellBackground, 7%); border: 1px solid darken(@wellBackground, 7%);
.border-radius(4px); border-radius: 4px;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
blockquote { blockquote {
border-color: #ddd; border-color: #ddd;
@ -21,9 +21,9 @@
// Sizes // Sizes
.well-large { .well-large {
padding: 24px; padding: 24px;
.border-radius(6px); border-radius: 6px;
} }
.well-small { .well-small {
padding: 9px; padding: 9px;
.border-radius(3px); border-radius: 3px;
} }