wcrisman/PetitTeton
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified site to include a blog link and moved the social media icons.

Browse Source
This commit is contained in:
Wynne Crisman
2016-05-07 20:00:00 -07:00
parent 0f24e9856e
commit b00f2eb668
5 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/Facebook_white_v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
public/images/GooglePlus_white_v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
public/images/Twitter_white_v2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

1
public/index.html
View File

@@ -37,6 +37,7 @@
--><a href="#!/food">Food</a><!-- --><a href="#!/food">Food</a><!--
--><a href="#!/animals">Animals</a><!-- --><a href="#!/animals">Animals</a><!--
--><a href="#!/services">Services</a><!-- --><a href="#!/services">Services</a><!--
--><a target="_blank" href="//blog.petitteton.com">Blog</a><!--
--><!--<a href="#!/holidays" class="holidayMenuItem">Holidays</a>--><!-- --><!--<a href="#!/holidays" class="holidayMenuItem">Holidays</a>--><!--
--><!--<a href="#!/shipping" class="shippingMenuItem">Shipping</a>--><!-- --><!--<a href="#!/shipping" class="shippingMenuItem">Shipping</a>--><!--
--></div> --></div>

39
public/main.styl
View File

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