karsten/scattport-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CSS compatibility for all browsers

Browse Source
This commit is contained in:
Eike Foken
2011-09-14 14:27:02 +02:00
parent 1f21d0f930
commit 7cde3ee418
1 changed files with 55 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
assets/css/style.css
View File

@@ -372,23 +372,57 @@ a.button {
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s; -webkit-transition: border-color .218s;
-moz-transition: border .218s; -moz-transition: border .218s;
-ms-transition: border-color .218s;
-o-transition: border-color .218s; -o-transition: border-color .218s;
transition: border-color .218s; transition: border-color .218s;
background: #f3f3f3; background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -webkit-gradient(
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); linear,
0% 40%,
0% 70%,
from(#f5f5f5),
to(#f1f1f1)
);
background: -webkit-linear-gradient(
0 40% 270deg,
#f5f5f5,
#f1f1f1,
#f1f1f1 100%
);
background: -moz-linear-gradient(
0 40% 270deg,
#f5f5f5,
#f1f1f1,
#f1f1f1 100%
);
background: -ms-linear-gradient(
0 40% 270deg,
#f5f5f5,
#f1f1f1,
#f1f1f1 100%
);
background: -o-linear-gradient(
0 40% 270deg,
#f5f5f5,
#f1f1f1,
#f1f1f1 100%
);
border: solid 1px #dcdcdc; border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-right: 10px; margin-right: 10px;
} }
a.button.locked { a.button.locked {
color: #333; color: #333;
border-color: #999; border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
} }
@@ -404,16 +438,20 @@ a.button.disabled {
a.button.disabled:hover, a.button.disabled:active { a.button.disabled:hover, a.button.disabled:active {
color: inherit; color: inherit;
border: 1px solid #dcdcdc; border: 1px solid #dcdcdc;
-moz-box-shadow: inherit;
-webkit-box-shadow: inherit; -webkit-box-shadow: inherit;
-moz-box-shadow: inherit;
-ms-box-shadow: inherit;
-o-box-shadow: inherit;
box-shadow: inherit; box-shadow: inherit;
} }
a.button:hover { a.button:hover {
color: #333; color: #333;
border-color: #999; border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
} }
@@ -425,17 +463,23 @@ a.button:active {
a.left { a.left {
-webkit-border-top-right-radius: 0; -webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0; -moz-border-radius-topright: 0;
-ms-border-radius-topright: 0;
-o-border-radius-topright: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0; -moz-border-radius-bottomright: 0;
-ms-border-radius-bottomright: 0;
-o-border-radius-bottomright: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
margin: 0; margin: 0;
} }
a.middle { a.middle {
border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
-moz-border-radius: 0; -moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-left: solid 1px #f3f3f3; border-left: solid 1px #f3f3f3;
margin: 0; margin: 0;
border-left: solid 1px rgba(255, 255, 255, 0); border-left: solid 1px rgba(255, 255, 255, 0);
@@ -449,9 +493,13 @@ a.right:hover {
a.right { a.right {
-webkit-border-top-left-radius: 0; -webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0; -moz-border-radius-topleft: 0;
-ms-border-radius-topleft: 0;
-o-border-radius-topleft: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomleft: 0;
-ms-border-radius-bottomleft: 0;
-o-border-radius-bottomleft: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-left: solid 1px #f3f3f3; border-left: solid 1px #f3f3f3;
border-left: solid 1px rgba(255, 255, 255, 0); border-left: solid 1px rgba(255, 255, 255, 0);