Guest User

CSS AXEL

a guest
Oct 23rd, 2013
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.46 KB | None | 0 0
  1.  
  2. #wrapper {
  3. min-height:100%;
  4. position:absolute;
  5. top:0; left:0;
  6. width:100%;
  7. }
  8.  
  9. #header {
  10. position: absolute;
  11. left: 0;
  12. width: 100%;
  13. height: 100px;
  14. top: 0;
  15. background-image:url(http://api.thumbr.it/whitenoise-361x370.png?background=cf4f4fff&noise=a63f3f&density=18&opacity=71);
  16. color: white;
  17. font-family: Lato;
  18. min-width:750px;
  19. }
  20.  
  21.  
  22. #logoholder {
  23. position:absolute;
  24. width:230px;
  25. height:100px;
  26. text-align: left;
  27. margin-top:5px;
  28. margin-left:160px;
  29. left:0;
  30.  
  31.  
  32. }
  33.  
  34. #fixer {
  35. width:500px;
  36. position: absolute;
  37. right:0;
  38. top: 0;
  39. }
  40.  
  41. #navmenu ul {
  42. margin: 0; padding: 0;
  43. list-style-type: none; list-style-image: none;
  44. width: 500px;
  45. padding-top:45px;
  46. height: 50px;
  47. right:0;
  48.  
  49.  
  50.  
  51. }
  52.  
  53. #navmenu li {
  54. display: inline;
  55.  
  56. }
  57.  
  58. #navmenu ul li a {
  59. text-decoration:none; margin: 5px;
  60. padding: 5px 10px 5px 20px; color: white;
  61. background: transparent;
  62.  
  63.  
  64. }
  65.  
  66. #navmenu ul li a:hover {
  67. color: #adadad;
  68.  
  69. }
  70.  
  71. #info {
  72. position: absolute;
  73. left: 0; top: 100px;
  74. width: 100%;
  75. height: 200px;
  76. background-image:url(http://api.thumbr.it/whitenoise-361x370.png?background=5c5c5cff&noise=525252&density=18&opacity=71);
  77. color: white;
  78. box-shadow: 0px -1px 8px #000;
  79. }
  80.  
  81. #headtext {
  82. text-align:center;
  83. font-family:Lato;
  84. font-size: 70px;
  85. margin-top:60px;
  86. text-shadow: 0px 2px 4px #000
  87.  
  88. }
  89.  
  90. #content {
  91. position: absolute;
  92. left: 0;
  93. width: 100%;
  94. height: auto;
  95. top: 300px;
  96. bottom: 100px;
  97. background-color: #fff;
  98. color: black;
  99. font-family: Lato;
  100. min-width:650px;
  101. text-align:center;
  102. font-size:30px;
  103. overflow:aito;
  104. }
  105.  
  106. #maincontent {
  107. width:70%;
  108. height:300px;
  109. margin: 0 auto;
  110. margin-top:30px
  111.  
  112. }
  113.  
  114.  
  115.  
  116. #footer {
  117. position:absolute;
  118. left: 0; bottom: 0;
  119. width: 100%;
  120. margin-top:-50px;
  121. height: 50px;
  122. background-image:url(http://api.thumbr.it/whitenoise-361x370.png?background=5c5c5cff&noise=525252&density=18&opacity=71);
  123. color: white;
  124. font-family: Lato;
  125. min-width:650px;
  126. clear:both;
  127. }
  128.  
  129. #foottext {
  130. text-align:center;
  131. margin-top:15px;
  132. text-shadow: 0px 1px 2px #000
  133.  
  134. }
  135.  
  136.  
  137.  
  138.  
  139.  
  140. font-family: 'Raleway Dots', cursive;
  141. font-family: 'Average', serif;
  142. font-family: 'Titillium Web', sans-serif;
  143. font-family: 'News Cycle', sans-serif;
Advertisement
Add Comment
Please, Sign In to add comment