Advertisement
sebastian192

Hjemmesideprojekt - CSS

Feb 20th, 2015
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.78 KB | None | 0 0
  1. /*-------------------Wrapper---------------------
  2. ------------------------------------------------*/
  3. #wrapper {
  4.     position: absolute;
  5.     left: 0;
  6.     right: 0;
  7.     top: 0;
  8.     bottom: 0;
  9. }
  10.  
  11. /*-------------------Body------------------------
  12. ------------------------------------------------*/
  13. body {
  14.     margin-top: 20px;
  15.     margin-bottom: auto;
  16.     margin-left: auto;
  17.     margin-right: auto;
  18.     position: relative;
  19.     background: url("../Billeder/bg.png") no-repeat center fixed;
  20.     -webkit-background-size: cover;
  21.     -moz-background-size: cover;
  22.     -o-background-size: cover;
  23.     background-size: cover;
  24. }
  25. /*-----------------Head Menu---------------------
  26. -----------------------------------------------*/
  27. #logo {
  28.     display: inline;
  29.     margin-left: 15px;
  30.     margin-top: 5px;
  31.     float: left;
  32. }
  33. #header1 {
  34.     background: #191919;
  35.     opacity: 0.95;
  36.     height: 130px;
  37.     width: 1020px;
  38.     margin-bottom: 20px;
  39.     box-shadow: 0px 0px 15px #000000;
  40. }
  41. #nav {
  42.     padding-top: 25px;
  43.     padding-right: 25px;
  44. }
  45. ul#topmenu{
  46.    list-style: none;
  47.     float: right;
  48. }
  49. ul#topmenu li {
  50.     display: inline;
  51. }
  52. ul#topmenu li a {
  53.     color: #FFFFFF;
  54.     text-decoration: none;
  55.     font-family: "Calibri", sans-serif;
  56.     font-size: 30px;
  57.     font: bold;
  58.     padding: 10px;
  59. }
  60. ul#topmenu li a:hover {
  61.     color: #FFFFFF;
  62.     font: bold;
  63.     text-shadow: 0px 0px 30px #06e0e7;
  64. }
  65. /*-----------------Section-----------------------
  66. -----------------------------------------------*/
  67. #section {
  68.     background: #FFFFFF;
  69.     opacity: 0.92;
  70.     width: 1000px;
  71.     height: content-box;
  72.     box-shadow: 0px 0px 15px #000000;
  73.     padding: 10px;
  74. }
  75. #forsidebox, #forsidebox2, #forsidebox3 {
  76.     background: #292929;
  77.     width: 303px;
  78.     height: 220px;
  79.     display: inline;
  80.     float: left;
  81.     padding-left: 10px;
  82.     padding-right: 10px;
  83.     margin: 5px;
  84. }
  85. #forsidebox4 {
  86.     clear: both;
  87.     background: #292929;
  88.     width: 989px;
  89.     height: 365px;
  90.     display: inline-block;
  91.     margin-top: 10px;
  92.     margin-left: 5px;
  93.     margin-right: 5px;
  94. }
  95. #bottombox {
  96.     margin-top: 10px;
  97. }
  98. /*--------------Section Menu---------------------
  99. -----------------------------------------------*/
  100. #navbox {
  101.     padding: 3px;
  102.     padding-left: 0;
  103.     float: left;
  104.     background: #292929;
  105.     height: 695px;
  106.     width: 300px;
  107.     box-shadow: 0px 0px 8px #000000;
  108. }
  109. #mail {
  110.     text-decoration: none;
  111.     color: #000000;
  112. }
  113. ul#box {
  114.     list-style-type: none;
  115. }
  116. ul#box a {
  117.     background-color: #292929;
  118.     text-decoration: none;
  119.     font-family: "Calibri", sans-serif;
  120.     font-size: 30px;
  121.     color: #FFFFFF;
  122.     display: block;
  123.     padding-top: 5px;
  124.     padding-bottom: 5px;
  125.     list-style-type: none;
  126. }
  127. ul#box a:hover {
  128.     background-color: #292929;
  129.     text-decoration: underline;
  130.     text-shadow: 0px 1px #FFFFFF;
  131. }
  132. /*-----------------Indhold----------------------
  133. -----------------------------------------------*/
  134. h1 {  
  135.     font-family: "Calibri", sans-serif;
  136.     color: #FFFFFF;
  137.     margin: 0px;
  138.     text-align: left;
  139.     text-decoration: none;
  140. }
  141. h2 {
  142.      font-family: "Calibri", sans-serif;
  143.     color: #FFFFFF;
  144.     margin: 0px;
  145.     text-align: left;
  146.     text-decoration: none;
  147.     font-size: 26px;
  148. }
  149. p {
  150.     text-decoration: none;
  151.     color: #FFFFFF;
  152.     margin: 0px;
  153.     text-align: left;
  154. }
  155. p2 {
  156.   color: none;  
  157. }
  158. #link {
  159.     text-decoration: none;
  160.     color: #FFFFFF;
  161.     margin: 0px;
  162.     float: left;
  163. }
  164. a#link:hover {
  165.     text-decoration: underline;
  166. }
  167. a#link:visited {
  168.     color: #A8A094;
  169. }
  170.  
  171. /*------------------Billeder:-------------------
  172. -----------------------------------------------*/
  173. #buffetbanner {
  174.     position: relative;
  175.     right: 10;
  176.     left: 94.5px;
  177.     top: 32.5px;
  178.     bottom: 0;
  179. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement