share-page: Initial implementation

css/main.css

Index: css/main.css
===================================================================
new file mode 100644
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,71 @@
+body
+{
+  width: 540px;
+  height: 540px;
+  margin: auto;
+  border: 5px solid #a42c23;
+  background: white;
+}
+
+h1
+{
+  height: 120px;
+  font-family: Arial, Helvetica, sans;
+  font-size: 28px;
+  text-align: center;
+  margin: 0;
+  color: #a42c23;
+
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-box-pack: center;
+
+  display: box;
+  box-orient: vertical;
+  box-pack: center;
+}
+
+#facebook, #twitter, #gplus
+{
+  padding-left: 125px;
+  height: 140px;
+  background-repeat: no-repeat;
+  background-size: 64px;
+  background-position: 30px 50%;
+
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-box-pack: center;
+
+  display: box;
+  box-orient: vertical;
+  box-pack: center;
+}
+
+#facebook, #twitter
+{
+  padding-left: 135px;
+}
+
+#facebook
+{
+  background-image: url("../img/f_logo.png");
+  background-color: #f3f4f8;
+}
+
+#twitter
+{
+  background-image: url("../img/twitter-bird-light-bgs.png");
+  background-color: #d7e8f1;
+}
+
+#gplus
+{
+  background-image: url("../img/gplus-64.png");
+  background-color: #f1f1f1;
+}
+
+#___plus_0
+{
+  margin-top: 12px !important;
+}