Add button CSS and Google Analytics code

pingswept · pingswept · commit f6c8d05666d8 · 2014-03-06T03:13:29.000Z
diff --git a/assets/css/rascal.css b/assets/css/rascal.css
@@ -108,3 +108,43 @@ div.center-column {
   max-width: 940px;
   background-color: #f5f5f5;
 }
+/* Rules for buttons from http://stopdesign.com/eg/buttons/3.0/code.html */
+.btn {
+  display: inline-block;
+  background: none;
+  margin: 0;
+  padding: 3px 0;
+  border-width: 0;
+  overflow: visible;
+  font: 100%/1.2 Arial, Sans-serif;
+  text-decoration: none;
+  color: #333;
+}
+* html button.btn {
+  padding-bottom: 1px;
+}
+/* Immediately below is a temporary hack to serve the
+       following margin values only to Gecko browsers
+       Gecko browsers add an extra 3px of left/right
+       padding to button elements which can't be overriden.
+       Thus, we use -3px of left/right margin to overcome this. */
+html:not([lang*=""]) button.btn {
+  margin: 0 -3px;
+}
+.btn span {
+  background: #dddddd url(img/bg-button.gif) repeat-x 0 0;
+  margin: 0;
+  padding: 3px 0;
+  border-left: 1px solid #bbb;
+  border-right: 1px solid #aaa;
+}
+* html .btn span {
+  padding-top: 0;
+}
+.btn span span {
+  position: relative;
+  padding: 3px .4em;
+  border-width: 0;
+  border-top: 1px solid #bbb;
+  border-bottom: 1px solid #aaa;
+}
diff --git a/assets/css/rascal.less b/assets/css/rascal.less
@@ -138,3 +138,45 @@ div.center-column {
     max-width: 940px;
     background-color: @rascal-bright-white;
 }
+
+/* Rules for buttons from http://stopdesign.com/eg/buttons/3.0/code.html */
+
+    .btn {
+      display:inline-block;
+      background:none;
+      margin:0;
+      padding:3px 0;
+      border-width:0;
+      overflow:visible;
+      font:100%/1.2 Arial,Sans-serif;
+      text-decoration:none;
+      color:#333;
+      }
+    * html button.btn {
+      padding-bottom:1px;
+      }
+    /* Immediately below is a temporary hack to serve the
+       following margin values only to Gecko browsers
+       Gecko browsers add an extra 3px of left/right
+       padding to button elements which can't be overriden.
+       Thus, we use -3px of left/right margin to overcome this. */
+    html:not([lang*=""]) button.btn {
+      margin:0 -3px;
+      }
+    .btn span {
+      background:#ddd url(img/bg-button.gif) repeat-x 0 0;
+      margin:0;
+      padding:3px 0;
+      border-left:1px solid #bbb;
+      border-right:1px solid #aaa;
+      }
+    * html .btn span {
+      padding-top:0;
+      }
+    .btn span span {
+      position:relative;
+      padding:3px .4em;
+      border-width:0;
+      border-top:1px solid #bbb;
+      border-bottom:1px solid #aaa;
+      }
diff --git a/default.hbs b/default.hbs
@@ -24,6 +24,23 @@
 
     {{! Ghost outputs important style and meta data with this tag }}
     {{ghost_head}}
+
+    <script>
+    (function(i,s,o,g,r,a,m){
+        i['GoogleAnalyticsObject']=r;
+        i[r]=i[r]||function(){
+            (i[r].q=i[r].q||[]).push(arguments)
+        },i[r].l=1*new Date();
+        a=s.createElement(o),m=s.getElementsByTagName(o)[0];
+        a.async=1;
+        a.src=g;
+        m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-96134-3', 'rascalmicro.com');
+    ga('send', 'pageview');
+    </script>
+
 </head>
 <body class="{{body_class}}">
 
