Add style social buttons on header

Valessio Brito
1 parent 6ec4be1a
Showing 1 changed file with 21 additions and 1 deletions Show diff stats
style.css
@@ -96,9 +96,29 @@ body {
     border-radius: 5px;
 }
  
+/* Social Buttons */
+#social-buttons {
+    float: right;
+    text-align: right;
+    width: 200px;
+    margin-top: -50px;
+    height: 30px;
+}
+
+#social-buttons a {
+    display: inline-block;
+    border: 1px solid red;
+    width: 24px;
+    height: 24px;
+    background: #dfdfdf;
+    margin-right: 3px;
+}
+
+#social-buttons span { display: none; }
+
 /* Title Header */
  
-#content .main-block h1, 
+#content .main-block h1,
 #content .main-block h2,
 #content .main-block h3,
 #content .main-block h4 {
...	...	@@ -96,9 +96,29 @@ body {
96	96	border-radius: 5px;
97	97	}
98	98
	99	+/* Social Buttons */
	100	+#social-buttons {
	101	+ float: right;
	102	+ text-align: right;
	103	+ width: 200px;
	104	+ margin-top: -50px;
	105	+ height: 30px;
	106	+}
	107	+
	108	+#social-buttons a {
	109	+ display: inline-block;
	110	+ border: 1px solid red;
	111	+ width: 24px;
	112	+ height: 24px;
	113	+ background: #dfdfdf;
	114	+ margin-right: 3px;
	115	+}
	116	+
	117	+#social-buttons span { display: none; }
	118	+
99	119	/* Title Header */
100	120
101		-#content .main-block h1,
	121	+#content .main-block h1,
102	122	#content .main-block h2,
103	123	#content .main-block h3,
104	124	#content .main-block h4 {
...	...