From 4a1e7982ea6c3a18711453ef6e9a6c7b71a6e2e2 Mon Sep 17 00:00:00 2001
From: Valessio Brito <contato@valessiobrito.info>
Date: Mon, 7 Oct 2013 16:44:27 -0300
Subject: [PATCH] Add style and buttons social network

---
 images/facebook.png      | Bin 0 -> 1626 bytes
 images/facebook.svg      |  9 +++++++++
 images/google_follow.png | Bin 0 -> 2092 bytes
 images/google_follow.svg | 23 +++++++++++++++++++++++
 images/rss.png           | Bin 0 -> 1874 bytes
 images/rss.svg           | 14 ++++++++++++++
 images/twitter.png       | Bin 0 -> 1637 bytes
 images/twitter.svg       | 14 ++++++++++++++
 style.css                | 30 ++++++++++++++++++++++++++----
 9 files changed, 86 insertions(+), 4 deletions(-)
 create mode 100644 images/facebook.png
 create mode 100644 images/facebook.svg
 create mode 100644 images/google_follow.png
 create mode 100644 images/google_follow.svg
 create mode 100644 images/rss.png
 create mode 100644 images/rss.svg
 create mode 100644 images/twitter.png
 create mode 100644 images/twitter.svg

diff --git a/images/facebook.png b/images/facebook.png
new file mode 100644
index 0000000..8d43db5
Binary files /dev/null and b/images/facebook.png differ
diff --git a/images/facebook.svg b/images/facebook.svg
new file mode 100644
index 0000000..f274ff0
--- /dev/null
+++ b/images/facebook.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle style="fill:#3E5B97;" cx="16" cy="16" r="16"/>
+<path style="fill:#FFFFFF;" d="M17.961,11.406h2.615V8.168h-2.615c-2.162,0-3.921,1.906-3.921,4.25v1.633h-2.615v3.25h2.615v7.865
+	h3.27v-7.865h3.267v-3.25H17.31v-1.664C17.31,11.826,17.653,11.406,17.961,11.406z"/>
+</svg>
diff --git a/images/google_follow.png b/images/google_follow.png
new file mode 100644
index 0000000..385410f
Binary files /dev/null and b/images/google_follow.png differ
diff --git a/images/google_follow.svg b/images/google_follow.svg
new file mode 100644
index 0000000..bc1ee39
--- /dev/null
+++ b/images/google_follow.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>
+<g>
+	<polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523 
+		22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 	"/>
+</g>
+<g>
+	<path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396
+		c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0
+		c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027
+		C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01
+		c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541
+		c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861
+		c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119
+		c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645
+		c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223
+		S12.464,20.707,10.306,20.645z"/>
+</g>
+</svg>
diff --git a/images/rss.png b/images/rss.png
new file mode 100644
index 0000000..7661d92
Binary files /dev/null and b/images/rss.png differ
diff --git a/images/rss.svg b/images/rss.svg
new file mode 100644
index 0000000..8256f3b
--- /dev/null
+++ b/images/rss.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
+<g>
+	<circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
+	<path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
+		C14.436,12.858,19.385,17.807,19.385,23.912z"/>
+	<path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
+		H21.668z"/>
+</g>
+</svg>
diff --git a/images/twitter.png b/images/twitter.png
new file mode 100644
index 0000000..c80acbd
Binary files /dev/null and b/images/twitter.png differ
diff --git a/images/twitter.svg b/images/twitter.svg
new file mode 100644
index 0000000..f1326d2
--- /dev/null
+++ b/images/twitter.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<circle style="fill:#2AA7DE;" cx="16" cy="16" r="16"/>
+<path style="fill:#FFFFFF;" d="M24.535,11.723c-0.566,0.252-1.178,0.422-1.814,0.498c0.65-0.391,1.152-1.01,1.389-1.748
+	c-0.611,0.363-1.287,0.625-2.008,0.768c-0.574-0.613-1.396-0.998-2.305-0.998c-1.744,0-3.161,1.414-3.161,3.158
+	c0,0.248,0.029,0.49,0.082,0.721c-2.625-0.131-4.953-1.389-6.512-3.299c-0.273,0.465-0.426,1.008-0.426,1.586
+	c0,1.098,0.555,2.064,1.404,2.631c-0.52-0.018-1.004-0.16-1.432-0.396c0,0.014,0,0.027,0,0.039c0,1.531,1.09,2.808,2.533,3.097
+	c-0.264,0.074-0.543,0.111-0.83,0.111c-0.205,0-0.402-0.02-0.596-0.057c0.402,1.256,1.57,2.168,2.951,2.195
+	c-1.082,0.846-2.443,1.352-3.924,1.352c-0.254,0-0.506-0.016-0.754-0.045c1.398,0.896,3.059,1.42,4.844,1.42
+	c5.811,0,8.989-4.814,8.989-8.988c0-0.137-0.004-0.273-0.01-0.41C23.574,12.915,24.109,12.358,24.535,11.723z"/>
+</svg>
diff --git a/style.css b/style.css
index 66ac80c..285cef2 100644
--- a/style.css
+++ b/style.css
@@ -108,19 +108,39 @@ body {
     float: right;
     text-align: right;
     width: 200px;
-    margin-top: -50px;
+    margin-top: -30px;
     height: 30px;
 }
 
 #social-buttons a {
     display: inline-block;
-    border: 1px solid red;
     width: 24px;
     height: 24px;
-    background: #dfdfdf;
     margin-right: 3px;
 }
 
+#social-buttons a:hover {
+    opacity: 0.6;
+}
+
+#social-buttons #sb_face {
+background-image: url(images/facebook.png);
+background: none,url(images/facebook.svg);
+background-size: 100% 100%;
+}
+
+#social-buttons #sb_tweet {
+background-image: url(images/twitter.png);
+background: none,url(images/twitter.svg);
+background-size: 100% 100%;
+}
+
+#social-buttons #sb_feed {
+background-image: url(images/rss.png);
+background: none,url(images/rss.svg);
+background-size: 100% 100%;
+}
+
 #social-buttons span { display: none; }
 
 /* Title Header */
@@ -440,4 +460,6 @@ div#article-parent {
 .agenda-item a:hover {
   color: black;
   text-decoration: underline !important;
-}
\ No newline at end of file
+}
+
+#box-organizer .block-target { clear: both; }
--
libgit2 0.21.2