style for the share button;

timehome · Jul 31, 2011 · b8e430f · b8e430f
1 parent 63e8ac0
commit b8e430f
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/myimgat/apps/wall/static/wall/css/crop-popin.css b/myimgat/apps/wall/static/wall/css/crop-popin.css
@@ -24,3 +24,39 @@
     padding-bottom: 12px;
 }
 
+.crop-popin .crop .photo {
+    margin-bottom: 16px;
+}
+
+.crop-popin .crop .share-crop {
+    display: block;
+    font-size: 26px;
+    border-top: 2px solid #ab17a4;
+    border-bottom: 2px solid #481c46;
+    padding: 12px;
+    text-align: center;
+    border-radius: 8px;
+    text-decoration: none;
+    color: #fff;
+    text-shadow: 0 -1px #222;
+
+    background: #8f1c93;
+    background: -moz-linear-gradient(top, #8f1c93 0%, #541051 100%);
+    background: -webkit-linear-gradient(top, #8f1c93 0%,#541051 100%);
+    background: -o-linear-gradient(top, #8f1c93 0%,#541051 100%);
+    background: -ms-linear-gradient(top, #8f1c93 0%,#541051 100%);
+    background: linear-gradient(top, #8f1c93 0%,#541051 100%);
+}
+
+.crop-popin .crop .share-crop:hover {
+    background: #8f1c93;
+}
+
+.crop-popin .crop .share-crop:active {
+    border-top: 2px solid #481c46;
+    border-bottom: 2px solid #ab17a4;
+}
+
+
+
+
diff --git a/myimgat/apps/wall/templates/wall/popin.html b/myimgat/apps/wall/templates/wall/popin.html
@@ -13,7 +13,7 @@
     <div class="crop">
         <h2>image title</h2>
         <div class="photo"></div>
-        <a href="#">Share</a>
+        <a class="share-crop" href="#">share photo</a>
     </div>
     <div class="share">
     </div>