Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Page 02: Family

By: enchantique on Aug 13th, 2012  |  syntax: None  |  size: 4.22 KB  |  hits: 5,563  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. Page 02: Family
  3. by sakurane - (sakurane.tumblr.com)
  4. ----------------------------------------------------------------------
  5. TERMS OF USAGE
  6. 1. Do not remove the credit. (You may move it to a credits page.)
  7. 2. Do not use as a base code.
  8. 3. Do not take any part of the code.
  9. 4. Do not redistribute.
  10. 5. Do not claim as your own.
  11. 6. You may customize to your liking, but keep the credit intact.
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <style>
  24. ::-webkit-scrollbar-thumb:vertical {
  25.     height: 100px;
  26.     background: #000;
  27. }
  28. ::-webkit-scrollbar {
  29.     height: 10px;
  30.     width: 10px;
  31.     background: #fff;
  32. }
  33. body {
  34.     background: #fff url(http://static.tumblr.com/6hsqxdt/QJxm8pjx8/light03.png) repeat fixed;
  35.     margin: 0;
  36. }
  37. a {
  38.     color: #eee;
  39.     text-decoration: none;
  40. }
  41. #sidebar {
  42.     position: fixed;
  43.     width: 200px;
  44.     height: 100%;
  45.     padding: 20px;
  46.     background: #fff url(http://static.tumblr.com/6hsqxdt/MIMm8pjvy/wood03.png) repeat fixed;
  47.     border-right: 1px dotted #000;
  48. }
  49. #sb {
  50.     margin-top: 70%;
  51. }
  52. h1 {
  53.     font: 18px consolas;
  54.     color: #fff;
  55.     text-align: center;
  56. }
  57. .desc {
  58.     font: 8px lucida console;
  59.     color: #555;
  60.     text-transform: uppercase;
  61.     letter-spacing: 1px;
  62.     text-align: center;
  63.     padding: 10px;
  64.     background: #eee;
  65.     border: 1px solid #434343;
  66.     border-radius: 5px;
  67.     -moz-border-radius: 5px;
  68. }
  69. #nav {
  70.     text-align: center;
  71. }
  72. #nav a {
  73.     width: 50px;
  74.     font: 8px lucida console;
  75.     color: #000;
  76.     text-align: center;
  77.     display: inline-block;
  78.     background: #fff;
  79.     border: 1px solid #434343;
  80.     padding: 2px;
  81.     margin: 5px;
  82. }
  83. #family {
  84.     width: 900px;
  85.     position: absolute;
  86.     left: 300px;
  87.     top: 80px;
  88.     padding-bottom: 80px;
  89. }
  90. #family img {
  91.     width: 50px;
  92.     height: 50px;
  93.     background: #fff;
  94.     padding: 5px;
  95.     border-radius: 3px;
  96.     -moz-border-radius: 3px;
  97. }
  98. img a {
  99.     border: none;
  100. }
  101. #famtable {
  102.     width: 250px;
  103.     background: #111;
  104.     border: 1px solid #434343;
  105.     padding: 10px;
  106.     display: inline-block;
  107.     margin: 5px;
  108. }
  109. #famtd {
  110.     width: 180px;
  111.     font: 10px lucida console;
  112.     color: #eee;
  113.     text-align: center;
  114. }
  115. .charaname {
  116.     font: bold 15px consolas;
  117.     color: #fff;
  118.     text-transform: uppercase;
  119.     border-bottom: 1px dotted #eee;
  120. }
  121. </style>
  122.  
  123. </head><body>
  124.  
  125. <div id="sidebar">
  126. <div id="sb">
  127. <h1>Title</h1>
  128. <div class="desc">Description here.</div>
  129. <div id="nav"><a href="/">return</a><a href="/ask">join?</a><a href="http://sakurane.tumblr.com">credit</a></div>
  130. </div>
  131. </div>
  132.  
  133. <div id="family">
  134. <table id="famtable">
  135. <tr>
  136. <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="http://static.tumblr.com/6hsqxdt/iZum8pl6n/dfav.gif"></a></td>
  137. <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
  138. </tr>
  139. </table>
  140.  
  141. <table id="famtable">
  142. <tr>
  143. <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="http://static.tumblr.com/6hsqxdt/iZum8pl6n/dfav.gif"></a></td>
  144. <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
  145. </tr>
  146. </table>
  147.  
  148. <table id="famtable">
  149. <tr>
  150. <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="http://static.tumblr.com/6hsqxdt/iZum8pl6n/dfav.gif"></a></td>
  151. <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
  152. </tr>
  153. </table>
  154.  
  155. <table id="famtable">
  156. <tr>
  157. <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="CHARACTERIMAGEURL"></a></td>
  158. <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
  159. </tr>
  160. </table>
  161.  
  162. <table id="famtable">
  163. <tr>
  164. <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="CHARACTERIMAGEURL"></a></td>
  165. <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
  166. </tr>
  167. </table>
  168.  
  169. <table id="famtable">
  170. <tr>
  171. <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="CHARACTERIMAGEURL"></a></td>
  172. <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
  173. </tr>
  174. </table>
  175. </div>
  176.  
  177. </body></html>
create a new version of this paste RAW Paste Data