Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- background-color: rgb(230,230,230);
- width: 100%;
- margin: 0;
- }
- @font-face {
- font-family: 'test';
- src: url('assets/fonts/test.eot');
- src: url('assets/fonts/test.eot?#iefix') format('embedded-opentype'),
- url('assets/fonts/test.woff') format('woff'),
- url('assets/fonts/test.ttf') format('truetype'),
- url('assets/fonts/test.svg#test') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- @font-face {
- font-family: 'test';
- src: url('assets/fonts/test.svg#test') format('svg');
- }
- }
- a{
- text-decoration: none;
- }
- #header{
- position: fixed;
- width: 100%;
- height: 80px;
- background-color: rgb(250,250,250);
- -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
- }
- #header .logo{
- position: absolute;
- height: 50px;
- width:600px;
- margin-top: 15px;
- margin-left: 70px;
- }
- #header .logo img{
- height: 100%;
- }
- #header .logo p{
- position: absolute;
- top: 0;
- margin-left: 122px;
- margin-top: 26px;
- font-family:Arial ;
- font-size: 17px;
- color: #009de0;
- }
- #menu{
- float: right;
- width: auto;
- margin-right: 40px;
- }
- #menu ul{
- list-style-type: none;
- height: 80px;
- margin: 0;
- padding: 0;
- width: auto;
- }
- #menu li{
- float: left;
- display: block;
- height: 80px;
- }
- #menu a{
- height: 80px;
- line-height: 80px;
- padding-left: 40px;
- padding-right: 40px;
- display: block;
- text-decoration: none;
- font-family:'test' ;
- font-size: 18px;
- color: rgb(130,130,130);
- }
- #menu li a:hover{
- background-color: rgb(210,210,210);
- color:#fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement