Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

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

  • Loading branch information...
commit b66e443690717f9eae283f12c389184425d24511 1 parent 05bd912
@willbryant willbryant authored
Showing with 16 additions and 2 deletions.
  1. +8 −2 example/stylesheets/gui.css
  2. +8 −0 example/stylesheets/timeframe.css
View
10 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;
View
8 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;
Please sign in to comment.
Something went wrong with that request. Please try again.