Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "utf-8";
- /* CSS Document */
- body{
- margin-top:0px;
- margin-bottom:0px;
- margin-left:0px;
- margin-right:0px;
- }
- html {
- background: url(devbackground.jpg) no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='devbackground.jpg', sizingMethod='scale');
- -ms-filer:"progid:DXImageTransform.Microsoft.AlphaImageLoader (src='devbackground.jpg', sizingMethod='scale')";
- }
- img.bg {
- /*set rules to fill background */
- min-height:100%;
- min-width:1024px;
- /*set up proportiante scaling */
- width:100%;
- height:auto;
- /*set up positioning */
- position:fixed;
- top:0;
- left:10;
- }
- /*nav bar code */
- ul#list-nav {
- list-style: none;
- width: 1200px;
- margin-bottom: 20px; /*height of the nav bar */
- margin-left: 450px; /
- margin-right: 450px;
- margin-top: 20px;
- padding-bottom: 0;
- padding-left: 0;
- padding-right: 0px;
- padding-top: 0;
- }
- ul#list-nav li {
- display:inline
- }
- ul#list-nav li a { /* nav bar boxes */
- text-decoration: none;
- width: 200px;
- height:auto;
- background: #485e49;
- color: #eee;
- float: left;
- text-align: center;
- border-left: 1px solid #fff;
- padding-bottom: 5px;
- padding-left: 0;
- padding-right: auto;
- padding-top: 5px;
- }
- ul#list-nav li a:hover {
- background:#a2b3a1;
- color:#000;
- }
- #list-nav, #list-nav ul {
- margin:0 auto;
- padding:0;
- }
- #list-nav li {
- float: left;
- position: relative;
- list-style: none;
- }
- #list-nav > li:hover > ul {
- display: block;
- }
- #list-nav > li > ul {
- display: none;
- position: absolute;
- }
- #list-nav li a {
- white-space: nowrap;
- }
- <!doctype html>
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="css.css">
- <meta charset="utf-8">
- <title>Welcome to dcoltgaming.co.uk</title>
- </head>
- <body>
- <ul id="list-nav">
- <li><a href="/">Home</a></li>
- <li><a href="#">Stuff</a>
- <ul>
- <li><a href="navbartest.html">NavBar Test</a></li>
- </ul>
- </li>
- <li><a href="#">More Stuff</a></li>
- <li><a href="#">Guess what? thats right more stuff!!!!!</a></li>
- <li><a href="troll.html">Troll Faces</a></li>
- </ul>
- </body>
- </html>K<!doctype html>
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="css.css">
- <meta charset="utf-8">
- <title>Welcome to dcoltgaming.co.uk</title>
- </head>
- <body>
- <ul id="list-nav">
- <li><a href="/">Home</a></li>
- <li><a href="#">Stuff</a>
- <ul>
- <li><a href="navbartest.html">NavBar Test</a></li>
- </ul>
- </li>
- <li><a href="#">More Stuff</a></li>
- <li><a href="#">Guess what? thats right more stuff!!!!!</a></li>
- <li><a href="troll.html">Troll Faces</a></li>
- </ul>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement