updated style names

javiera-vasquez · Feb 15, 2010 · 0291154 · 0291154
1 parent a930624
commit 0291154
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 49 deletions.
diff --git a/public/stylesheets/admin/main.css b/public/stylesheets/admin/main.css
@@ -94,20 +94,23 @@ input.big {
 table {
   border-collapse: collapse; }
 
-.rounded {
-  border-radius: 6px;
+.border_radius {
   -moz-border-radius: 6px;
-  -webkit-border-radius: 6px; }
+  -webkit-border-radius: 6px;
+  -khtml-border-radius: 6px;
+  border-radius: 6px; }
 
-.rounded_tight {
-  border-radius: 3px;
+.border_radius_tight {
   -moz-border-radius: 3px;
-  -webkit-border-radius: 3px; }
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px; }
 
-.rounded_loose {
-  border-radius: 10px;
+.border_radius_wide {
   -moz-border-radius: 10px;
-  -webkit-border-radius: 10px; }
+  -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  border-radius: 10px; }
 
 .rounded_top_right {
   border-top-right-radius: 6px;
@@ -412,9 +415,10 @@ img.avatar {
       border-top: none; }
 
 .box {
-  border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  border-radius: 10px;
   color: #333;
   background: #f5f1e2 url(../../images/admin/vertical_tan_gradient.png) top left repeat-x;
   font-size: 90%;
@@ -507,9 +511,10 @@ body.reversed #content .box {
   -webkit-box-shadow: 1px 1px 4px #666666; }
 
 body.login #content #login {
-  border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+  border-radius: 10px;
   background: #f5f1e2 url(../../images/admin/vertical_tan_gradient.png) center -15px repeat-x;
   border: 0.35em solid #efead3;
   padding: 0.5em 1.5em;
@@ -716,9 +721,10 @@ table.index th {
   #actions li {
     display: inline; }
   #actions a {
-    border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
+    -khtml-border-radius: 6px;
+    border-radius: 6px;
     background: #eee url(../../images/admin/buttons_background.png) repeat-x;
     color: #222;
     font-size: 80%;
@@ -943,19 +949,21 @@ input.date {
   box-shadow: 1px 1px 4px #666666;
   -moz-box-shadow: 1px 1px 4px #666666;
   -webkit-box-shadow: 1px 1px 4px #666666;
-  border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
+  -khtml-border-radius: 6px;
+  border-radius: 6px;
   z-index: 1000;
   border: 1px solid #b2b2b2;
   background-color: white;
   padding: 5px;
   line-height: 140%!important; }
 
 .calendar_popup a {
-  border-radius: 3px;
   -moz-border-radius: 3px;
-  -webkit-border-radius: 3px; }
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px; }
 
 .calendar_popup table.calendar {
   font-size: 90%;
@@ -982,9 +990,10 @@ input.date {
   margin: 0; }
 
 .calendar_popup table.calendar td.today {
-  border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
+  -khtml-border-radius: 6px;
+  border-radius: 6px;
   background-color: #e5e5e5; }
 
 .calendar_popup table.calendar td.today a {

diff --git a/public/stylesheets/sass/admin/_base.sass b/public/stylesheets/sass/admin/_base.sass
@@ -59,44 +59,45 @@ table
   border-collapse: collapse
 
 // mixins and classes: use classes wherever possible first
-=rounded(!radius=6px)
-  border-radius = !radius
+=border_radius(!radius=6px)
   -moz-border-radius = !radius
   -webkit-border-radius = !radius
-=rounded_tight
-  +rounded(3px)
-=rounded_loose
-  +rounded(10px)
+  -khtml-border-radius = !radius
+  border-radius = !radius
+=border_radius_tight
+  +border_radius(3px)
+=border_radius_wide
+  +border_radius(10px)
 
-.rounded
-  +rounded
-.rounded_tight
-  +rounded_tight
-.rounded_loose
-  +rounded_loose
-
-=rounded_corner(!radius=6px, !vertical_orientation="top", !horizontal_orentation="right")
+.border_radius
+  +border_radius
+.border_radius_tight
+  +border_radius_tight
+.border_radius_wide
+  +border_radius_wide
+
+=border_radius_corner(!radius=6px, !vertical_orientation="top", !horizontal_orentation="right")
   border-#{!vertical_orientation}-#{!horizontal_orentation}-radius = !radius
   -moz-border-radius-#{!vertical_orientation}#{!horizontal_orentation} = !radius
   -webkit-border-#{!vertical_orientation}-#{!horizontal_orentation}-radius = !radius
 
-=rounded_top_right(!radius=6px)
-  +rounded_corner(!radius,"top","right")
-=rounded_bottom_right(!radius=6px)
-  +rounded_corner(!radius,"bottom","right")
-=rounded_bottom_left(!radius=6px)
-  +rounded_corner(!radius,"bottom","left")
-=rounded_top_left(!radius=6px)
-  +rounded_corner(!radius,"top","left")
+=border_radius_top_right(!radius=6px)
+  +border_radius_corner(!radius,"top","right")
+=border_radius_bottom_right(!radius=6px)
+  +border_radius_corner(!radius,"bottom","right")
+=border_radius_bottom_left(!radius=6px)
+  +border_radius_corner(!radius,"bottom","left")
+=border_radius_top_left(!radius=6px)
+  +border_radius_corner(!radius,"top","left")
 
 .rounded_top_right
-  +rounded_top_right
+  +border_radius_top_right
 .rounded_bottom_right
-  +rounded_bottom_right
+  +border_radius_bottom_right
 .rounded_bottom_left
-  +rounded_bottom_left
+  +border_radius_bottom_left
 .rounded_top_left
-  +rounded_top_left
+  +border_radius_top_left
 
 =box_shadow(!horizontal_offset=1px, !vertical_offset=1px, !blur_radius=4px, !shadow_color=#666)
   box-shadow: #{!horizontal_offset} #{!vertical_offset} #{!blur_radius} #{!shadow_color}

diff --git a/public/stylesheets/sass/admin/_content.sass b/public/stylesheets/sass/admin/_content.sass
@@ -190,7 +190,7 @@ table.index
   li
     display: inline
   a
-    +rounded
+    +border_radius
     background: #eee url(../../images/admin/buttons_background.png) repeat-x
     color: #222
     font-size: 80%

diff --git a/public/stylesheets/sass/admin/_date_input.sass b/public/stylesheets/sass/admin/_date_input.sass
@@ -5,15 +5,15 @@ input.date
 
 .calendar_popup
   +box_shadow
-  +rounded
+  +border_radius
   z-index: 1000
   border: 1px solid #b2b2b2
   background-color: white
   padding: 5px
   line-height: 140%!important
 
 .calendar_popup a
-  +rounded_tight
+  +border_radius_tight
 
 .calendar_popup table.calendar
   font-size: 90%
@@ -40,7 +40,7 @@ input.date
   margin: 0
 
 .calendar_popup table.calendar td.today
-  +rounded
+  +border_radius
   background-color: #e5e5e5
 
 .calendar_popup table.calendar td.today a

diff --git a/public/stylesheets/sass/admin/_forms.sass b/public/stylesheets/sass/admin/_forms.sass
@@ -82,7 +82,7 @@
         background: #7e7e7e url(../../images/admin/metadata_toggle.png) no-repeat 85% -22px
 
     #extended_metadata
-      +rounded_bottom_right
+      +border_radius_bottom_right
       background: #7e7e7e url(../../images/admin/navigation_shadow.png) repeat-x
       margin: 0
       padding-bottom: 2px
@@ -120,7 +120,7 @@
             border-top: none
 
 .box
-  +rounded_loose
+  +border_radius_wide
   color: #333
   background: #f5f1e2 url(../../images/admin/vertical_tan_gradient.png) top left repeat-x
   font-size: 90%
@@ -218,7 +218,7 @@ body.reversed
 body.login
   #content
     #login
-      +rounded_loose
+      +border_radius_wide
       background: #f5f1e2 url(../../images/admin/vertical_tan_gradient.png) center -15px repeat-x
       border: 0.35em solid #efead3
       padding: 0.5em 1.5em