Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- p{
- font-size: 30px;
- color: white;
- font-family: Impact;
- text-align: center;
- }
- h1{
- color:#BFA201;
- text-align: center;
- font-family: Saiyan-Sans;
- }
- body{
- background-color:#6CCCEF;
- background-image: url("bilder/bakgrunnen.jpg");
- background-size: 11v0% 110%
- }
- #wrapper{
- background-color: blue;
- height: 1000px;
- margin: auto;
- position: relative;
- width:800px;
- box-shadow: 0px 0px 20px black;
- top:10px;
- border-radius: 30px 30px 0px 0px;
- border: 1px solid #000;
- }
- header{
- background-color:purple;
- height:200px;
- left:0px;
- top:0px;
- width:800px;
- position: absolute;
- border-radius: 30px 30px 0px 0px;
- border: 1px #000;
- }
- #logo {
- border-radius: 30px 30px 0px 0px;
- }
- nav{
- background-color:red;
- height:50px;
- left:0px;
- top:200px;
- width:800px;
- position: absolute;
- }
- nav ul{
- list-style: none;
- margin:0px;
- padding:0px;
- width:100%;
- overflow:hidden;
- background-color: #5B116F;
- }
- nav li{
- float:left;
- width:200px;
- }
- nav li a{
- display:block;
- text-decoration:none;
- background-color:#D75504 ;
- color: #5B116F;
- padding:15px;
- text-align:center;
- height:50px;
- }
- nav li a:hover{
- font-weight:bold;
- background-color:
- color:
- }
- .menyknapper{
- background-color: #BFA201;
- color: #5B116F;
- text-align: center;
- font-size: 27px;
- cursor: pointer;
- width: 197px;
- height: 50px;
- text-decoration: none;
- display: inline-block;
- padding: 5px;
- border: solid 1px black;
- cursor: pointer;
- font-family: Saiyan-Sans;
- }
- .aktiv{
- background-color: #D75504;
- color: #5B116F;
- text-align: center;
- font-size: 30px;
- width: 197px;
- height: 50px;
- display: inline-block;
- padding: 5px;
- border: solid 1px black;
- cursor: pointer;
- font-family: Saiyan-Sans;
- }
- .menyknapper:hover{
- background: #D75504;
- color: #5B116F;
- }
- @font-face {
- font-family: Saiyan-Sans;
- src: url(Saiyan-Sans.ttf);
- }
- #pornhub {
- width: 195px;
- border: 3px yellow solid;
- }
- #redtube {
- width: 195px;
- border: 3px red solid;
- }
- aside {
- background-color:#398D04;
- height:750px;
- left:600px;
- top:250px;
- width:200px;
- position: absolute;
- }
- main{
- background-color:#5B116F;
- height:750px;
- left:0px;
- top:250px;
- width:600px;
- position:absolute;
- }
- #article1{
- background-color:orange;
- height:150px;
- left:25px;
- top:35px;
- width:550px;
- position:absolute;
- }
- #article2{
- background-color:orange;
- height:150px;
- left:25px;
- top:275px;
- width:550px;
- position:absolute;
- }
- #article3{
- background-color:orange;
- height:150px;
- left:25px;
- top:450px;
- width:550px;
- position:absolute;
- }
- footer{
- background-color:#5E6E70;
- height:50x;
- left:0px;
- top:1000px;
- width:800px;
- margin-right: 10px;
- position: absolute;
- box-shadow: 0px 0px 20px black;
- border-radius: 0px 0px 30px 30px;
- border: 1px solid #000;
- font-size: 5px;
- }
- p:last-child {
- font-size: 12px;
- }
- #hovedside{
- position: absolute;
- top: 400px;
- left: 25px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement