Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Round Corners and Drop-Shadows

  • Loading branch information...
commit 98aeff171408316e58a9859306a52ae737d91fe2 1 parent bc6dd61
@DocOnDev DocOnDev authored
View
2  app/views/agency/index.html.erb
@@ -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>
View
3  public/stylesheets/layout.css
@@ -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 {
View
13 public/stylesheets/puppies.css
@@ -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;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.