share-page: Initial implementation

css/main.css

 body
 {
   width: 540px;
   height: 540px;
   margin: auto;
   border: 5px solid #a42c23;
   background: white;
 }
 
 h1
 {
+  height: 120px;
   font-family: Arial, Helvetica, sans;
   font-size: 28px;
-  line-height: 120px;

[Wladimir Palant, 2012/10/25 07:24:34]

I guess that a lengthy text requiring a line break will mess up everything?

Let's discuss ways to avoid hardcoding sizes in the chat.

   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%;
 
@@ skipping 26 matching lines @@
 #gplus
 {
   background-image: url("../img/gplus-64.png");
   background-color: #f1f1f1;
 }
 
 #___plus_0
 {
   margin-top: 12px !important;
 }