Skip to content

Instantly share code, notes, and snippets.

/Qwjpeb.markdown

Created December 1, 2014 20:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/0d57c6ba53f00110c551 to your computer and use it in GitHub Desktop.
Save anonymous/0d57c6ba53f00110c551 to your computer and use it in GitHub Desktop.
Download ZIP
Qwjpeb
Raw
index.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body background="../pics/desert/23.jpg">
<div style="background-image:url(../pics/homelogo.jpg); width:1080px; height:200px; margin:auto">
</div>
<ul id="Hr-4" style=" width:1000px; overflow:hidden">
<li><a href="http://www.spacetravel.com" title="Home|">Home</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Social media</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Advertise</a></li>
</ul>
<div style="background-color:#F5F1DE; width:1050px; height:800px; margin:auto"><BR>
</div>
</body>
</html>
Raw
style.css
#Hr-4 {
list-style:none;
margin:10px;
padding:0;
float:left;
margin-left:166px;
position:relative;
}
#Hr-4 li {
margin:0;
padding:0;
float:left;
}
#Hr-4 li a {
white-space:nowrap;
display:inline;
/*float:left;*/
overflow:hidden;
margin:0;
width:auto;
height:auto;
padding:10px 10px;
text-decoration:none;
text-transform:capitalize;
text-align:center;
font-style:normal;
font-weight:bold;
font-size:25px;
border-right:1px dotted #1C1C1C;
color:#ECECEC;
font-family:'Comic Sans MS',cursive;
background:#2C2C2C;
background:-webkit-gradient(linear,left top,right bottom,from(#101010),color-stop(0.35 #2C2C2C),color-stop(0.73 #545252),color-stop(0.90 #3F3C3C),to(#2A2727));
background:-webkit-linear-gradient(top,#101010 0%,#2C2C2C 35%,#545252 73%,#3F3C3C 90%,#2A2727 100%);
background:-moz-linear-gradient(top,#101010 0%,#2C2C2C 35%,#545252 73%,#3F3C3C 90%,#2A2727 100%);
background:-o-linear-gradient(top,#101010 0%,#2C2C2C 35%,#545252 73%,#3F3C3C 90%,#2A2727 100%);
background:-ms-linear-gradient(top,#101010 0%,#2C2C2C 35%,#545252 73%,#3F3C3C 90%,#2A2727 100%);
background:linear-gradient(top,#101010 0%,#2C2C2C 35%,#545252 73%,#3F3C3C 90%,#2A2727 100%);
}
#Hr-4 li:first-child a {
-moz-border-radius:8px 0 0 8px;
-webkit-border-radius:8px 0 0 8px;
border-radius:8px 0 0 8px;
}
#Hr-4 li:last-child a {
-moz-border-radius:0 8px 8px 0;
-webkit-border-radius:0 8px 8px 0;
border-radius:0 8px 8px 0;
}
#Hr-4 li a:hover,#Hr-4 li a:focus {
background:#2C2C2C;
color:#4A75F7;
cursor:pointer;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment