Permalink
Browse files

Fixed CSS for ALL modern browsers. — Please do not code for webkit on…

…ly. Try Opera. (http://opera.com)
  • Loading branch information...
briancalderon committed Mar 10, 2012
1 parent f3692f0 commit 6f4d3e0a49a490dc0bd0d1b9c7974734754ab1b8
Showing with 10 additions and 8 deletions.
  1. +10 −8 public/css/main.css
View
@@ -1,4 +1,3 @@
-
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
@@ -92,14 +91,18 @@ strong {
left: 50%;
padding: 10px 20px;
background: rgba(255,255,255,.1);
- -webkit-border-radius: 20px;
+ border-radius: 20px;
color: #fff;
text-align: center;
border-style:none;
outline-style:none;
height:30px;
opacity:0;
+ transition: opacity .2s linear;
+ -o-transition: opacity .2s linear;
+ -moz-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
+ -ms-transition: opacity .2s linear;
}
@@ -126,12 +129,13 @@ strong {
position: absolute;
z-index:2;
background-color: #fff;
+ background-image: linear-gradient(top, #fff, #e2e2e2);
+ background-image: -o-linear-gradient(top, #fff, #e2e2e2);
background-image: -moz-linear-gradient(top, #fff, #e2e2e2);
+ background-image: -ms-linear-gradient(top, #fff, #e2e2e2);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e2e2e2));
- -webkit-border-radius: 10px;
- -webkit-box-shadow: 1px 1px 5px #000;
- -moz-box-shadow: 1px 1px 5px #000;
+ border-radius: 10px;
box-shadow: 1px 1px 5px #000;
top: 55%;
@@ -168,9 +172,7 @@ a#force-init-button:hover {
font-weight: bold;
padding: 4px 10px 4px 10px;
background-color: #606061;
- -webkit-border-radius: 100px;
- -webkit-box-shadow:inset 1px 1px 5px #000;
- -moz-box-shadow:inset 1px 1px 5px #000;
+ border-radius: 100px;
box-shadow:inset -1px -1px -5px #000;
text-shadow: none;
font-size: .8em;

0 comments on commit 6f4d3e0

Please sign in to comment.