stylin

nikolaiwarner · May 2, 2011 · 170e6e2 · 170e6e2
1 parent 1526198
commit 170e6e2
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 2 deletions.
diff --git a/app/views/contexts/index.html.haml b/app/views/contexts/index.html.haml
@@ -1,7 +1,10 @@
 - title "Your Contexts"
 
-%nav
-  = link_to 'New Context', new_context_path
+- content_for :actions do
+  = link_to 'New', new_context_path, :class => 'important'
+  = link_to 'Edit', new_context_path
+
+
 
 - @contexts.each do |context|
   %br/

diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
@@ -62,6 +62,8 @@
         .right
           .title
             = yield :title
+            .actions
+              = yield :actions
           .content
             = yield
 

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -148,6 +148,23 @@ div.field, div.actions {
   .columns .right .content {
     padding: 10px; }
 
+.actions {
+  float: right; }
+  .actions a {
+    font-size: 15px;
+    padding: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    color: black;
+    border: 1px solid #bbbbbb;
+    border-radius: 4px;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #bbbbbb)); }
+    .actions a:hover {
+      border: 1px solid #aaaaaa;
+      text-decoration: none; }
+    .actions a.important {
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9de96), color-stop(100%, #8ab66b)); }
+
 .nav, nav {
   clear: both;
   text-align: center;

diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass
@@ -184,7 +184,27 @@ div
 
 
 
+.actions
+  float: right
 
+  a
+    font-size: 15px
+    padding: 5px
+    padding-left: 10px
+    padding-right: 10px
+    color: #000
+    border: 1px solid #bbb
+    border-radius: 4px
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#bbb))
+
+    &:hover
+      border: 1px solid #aaa
+      text-decoration: none
+
+    &.important
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(100%,#8ab66b))
+
+
 
 .nav, nav
   clear: both