SHARE
TWEET

2 only skin

lenaaa Oct 24th, 2012 (edited) 20 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <title>only skin</title>
  3. <link rel="shortcut icon" href="ICON LINK GOES HERE">
  4. </head>
  5.  
  6. <style type="text/css">
  7. body{
  8. background-image:url(http://onyxhotel.three-words.net/images/designs/background1.png);
  9. }
  10.  
  11.  
  12. #header {
  13. background-image:url('http://onyxhotel.three-words.net/images/designs/design1.png');
  14. background-repeat:no-repeat;
  15. width:900px;
  16. height:600px;
  17. z-index: -1;
  18. position: fixed;
  19. margin: -65px 0px 0px 550px;
  20. }
  21.  
  22. #content
  23. {position: absolute;
  24. z-index: -1;
  25. top: 0px;
  26. background-color: rgba(255,255,255, 0.3);
  27. left: 290 ;
  28. width:600px;
  29. margin-top:55px;
  30. padding: 10px;
  31. padding-bottom: 200px;
  32. font-size:10px;
  33. font-weight:none;
  34. text-decoration:none;
  35. text-transform:lowercase;
  36. font-style:none;
  37. font-family:trebuchet ms;
  38. letter-spacing: 1px;}
  39.  
  40. ::selection {
  41. background:#D7AE75;
  42. color:#fff;}
  43.  
  44. ::-moz-selection {
  45. background:#C7A59C;
  46. color:#CFBE27;}
  47.  
  48. ::-webkit-selection {
  49. background:#;
  50. color:#CFBE27;}
  51.  
  52. #a:active, a:visited, a:link {
  53. color:#D7AE75;
  54. background-color: none;
  55. font-weight:none;
  56. text-decoration:none;
  57. text-transform:none;
  58. font-style:none;
  59. text-align: center;
  60. font-family:arial;}
  61.  
  62. a:hover {
  63. color:#BAB095;}
  64.  
  65. h1 {
  66. font: 11px/13px "Lucida Console", Monaco, Monospace;
  67. color: #000;
  68. border-left: 50px solid #D7AE75;
  69. border-right: 25px solid #D7AE75;
  70. text-transform: uppercase;
  71. text-align: left;
  72. margin: 5px;
  73. padding-left: 5px;
  74. width: 450px;
  75. letter-spacing:2px;
  76. background-color: #;}
  77.  
  78. h2 {
  79. font-family : arial;
  80. color : #000;
  81. font-size :10px;
  82. line-height : 0px;
  83. letter-spacing: 2px;
  84. text-transform : normal;
  85. text-align : left;}
  86.  
  87. blockquote {
  88. font: italic normal 12px/10px "Times New Roman", Times, serif;
  89. color: #000;
  90. background: #BAB095;
  91. width:400px;
  92. padding: 10px;
  93. border: 1px solid #ddd;
  94. letter-spacing: 1px;}
  95.  
  96. #anchor {
  97. z-index: -1;
  98. background-image:url('http://onyxhotel.three-words.net/images/designs/anchor.png');
  99. height: 350px;
  100. width: 110%;
  101. position: fixed;
  102. float: left;
  103. margin: 530px 0px 0px -10px;
  104. z-index: 1;
  105. }
  106.  
  107. #side{
  108. background: #ede8e8;
  109. width: 200px;
  110. padding: 0;
  111. z-index: -1;
  112. margin-top: 55px;
  113. margin-left:50px;
  114. font: 10.2px verdana;
  115. letter-spacing: 1px;
  116. display: block;
  117. padding: 5px;
  118. background-color: #fff;
  119. color: #000;
  120. text-decoration: none;
  121.  }
  122.  
  123. #nav{
  124. z-index: 1;
  125. margin-top: -20px;
  126. margin-left:25px;
  127. padding: 5px 5px 5px 0.5px;
  128.  }
  129.  
  130. .menuhover {font-color:#000;
  131. background: #BFE3C7;
  132. font-size: 20px;
  133. font-family:"Amaranth";
  134. float:left;
  135. margin-left:25px;
  136. margin-top:15px;
  137. width:85px;
  138. height: 25px;
  139. text-shadow: 1px 1px 0px #b5cfd4;
  140. padding:5px;
  141. -webkit-transition-duration: 1.0s;
  142. border-bottom-left-radius: 5px;
  143. border-top-left-radius: 5px;
  144. border-bottom-right-radius: 5px;
  145. border-top-right-radius: 5px;}
  146.  
  147. .menuhover:hover {
  148. background: #5CEAB8; }
  149.  
  150. </style>
  151. <body>
  152. <div id="nav">
  153. <a class="menuhover" href="#"> home</a>
  154. <a class="menuhover" href="#"> link</a>
  155. <a class="menuhover" href="#"> link</a>
  156. <a class="menuhover" href="#"> link</a>
  157. <a class="menuhover" href="#"> link</a>
  158. <a class="menuhover" href="http://onyxhotel.three-words.net/"> credit</a>
  159. </div></div>
  160. <div id="anchor"></div>
  161.  
  162. <div id="header"> </div>
  163.  
  164.  
  165.  
  166.  
  167. <ul id="side">
  168. this is your site description<br>
  169. <br>
  170. <h2>affies</h2>
  171. <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> / <a href="http:///url">link</a> /<a href="http:///url">link</a>
  172. <br><br>
  173.  
  174. <h2>cbox</h2>
  175. cbox/comment box code goes here
  176. <br><br>
  177.  
  178. <h2>disclaimer</h2>
  179. Text
  180. <br><br>
  181.  
  182. <h2>extra</h2>
  183. Text <a href="http:///url">link</a>
  184. </ul></div>
  185.  
  186.  
  187. <div id="content">
  188. <h1>Only Skin</h1>
  189. This is your text! This layout that has a <u>fixed</u> header and border.
  190. <h2> Header 2</h2>
  191. <b>bold </b><i>italic </i><u>underline</u> <s>strikethrough</s> <a href="http:///url">link</a><br>
  192. You can edit and tweak the code, or change the header. You may also change the size of header and change the size of everything else.
  193.  
  194. <blockquote>
  195. This is what the blockquote looks like
  196. <li>Please keep credit on.</li>
  197. <li>Do no steal code/header</li>
  198. </blockquote>
  199.  
  200.  
  201. </div>
RAW Paste Data
Top