Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en-us">
- <head>
- <meta charset="utf-8">
- <title>Alpha 0.0.0</title>
- <style type="text/css">
- #container {
- background-color: #FEFAEE;
- min-height: 100%;
- width: 100%;
- position: absolute;
- }
- #header {
- height: 120px;
- width: 100%;
- background: #FEFAEE;
- position: relative;
- }
- #logo {
- margin-top: 20px;
- margin-left: 30px;
- }
- #menu-bar {
- width: 100%;
- margin: 0px 0px 0px 0px;
- padding: 10px 6px 4px 6px;
- height: 40px;
- line-height: 100%;
- border-radius: 0px;
- box-shadow: 0px 2px 3px #666666;
- -webkit-box-shadow: 0px 2px 3px #666666;
- -moz-box-shadow: 0px 2px 3px #666666;
- background: #333333;
- border: solid 1px #333333;
- position:relative;
- z-index:100;
- }
- #menu-bar li {
- margin: 0px 0px 0px 0px;
- padding: 0px 6px 10px 6px;
- float: left;
- position: relative;
- list-style: none;
- }
- #menu-bar a {
- font-weight: bolder;
- font-family: verdana;
- font-style: normal;
- font-size: 14px;
- color: #E3E1E1;
- text-decoration: none;
- display: block;
- padding: 7px 18px 7px 18px;
- margin: 0;
- border-radius: 0px;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- text-shadow: 0px 0px 0px #000000;
- }
- #menu-bar li ul li a {
- margin: 0;
- }
- #menu-bar .active a, #menu-bar li:hover > a {
- background: #333333;
- color: #FFFFFD;
- -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
- -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
- box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
- text-shadow: 0px 0px 0px #FFFFFF;
- }
- #menu-bar ul li:hover a, #menu-bar li:hover li a {
- background: none;
- border: none;
- color: #666;
- }
- #menu-bar ul a:hover {
- background: #333333;
- color: #FFFFFD;
- }
- #menu-bar ul {
- background: #333333;
- display: none;
- margin: 0;
- padding: 0;
- width: 185px;
- position: absolute;
- top: 40px;
- left: 0;
- }
- #menu-bar li:hover > ul {
- display: block;
- }
- #menu-bar ul li {
- float: none;
- margin: 0;
- padding: 0;
- }
- #menu-bar ul a {
- padding: 10px 0px 10px 15px;
- color: #E3E3E1 !important;
- font-size: 12px;
- font-style: normal;
- font-family: verdana;
- font-weight: bolder;
- text-shadow: 0px 0px 0px #FFFFFF;
- }
- #menu-bar ul li:first-child > a {
- border-top-left-radius: 0px;
- -webkit-border-top-left-radius: 0px;
- -moz-border-radius-topleft: 0px;
- border-top-right-radius: 0px;
- -webkit-border-top-right-radius: 0px;
- -moz-border-radius-topright: 0px;
- }
- #menu-bar ul li:last-child > a {
- border-bottom-left-radius: 0px;
- -webkit-border-bottom-left-radius: 0px;
- -moz-border-radius-bottomleft: 0px;
- border-bottom-right-radius: 0px;
- -webkit-border-bottom-right-radius: 0px;
- -moz-border-radius-bottomright: 0px;
- }
- #menu-bar:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
- }
- #menu-bar {
- display: inline-block;
- }
- html[xmlns] #menu-bar {
- display: block;
- }
- html #menu-bar {
- height: 1%;
- }
- .rightBox {
- font-style: normal;
- font-family: verdana;
- font-weight: bolder;
- float: right;
- background-color: #FFF0B5;
- margin: 15px 15px 15px 15px;
- padding: 15px 15px 15px 15px;
- -webkit-box-shadow: 0px 0px 10px 4px rgba(28,28,28,0.75);
- -moz-box-shadow: 0px 0px 10px 4px rgba(28,28,28,0.75);
- box-shadow: 0px 0px 10px 4px rgba(28,28,28,0.75);
- }
- #footer {
- height: 100px;
- width: 100%;
- background: #333333;
- bottom: 0;
- position: absolute;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="header"><a href="#"><img id="logo" src="http://i.imgur.com/kwEM3Mi.png"/></a></div>
- <ul id="menu-bar">
- <li><a href="#">Início</a></li>
- <li><a href="#">Notícias</a>
- <ul>
- <li><a href="#">Geral</a></li>
- <li><a href="#">Updates</a></li>
- <li><a href="#">Todas</a></li>
- </ul>
- </li>
- <li><a href="#">Comunidade</a>
- <ul>
- <li><a href="#">Forum</a></li>
- <li><a href="#">Facebook</a></li>
- </ul>
- </li>
- <li><a href="#">Ranking</a></li>
- <li><a href="#">Suporte</a></li>
- </ul>
- <div class="rightBox">TESTE</div>
- <div id="footer"></div>
- </div>
- <script>
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement