Permalink
Browse files

Round Corners and Drop-Shadows

  • Loading branch information...
1 parent bc6dd61 commit 98aeff171408316e58a9859306a52ae737d91fe2 @DocOnDev DocOnDev committed Apr 4, 2011
Showing with 16 additions and 2 deletions.
  1. +1 −1 app/views/agency/index.html.erb
  2. +2 −1 public/stylesheets/layout.css
  3. +13 −0 public/stylesheets/puppies.css
@@ -11,7 +11,7 @@
<div class="name"><h3><%= puppy.name %></h3></div>
<div class="details"><h4><%= puppy.breed %></h4><h4><%= puppy.gender %></h4></div>
<div class="view">
- <%= button_to 'View Details', puppy_path(puppy), :method=>:get %>
+ <%= button_to 'View Details', puppy_path(puppy), :class=>'rounded_button', :method=>:get %>
</div>
</div>
</div>
@@ -7,7 +7,7 @@
#wrapper {
display: block;
- width: 970px;
+ width: 969px;
text-align: center;/* IE fix to center the page in the middle of the page*/
margin: 0 auto;/*center the page in Firefox*/
}
@@ -210,6 +210,7 @@
font-size: 36px;
border: none;
padding: 35px 0 0 0;
+ text-shadow: 2px 2px 2px #000;
}
#intro h1 span {
@@ -24,6 +24,10 @@
.puppy_list div {
float: left;
margin: 3px 6px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -khtml-border-radius: 10px;
+ border-radius: 10px;
}
.puppy_list img {
@@ -214,3 +218,12 @@
.puppy_form div {
margin: 0.5em 0;
}
+
+.rounded_button {
+ padding: 9px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ -khtml-border-radius: 10px;
+ border-radius: 10px;
+ color: #eee;
+}

0 comments on commit 98aeff1

Please sign in to comment.