mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-02 16:04:07 +03:00
Code Activity

comment out box-shadow on masthead and footer in docs.css because Opera sucks at inset box-shadow :"

Browse Source
This commit is contained in:
Mark Otto
2011-09-12 22:19:28 -07:00
parent 206334ba70
commit 5249483850
6 changed files with 134 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/patterns.less
+27 -27
View File
@@ -76,7 +76,7 @@
background-color: rgba(255,255,255,.3);
#font > .sans-serif(13px, normal, 1);
padding: 4px 9px;
color: #fff;
color: @white;
color: rgba(255,255,255,.75);
border: 1px solid #111;
.border-radius(4px);
@@ -95,15 +95,15 @@
&:hover {
background-color: @grayLight;
background-color: rgba(255,255,255,.5);
color: #fff;
color: @white;
}
// Focus states (we use .focused since IE8 and down doesn't support :focus)
&:focus,
&.focused {
outline: none;
background-color: #fff;
background-color: @white;
color: @grayDark;
text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 @white;
border: 0;
padding: 5px 10px;
.box-shadow(0 0 3px rgba(0,0,0,.15));
@@ -146,7 +146,7 @@
line-height: 19px;
text-decoration: none;
&:hover {
color: #fff;
color: @white;
text-decoration: none;
}
}
@@ -183,7 +183,7 @@
// a.menu for backwards compatibility
a.menu,
.dropdown-toggle {
color: #fff;
color: @white;
&.open {
background: #444;
background: rgba(255,255,255,.05);
@@ -194,11 +194,11 @@
text-shadow: 0 1px 0 rgba(0,0,0,.5);
&:hover {
#gradient > .vertical(#292929,#191919);
color: #fff;
color: @white;
}
}
.active a {
color: #fff;
color: @white;
}
.divider {
background-color: #222;
@@ -234,14 +234,14 @@ a.menu:after,
margin-left: 4px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #fff;
border-top: 4px solid @white;
.opacity(50);
}
// The dropdown menu (ul)
// .menu-dropdown for backwards compatibility
.menu-dropdown,
.dropdown-menu {
background-color: #fff;
background-color: @white;
float: left;
display: none; // None by default, but block on "open" of the menu
position: absolute;
@@ -274,7 +274,7 @@ a.menu:after,
margin: 5px 0;
overflow: hidden;
background-color: #eee;
border-bottom: 1px solid #fff;
border-bottom: 1px solid @white;
}
}
@@ -287,7 +287,7 @@ a.menu:after,
font-weight: normal;
line-height: 18px;
color: @gray;
text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 @white;
// Hover state
&:hover {
#gradient > .vertical(#eeeeee, #dddddd);
@@ -306,7 +306,7 @@ a.menu:after,
// .menu for backwards compatibility
.menu,
.dropdown-toggle {
color: #fff;
color: @white;
background: #ccc;
background: rgba(0,0,0,.3);
}
@@ -353,7 +353,7 @@ a.menu:after,
}
}
&.active > a {
background-color: #fff;
background-color: @white;
padding: 0 14px;
border: 1px solid #ddd;
border-bottom: 0;
@@ -391,19 +391,19 @@ a.menu:after,
a {
margin: 5px 3px 5px 0;
padding: 0 15px;
text-shadow: 0 1px 1px #fff;
text-shadow: 0 1px 1px @white;
line-height: 30px;
.border-radius(15px);
&:hover {
background: @linkColorHover;
color: #fff;
color: @white;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
}
.active a {
background: @linkColor;
color: #fff;
color: @white;
text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
}
@@ -428,10 +428,10 @@ a.menu:after,
#gradient > .vertical(#ffffff, #f5f5f5);
border: 1px solid #ddd;
.border-radius(3px);
.box-shadow(inset 0 1px 0 #fff);
.box-shadow(inset 0 1px 0 @white);
li {
display: inline;
text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 @white;
}
.divider {
padding: 0 5px;
@@ -547,7 +547,7 @@ footer {
// Primary Button Type
&.primary {
color:#fff;
color: @white;
.gradientBar(@blue, @blueDark)
}
@@ -761,7 +761,7 @@ input[type=submit].btn {
// ------
.modal-backdrop {
background-color: #000;
background-color: @black;
position: fixed;
top: 0;
left: 0;
@@ -809,7 +809,7 @@ input[type=submit].btn {
padding: 14px 15px 15px;
border-top: 1px solid #ddd;
.border-radius(0 0 6px 6px);
.box-shadow(inset 0 1px 0 #fff);
.box-shadow(inset 0 1px 0 @white);
.clearfix();
margin-bottom: 0;
.btn {
@@ -829,7 +829,7 @@ input[type=submit].btn {
margin-left: -@arrowWidth;
border-left: @arrowWidth solid transparent;
border-right: @arrowWidth solid transparent;
border-top: @arrowWidth solid #000;
border-top: @arrowWidth solid @black;
}
.left(@arrowWidth: 5px) {
top: 50%;
@@ -837,7 +837,7 @@ input[type=submit].btn {
margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent;
border-left: @arrowWidth solid #000;
border-left: @arrowWidth solid @black;
}
.below(@arrowWidth: 5px) {
top: 0;
@@ -845,7 +845,7 @@ input[type=submit].btn {
margin-left: -@arrowWidth;
border-left: @arrowWidth solid transparent;
border-right: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid #000;
border-bottom: @arrowWidth solid @black;
}
.right(@arrowWidth: 5px) {
top: 50%;
@@ -853,7 +853,7 @@ input[type=submit].btn {
margin-top: -@arrowWidth;
border-top: @arrowWidth solid transparent;
border-bottom: @arrowWidth solid transparent;
border-right: @arrowWidth solid #000;
border-right: @arrowWidth solid @black;
}
}
@@ -878,7 +878,7 @@ input[type=submit].btn {
}
.twipsy-inner {
padding: 3px 8px;
background-color: #000;
background-color: @black;
color: white;
text-align: center;
max-width: 200px;