Index: css/main.css |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/css/main.css |
@@ -0,0 +1,63 @@ |
+body |
+{ |
+ width: 540px; |
+ height: 540px; |
+ margin: auto; |
+ border: 5px solid #a42c23; |
+ background: white; |
+} |
+ |
+h1 |
+{ |
+ 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
|
+ text-align: center; |
+ margin: 0; |
+ color: #a42c23; |
+} |
+ |
+#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; |
+} |
+ |
+{ |
+ background-image: url("../img/f_logo.png"); |
+ background-color: #f3f4f8; |
+} |
+ |
+{ |
+ 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; |
+} |