API tools faq
paste
Advertisement
lukestop

Family Page 01 by lukestop

lukestop
Aug 5th, 2014
4,421
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.99 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY LUKESTOP, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10.  
  11.  
  12. <style type="text/css">
  13.  
  14. iframe#tumblr_controls {display:none}
  15.  
  16. ::-webkit-scrollbar {width: 1px; height: 9px; background: #FFFFFF;}
  17. ::-webkit-scrollbar-thumb {background-color:#000 ; border: 1px solid black;}
  18.  
  19. body{
  20. font-family:helvetica;
  21. font-size:8px;
  22. letter-spacing:1px;
  23. line-height:13px;
  24. color:#000;
  25.  
  26. }
  27.  
  28. a:link, a:active, a:visited{
  29. color:#000;
  30. text-decoration:none;
  31. -webkit-transition: all 0.4s linear;
  32. -moz-transition: all 0.4s linear;
  33. transition: all 0.4s linear;
  34. }
  35.  
  36. a:hover{
  37. color:#eee;
  38. -webkit-transition: all 0.4s linear;
  39. -moz-transition: all 0.4s linear;
  40. transition: all 0.4s linear;
  41. }
  42.  
  43.  
  44. #container {
  45. width:370px;
  46. height:640px;
  47. margin-top:15px;
  48. margin-left:400px;
  49. overflow:scroll;
  50. ::-webkit-scrollbar {width: 5px; height: 5px; background:#000; }
  51.  
  52. }
  53.  
  54.  
  55. .box {
  56. width: 160px;
  57. height: 140px;
  58. margin-top:15px;
  59. margin-left:15px;
  60. padding:1px;
  61. float:left;
  62. overflow:hidden;
  63. -webkit-transition: all 0.4s linear;
  64. -moz-transition: all 0.4s linear;
  65. transition: all 0.4s linear;
  66. }
  67.  
  68. #name {
  69. font-family:helvetica;
  70. text-transform:uppercase;
  71. letter-spacing:2px;
  72. font-size:8px;
  73. text-align:center;
  74. color:#000;
  75. padding:7px;
  76. border:1px solid #000;
  77. font-style:bold;}
  78.  
  79. img.icon {
  80. margin-top:0px;
  81. margin-left:0px;
  82. width:80px;
  83. height:80px;
  84. border:1px solid #000;
  85. border-top:0px;
  86. }
  87.  
  88. #description {
  89. font-family:helvetica;
  90. font-size:8px;
  91. text-transform:lowercase;
  92. color:#000;
  93. margin-top:-85px;
  94. text-align:right;
  95. padding-top:8px;
  96. margin-left:82px;
  97. height:72px;
  98. padding-right:1px;
  99. border:1px solid #000;
  100. width:76px;
  101. border-top:0;
  102. overflow:scroll;
  103. border-left:none;
  104. }
  105.  
  106. .footer {
  107. width:158px;
  108. height:17px;
  109. border:1px solid #000;
  110. border-top:none;
  111. font-family:helvetica;
  112. text-transform:uppercase;
  113. font-weight:lighter;
  114. color:#000;
  115. text-align:center;
  116. padding-top:5px;
  117.  
  118. }
  119.  
  120. #sidebar {
  121. width:100px;
  122. height:200px;
  123. border:1px solid #000;
  124. position:fixed;
  125. margin-left:771px;
  126. margin-top:270px;
  127. }
  128.  
  129.  
  130.  
  131. </style>
  132. </head>
  133.  
  134. <body>
  135.  
  136. <div id="sidebar">
  137. <div id="name" style="border:none;border-bottom:1px solid #000;"><b>GROUP NAME</b></div>
  138. <div id="description" style="margin-top:0px;margin-left:0px;width:99px;text-align:justify;padding:7px;padding-bottom:none;width:86px;">this group is really awesome what can i say</div>
  139. <div id="name" style="border:none;margin-top:13px;">NAVIGATE</div>
  140.  
  141. <p>
  142. <select onchange='location=this.options[this.selectedIndex].value;' style='width:70px;font-family:helvetica; font-size:10px; color:#000; background:#fff;margin-left:14px;'>
  143. <p><option>home</option></p>
  144. <p><option value="http://tumblr.com/dashboard/">dashboard</option></p>
  145. <p><option value="http://YOURURLHERE.tumblr.com/">join</option></p>
  146. <p><option value="http://lukestop.tumblr.com/">credit</option></p>
  147.  
  148. <p></select></p>
  149. </div>
  150.  
  151. </div>
  152.  
  153. <div style="margin-left:;">
  154. <div style="position:absolute;">
  155. <div id="container" style="border:1px solid #000;">
  156.  
  157.  
  158. <!--MEMBER.-->
  159. <div class="box"><a href="http://URLHERE.tumblr.com/">
  160. <div id="name"><b>NAME</b></div>
  161. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  162. <div id="description"> Down, down in my bones
  163. Somewhere I'd never have known
  164. Right at the back of my head
  165. It hit me like a beam of light </div>
  166. <div class="footer"> MEMBER? </div>
  167.  
  168. </div>
  169.  
  170. <!--MEMBER.-->
  171. <div class="box"><a href="http://URLHERE.tumblr.com/">
  172. <div id="name"><b>NAME</b></div>
  173. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  174. <div id="description"> Down, down in my bones
  175. Somewhere I'd never have known
  176. Right at the back of my head
  177. It hit me like a beam of light </div>
  178. <div class="footer"> MEMBER? </div>
  179.  
  180. </div>
  181.  
  182. <!--MEMBER.-->
  183. <div class="box"><a href="http://URLHERE.tumblr.com/">
  184. <div id="name"><b>NAME</b></div>
  185. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  186. <div id="description"> Down, down in my bones
  187. Somewhere I'd never have known
  188. Right at the back of my head
  189. It hit me like a beam of light </div>
  190. <div class="footer"> MEMBER? </div>
  191.  
  192. </div>
  193.  
  194. <!--MEMBER.-->
  195. <div class="box"><a href="http://URLHERE.tumblr.com/">
  196. <div id="name"><b>NAME</b></div>
  197. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  198. <div id="description"> Down, down in my bones
  199. Somewhere I'd never have known
  200. Right at the back of my head
  201. It hit me like a beam of light </div>
  202. <div class="footer"> MEMBER? </div>
  203.  
  204. </div>
  205.  
  206. <!--MEMBER.-->
  207. <div class="box"><a href="http://URLHERE.tumblr.com/">
  208. <div id="name"><b>NAME</b></div>
  209. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  210. <div id="description"> Down, down in my bones
  211. Somewhere I'd never have known
  212. Right at the back of my head
  213. It hit me like a beam of light </div>
  214. <div class="footer"> MEMBER? </div>
  215.  
  216. </div>
  217.  
  218. <!--MEMBER.-->
  219. <div class="box"><a href="http://URLHERE.tumblr.com/">
  220. <div id="name"><b>NAME</b></div>
  221. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  222. <div id="description"> Down, down in my bones
  223. Somewhere I'd never have known
  224. Right at the back of my head
  225. It hit me like a beam of light </div>
  226. <div class="footer"> MEMBER? </div>
  227.  
  228. </div>
  229.  
  230. <!--MEMBER.-->
  231. <div class="box"><a href="http://URLHERE.tumblr.com/">
  232. <div id="name"><b>NAME</b></div>
  233. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  234. <div id="description"> Down, down in my bones
  235. Somewhere I'd never have known
  236. Right at the back of my head
  237. It hit me like a beam of light </div>
  238. <div class="footer"> MEMBER? </div>
  239.  
  240. </div>
  241.  
  242. <!--MEMBER.-->
  243. <div class="box"><a href="http://URLHERE.tumblr.com/">
  244. <div id="name"><b>NAME</b></div>
  245. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  246. <div id="description"> Down, down in my bones
  247. Somewhere I'd never have known
  248. Right at the back of my head
  249. It hit me like a beam of light </div>
  250. <div class="footer"> MEMBER? </div>
  251.  
  252. </div>
  253.  
  254. <!--MEMBER.-->
  255. <div class="box"><a href="http://URLHERE.tumblr.com/">
  256. <div id="name"><b>NAME</b></div>
  257. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  258. <div id="description"> Down, down in my bones
  259. Somewhere I'd never have known
  260. Right at the back of my head
  261. It hit me like a beam of light </div>
  262. <div class="footer"> MEMBER? </div>
  263.  
  264. </div>
  265.  
  266. <!--MEMBER.-->
  267. <div class="box"><a href="http://URLHERE.tumblr.com/">
  268. <div id="name"><b>NAME</b></div>
  269. <img class="icon" src="https://31.media.tumblr.com/603457c9960db6d55e7f9dc97c2d965a/tumblr_inline_n9v8v4Nv3o1s7369a.png">
  270. <div id="description"> Down, down in my bones
  271. Somewhere I'd never have known
  272. Right at the back of my head
  273. It hit me like a beam of light </div>
  274. <div class="footer"> MEMBER? </div>
  275.  
  276. </div>
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283. </div>
  284. </body>
  285. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!