Skip to content

Instantly share code, notes, and snippets.

@byronwade

byronwade/gist:6346689

Created August 26, 2013 21:08
Show Gist options
  • Save byronwade/6346689 to your computer and use it in GitHub Desktop.
Save byronwade/6346689 to your computer and use it in GitHub Desktop.
Download ZIP
ok my footer link wont let me click on it can someone help! this is the live view: http://www.thorbis.com/beta/mytemplates/Rejoice/#
Raw
gistfile1.html
<html>
<head>
<link rel="stylesheet" href="css/thorbis_style.css" type="text/css">
<link rel="stylesheet" href="css/thorbis_fonts.css" type="text/css">
<link rel="stylesheet" href="css/animation.css" type="text/css"><!--[if IE 7]>
<link rel="stylesheet" href="css/thorbis_fonts-ie7.css"><![endif]-->
<nav id="nav">
<ul>
<li class="floatleft"><a href="#" class="color color-grey medium thorbis-menu"></a></li>
<li><a href="http://facebook.com/thorbisinc" class="color color-grey medium thorbis-facebook"></a></li>
<li><a href="http://twitter.com/thorbis" class="color color-grey medium thorbis-twitter-1"></a></li>
<li><a href="http://www.linkedin.com/profile/view?id=226237754&goback=%2Enmp_*1_*1_*1_*1_*1_*1_*1_*1_*1_*1&trk=spm_pic" class="color color-grey medium thorbis-linkedin-1"></a></li>
<li><a href="https://plus.google.com/113626141520121345204/posts" class="color color-grey medium thorbis-gplus-circled"></a></li>
<li><a href="http://www.youtube.com/user/byronwade10" class="color color-grey medium thorbis-youtube-squared"></a></li>
<li><a href="#" class="color color-grey medium thorbis-paypal"></a></li>
<li class="floatright"><a href="#" class="color color-grey medium thorbis-cog"></a></li>
</ul>
</nav>
</head>
<body>
</body>
<footer>
<p id="copyright" class="color-grey">
&copy; 2012 Thorbis Inc. | Design: <a class="color color-grey" href="http://www.thorbis.com/">Byron Wade</a>
</p>
</footer>
</html>
Raw
gistfile2.css
/*********************************************************************************/
/*** Rejoice 1.0 by Byron Wade */
/*** www.thorbis.com | bcw1995@gmail.com */
/*** Only can be used with perches of the template! */
/*** NO modifications of this script can be done without consulting me first! */
/*********************************************************************************/
html{
background-color: #cdcdcd;
}
html, body, nav {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
.floatleft{float:left;}
.floatright{float:right}
.center {text-align:center;}
.clear {clear:both;}
/* navbar color scheam*/
.color-grey{color:#444a50}
.color:hover{color:#cdcdcd}
/*********************************************************************************/
/* Nav */
/*********************************************************************************/
nav#nav
{
text-align: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10000;
cursor: default;
}
nav#nav ul
{
background-color: #575f66;
margin: 0;
padding:1%;
}
nav#nav li
{
display: inline-block;
}
nav#nav a {text-decoration: none;}
/*********************************************************************************/
/* Footer */
/*********************************************************************************/
footer
{
text-align: center;
width: 100%;
margin-top: 25%;
background-color: #575f66;
padding:1%;
z-index: 10000;
}
footer > p#copyright
{
text-decoration: none;
}
footer > p#copyright > a
{
text-decoration: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment