use the standard CSS attributes for box-shadow and border-radius too

stephencelis · Jun 10, 2011 · b66e443 · b66e443
1 parent 05bd912
commit b66e443
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/example/stylesheets/gui.css b/example/stylesheets/gui.css
@@ -19,9 +19,12 @@ dd {
   background: #eee;
   border: 3px solid #fff;
 
+  box-shadow:         0 1px 10px #999;
   -webkit-box-shadow: 0 1px 10px #999;
+  -moz-box-shadow:    0 1px 10px #999;
+  border-radius:         6px;
   -webkit-border-radius: 6px;
-  -moz-border-radius: 7px;
+  -moz-border-radius:    6px;
 }
 
 /* Form */
@@ -38,7 +41,9 @@ dd {
   display: inline-block;
   padding: 0 4px;
 
+  box-shadow:         0 1px 1px #ccc;
   -webkit-box-shadow: 0 1px 1px #ccc;
+  -moz-box-shadow:    0 1px 1px #ccc;
 }
 #calendar_form #fields span input {
   border-style: none;
@@ -47,8 +52,9 @@ dd {
   padding: 2px 6px;
   width: 96px;
 
+  border-radius:         10px;
   -webkit-border-radius: 10px;
-  -moz-border-radius: 11px;
+  -moz-border-radius:    11px;
 }
 #calendar_form #fields span input:focus {
   outline: none;

diff --git a/example/stylesheets/timeframe.css b/example/stylesheets/timeframe.css
@@ -23,7 +23,9 @@ div.timeframe_calendar ul.timeframe_menu li a {
   padding: 2px 0 0;
   text-decoration: none;
   width: 20px;
+  box-shadow:         0 1px 2px #999;
   -webkit-box-shadow: 0 1px 2px #999;
+  -moz-box-shadow:    0 1px 2px #999;
 }
 div.timeframe_calendar ul.timeframe_menu li a.previous, div.timeframe_calendar ul.timeframe_menu li a.next {
   background: #fff;
@@ -51,12 +53,16 @@ div.timeframe_calendar ul.timeframe_menu li a.today:active {
   background: #024522;
 }
 div.timeframe_calendar ul.timeframe_menu li a.previous {
+  border-top-left-radius:             10px;
+  border-bottom-left-radius:          10px;
   -webkit-border-top-left-radius:     10px;
   -webkit-border-bottom-left-radius:  10px;
   -moz-border-radius-topleft:         11px;
   -moz-border-radius-bottomleft:      11px;
 }
 div.timeframe_calendar ul.timeframe_menu li a.next {
+  border-top-right-radius:             10px;
+  border-bottom-right-radius:          10px;
   -webkit-border-top-right-radius:     10px;
   -webkit-border-bottom-right-radius:  10px;
   -moz-border-radius-topright:         11px;
@@ -90,7 +96,9 @@ div.timeframe_calendar thead {
 /* Days */
 div.timeframe_calendar tbody {
   background: #fff;
+  box-shadow:         0px 2px 6px #999;
   -webkit-box-shadow: 0px 2px 6px #999;
+  -moz-box-shadow:    0px 2px 6px #999;
 }
 div.timeframe_calendar tbody td {
   cursor: pointer;