Added sample 'BUY' button
authorReda Lazri <the.red.shortcut@gmail.com>
Mon, 29 Aug 2016 17:17:32 +0000 (18:17 +0100)
committerReda Lazri <the.red.shortcut@gmail.com>
Mon, 29 Aug 2016 17:17:32 +0000 (18:17 +0100)
css/master.css
givingguide.html

index ca937ec4d442f33283621f35f26eb836358bee5e..45c5b4fa80c089a01547a3cf4b3cf14bc1bc9f19 100644 (file)
@@ -367,6 +367,24 @@ a:hover {
 }
 
 .get-item {
+  width: 50%;
+  margin: 0 auto;
+  margin-bottom: 25px;
+
+text-align: center;
+
+  color: white;
+  border-bottom: 0;
+  border-radius: 100px;
+  background: #2B81E3;
+
+  font-family: Signika-Regular;
+  font-size: 24px;
+}
+
+.get-item a {
+  text-decoration: none;
+
   color: white;
   border-bottom: 0;
 }
index 46eb9bdd51f998b0c0ebb67c7748443a535dfcd9..24835c9d92c72985131906557909d13e9d01a1ea 100644 (file)
 
           <img src="https://static.fsf.org/nosvn/images/givingguide/images/tehnoetic-s2.png" alt="replicant phone" class="center-block" width="80"/>
           <h5 class="text-center">Tehnoetic S2 with Replicant</h5>
+          <div class=" center-block get-item">
+            <a  href="#">BUY</a>
 
-          <a class="get-item" href="#">BUY</a>
+          </div>
           <ul>
             <li>Fully free software, based on Android.</li>
             <li><a href="http://redmine.replicant.us/projects/replicant/wiki/ReplicantStatus#Replicant-42">Supported devices</a> include both phones and tablets.</li>