diff --git a/public/images/Facebook_white_v2.png b/public/images/Facebook_white_v2.png
new file mode 100644
index 0000000..5709469
Binary files /dev/null and b/public/images/Facebook_white_v2.png differ
diff --git a/public/images/GooglePlus_white_v2.png b/public/images/GooglePlus_white_v2.png
new file mode 100644
index 0000000..daa7295
Binary files /dev/null and b/public/images/GooglePlus_white_v2.png differ
diff --git a/public/images/Twitter_white_v2.png b/public/images/Twitter_white_v2.png
new file mode 100644
index 0000000..2593399
Binary files /dev/null and b/public/images/Twitter_white_v2.png differ
diff --git a/public/index.html b/public/index.html
index b3f9243..1fac0ea 100644
--- a/public/index.html
+++ b/public/index.html
@@ -37,6 +37,7 @@
-->FoodAnimalsServicesBlog
diff --git a/public/main.styl b/public/main.styl
index 3fbf525..7509420 100644
--- a/public/main.styl
+++ b/public/main.styl
@@ -90,10 +90,10 @@ body {
z-index: 200;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 600;
- font-size: .7em;
+ font-size: .8em;
}
#menu a {
- margin: 0 0 0 9px;
+ margin: 0 0 0 5px;
text-decoration: none;
color: black;
line-height: 20px;
@@ -115,8 +115,8 @@ body {
white-space: nowrap;
position: absolute;
right: 50px;
- top: 0px;
- height: 20px;
+ top: 26px;
+ height: 15px;
width: 60px;
text-align: left;
z-index: 100;
@@ -127,7 +127,7 @@ body {
#links a {
display: inline-block;
width: 20px;
- height: 20px;
+ height: 15px;
border-bottom: 1px solid transparent;
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
@@ -140,15 +140,15 @@ body {
}
#linkFacebook {
background: url('images/Facebook_v2.png') no-repeat center center;
- background-size: auto 16px;
+ background-size: auto 9px;
}
#linkGoogle {
background: url('images/GooglePlus_v2.png') no-repeat center center;
- background-size: 20px auto;
+ background-size: 12px auto;
}
#linkTwitter {
background: url('images/Twitter_v2.png') no-repeat center center;
- background-size: 20px auto;
+ background-size: 12px auto;
}
}
@@ -228,11 +228,12 @@ body {
#links {
white-space: nowrap;
position: absolute;
- right: 100px;
+ right: 10px;
+ top: 130px;
height: 30px;
- width: 90px;
- text-align: left;
- z-index: 100;
+ width: 120px;
+ text-align: center;
+ z-index: 200;
font-family: Arial, Helvetica, sans-serif;
font-weight: 800;
font-size: 1em;
@@ -241,27 +242,27 @@ body {
display: inline-block;
width: 30px;
height: 30px;
- border-bottom: 3px solid transparent;
+ border-bottom: 2px solid transparent;
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#links a:hover {
- border-bottom: 3px solid #a20010;
+ border-bottom: 2px solid rgb(200, 146, 186); /*#a20010;*/
opacity: 1;
}
#linkFacebook {
- background: url('images/Facebook_v2.png') no-repeat center 5px;
- background-size: 7px auto;
+ background: url('images/Facebook_white_v2.png') no-repeat center 5px;
+ background-size: 20px auto;
}
#linkGoogle {
- background: url('images/GooglePlus_v2.png') no-repeat center 6px;
+ background: url('images/GooglePlus_white_v2.png') no-repeat center 6px;
background-size: 20px auto;
}
#linkTwitter {
- background: url('images/Twitter_v2.png') no-repeat center 7px;
- background-size: 19px auto;
+ background: url('images/Twitter_white_v2.png') no-repeat center 7px;
+ background-size: 20px auto;
}
}