Advertisement
Guest User

Untitled

a guest
Nov 24th, 2017
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.08 KB | None | 0 0
  1. p{
  2. font-size: 20px;
  3. color: white;
  4. font-family: Rockwell;
  5. text-align: center;
  6. }
  7. h3{
  8. color:white;
  9. text-align: center;
  10. }
  11. body{
  12. background-color:#6CCCEF;
  13. background-image: url("bilder/bakgrunnen.jpg");
  14. background-size: 110% 110%
  15. }
  16. #wrapper{
  17. background-color: blue;
  18. height: 1000px;
  19. margin: auto;
  20. position: relative;
  21. width:800px;
  22. box-shadow: 0px 0px 20px black;
  23. top:10px;
  24. border-radius: 30px 30px 0px 0px;
  25. border: 1px solid #000;
  26.  
  27. }
  28. header{
  29. background-color:purple;
  30. height:200px;
  31. left:0px;
  32. top:0px;
  33. width:800px;
  34. position: absolute;
  35. border-radius: 30px 30px 0px 0px;
  36. border: 1px #000;
  37. }
  38. #logo {
  39. border-radius: 30px 30px 0px 0px;
  40. }
  41. nav{
  42. background-color:red;
  43. height:50px;
  44. left:0px;
  45. top:200px;
  46. width:800px;
  47. position: absolute;
  48. }
  49.  
  50. nav ul{
  51. list-style: none;
  52. margin:0px;
  53. padding:0px;
  54. width:100%;
  55. overflow:hidden;
  56. background-color: #5B116F;
  57.  
  58.  
  59. }
  60.  
  61. nav li{
  62.  
  63. float:left;
  64. width:200px;
  65.  
  66.  
  67. }
  68.  
  69. nav li a{
  70. display:block;
  71. text-decoration:none;
  72. background-color:#D75504 ;
  73. color: #5B116F;
  74. padding:15px;
  75. text-align:center;
  76. height:50px;
  77.  
  78.  
  79. }
  80. nav li a:hover{
  81.  
  82. font-weight:bold;
  83. background-color:
  84. color:
  85. }
  86. .menyknapper{
  87. background-color: #BFA201;
  88. color: #5B116F;
  89. text-align: center;
  90. font-size: 27px;
  91. cursor: pointer;
  92. width: 197px;
  93. height: 50px;
  94. text-decoration: none;
  95. display: inline-block;
  96. padding: 5px;
  97. border: solid 1px black;
  98. cursor: pointer;
  99. font-family: Saiyan-Sans;
  100. }
  101. .aktiv{
  102. background-color: #D75504;
  103. color: #5B116F;
  104. text-align: center;
  105. font-size: 30px;
  106. width: 197px;
  107. height: 50px;
  108. display: inline-block;
  109. padding: 5px;
  110. border: solid 1px black;
  111. cursor: pointer;
  112. font-family: Saiyan-Sans;
  113. }
  114.  
  115. .menyknapper:hover{
  116. background: #D75504;
  117. color: #5B116F;
  118.  
  119. }
  120.  
  121. @font-face {
  122. font-family: Saiyan-Sans;
  123. src: url(Saiyan-Sans.ttf);
  124. }
  125.  
  126. #pornhub {
  127. width: 195px;
  128. border: 3px yellow solid;
  129.  
  130.  
  131. }
  132.  
  133. #redtube {
  134. width: 195px;
  135. border: 3px red solid;
  136. }
  137.  
  138. aside {
  139. background-color:#398D04;
  140. height:750px;
  141. left:600px;
  142. top:250px;
  143. width:200px;
  144. position: absolute;
  145. }
  146. main{
  147. background-color:#5B116F;
  148. height:750px;
  149. left:0px;
  150. top:250px;
  151. width:600px;
  152. position:absolute;
  153. }
  154.  
  155. #article1{
  156. background-color:orange;
  157. height:150px;
  158. left:25px;
  159. top:35px;
  160. width:550px;
  161. position:absolute;
  162. }
  163.  
  164. #article2{
  165. background-color:orange;
  166. height:150px;
  167. left:25px;
  168. top:275px;
  169. width:550px;
  170. position:absolute;
  171. }
  172. #article3{
  173. background-color:orange;
  174. height:150px;
  175. left:25px;
  176. top:450px;
  177. width:550px;
  178. position:absolute;
  179. }
  180. footer{
  181. background-color:#5E6E70;
  182. height:50x;
  183. left:0px;
  184. top:1000px;
  185. width:800px;
  186. margin-right: 10px;
  187. position: absolute;
  188. box-shadow: 0px 0px 20px black;
  189. border-radius: 0px 0px 30px 30px;
  190. border: 1px solid #000;
  191. font-size: 5px;
  192. }
  193. p:last-child {
  194. font-size: 12px;
  195. }
  196. #hovedside{
  197.  
  198. position: absolute;
  199. top: 50;
  200. left: 25pvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvx;
  201.  
  202.  
  203.  
  204. vvvvvvvvvvvvvvvvvvvvv
  205.  
  206. }v
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement