API tools faq
paste
enchantique

Page 02: Family

enchantique
Aug 13th, 2012
8,909
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.22 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!