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="#!/animals">Animals</a><!--
--><a href="#!/services">Services</a><!--
--><a target="_blank" href="//blog.petitteton.com">Blog</a><!--
--><!--<a href="#!/holidays" class="holidayMenuItem">Holidays</a>--><!--
--><!--<a href="#!/shipping" class="shippingMenuItem">Shipping</a>--><!--
--></div>

39
public/main.styl
View File

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