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; } }