API tools faq
paste
superfrown

Page #7

superfrown
Apr 7th, 2014
1,961
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <head>
  9. <!----
  10.  
  11. Page 07: Lonely
  12. bias/characters/family page
  13. by: superfrown.tumblr.com
  14.  
  15. You may:
  16. Edit as much as you like
  17.  
  18. You may not:
  19. Claim as your own
  20. Remove the credit
  21.  
  22.  
  23. ---->
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. /* MAIN */
  29.  
  30. body {
  31. background-color:#efefef;
  32. background-image: url();
  33. background-attachment: fixed;
  34. background-repeat: repeat;
  35. color:#424242;
  36. font-family: calibri;
  37. font-size: 11px;
  38. margin: 0px;
  39. padding: 0px;}
  40.  
  41. a:link, a:active {
  42. text-decoration:none;
  43. color: #7a7a7a;
  44. -webkit-transition: all 0.4s ease-in-out;
  45. -moz-transition: all 0.4s ease-in-out;
  46. -o-transition: all 0.4s ease-in-out;
  47. transition: all 0.4s ease-in-out;}
  48.  
  49. a:visited {
  50. text-decoration:none;
  51. color: #2a2a2a;
  52. -webkit-transition: all 0.4s ease-in-out;
  53. -moz-transition: all 0.4s ease-in-out;
  54. -o-transition: all 0.4s ease-in-out;
  55. transition: all 0.4s ease-in-out;}
  56.  
  57. a:hover {
  58. color: #e3e3e3;
  59. -webkit-transition: all 0.4s ease-in-out;
  60. -moz-transition: all 0.4s ease-in-out;
  61. -o-transition: all 0.4s ease-in-out;
  62. transition: all 0.4s ease-in-out;}
  63.  
  64.  
  65. ::-webkit-scrollbar {
  66. height:6px;
  67. width:4px;
  68. background-color: #ffffff;}
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color: #ededed;}
  72.  
  73. ::-webkit-scrollbar-thumb:horizontal {
  74. background-color: #ededed;}
  75.  
  76.  
  77.  
  78. /* SIDEBAR */
  79.  
  80. .sidebar {
  81. width:640px;
  82. padding-top:25px;
  83. padding-bottom:25px;
  84. background-color:#e8e8e8;
  85. z-index:2000;}
  86.  
  87.  
  88. /* LINKS */
  89.  
  90. .links {
  91. text-align:center;
  92. width:640px;
  93. height:25px;}
  94.  
  95. .links a {
  96. display:inline-block;
  97. font-size:14px;
  98. padding:4px;
  99. margin-top:0px;
  100. margin-right:6px;
  101. margin-left:6px;
  102. text-transform:lowercase;
  103. font-style:italic;
  104. letter-spacing:1px;
  105. color: #9e9e9e;
  106. -webkit-transition: all 0.4s ease-in-out;
  107. -moz-transition: all 0.4s ease-in-out;
  108. -o-transition: all 0.4s ease-in-out;
  109. transition: all 0.4s ease-in-out;}
  110.  
  111. .links a:hover {
  112. color: #9e9e9e;
  113. text-decoration:line-through;
  114. -webkit-transition: all 0.4s ease-in-out;
  115. -moz-transition: all 0.4s ease-in-out;
  116. -o-transition: all 0.4s ease-in-out;
  117. transition: all 0.4s ease-in-out;}
  118.  
  119.  
  120. /* STUFF */
  121.  
  122. .stuff {
  123. width:640px;
  124. height:auto;
  125. padding-bottom:10px;
  126. margin:0 auto;
  127. text-align:center;
  128. background-color:#f4f4f4;}
  129.  
  130. .column {
  131. display:inline-block;
  132. margin-top:10px;
  133. margin-left:5px;
  134. margin-right:5px;
  135. width:114px;
  136. height:130px;}
  137.  
  138. .url {
  139. margin-top:0px;
  140. margin-left:0px;
  141. text-align:center;}
  142.  
  143. .url a {
  144. position:absolute;
  145. display:block;
  146. margin-top:2px;
  147. margin-left:2px;
  148. height:106px;
  149. width:106px;
  150. line-height:106px;
  151. font-size:16px;
  152. padding:2px;
  153. text-transform:none;
  154. letter-spacing:1px;
  155. color:#1a1a1a;
  156. background-color:#ededed;
  157. opacity:0.0;
  158. -webkit-transition: all 0.5s ease-in-out;
  159. -moz-transition: all 0.5s ease-in-out;
  160. -o-transition: all 0.5s ease-in-out;
  161. transition: all 0.5s ease-in-out;}
  162.  
  163. .url a:hover {
  164. color: #1a1a1a;
  165. opacity:0.7;
  166. -webkit-transition: all 0.5s ease-in-out;
  167. -moz-transition: all 0.5s ease-in-out;
  168. -o-transition: all 0.5s ease-in-out;
  169. transition: all 0.5s ease-in-out;}
  170.  
  171. .columnimage {
  172. position:absolute;
  173. width:110px;
  174. height:110px;
  175. border:2px solid #ffffff;}
  176.  
  177. .columnimage img {
  178. width:110px;
  179. height:110px;}
  180.  
  181. .title {position:absolute;
  182. width:114px;
  183. margin-top:116px;
  184. margin-left:0px;
  185. font-size:11px;
  186. text-transform:uppercase;}
  187.  
  188.  
  189. </style>
  190.  
  191.  
  192. </head>
  193.  
  194. <body>
  195.  
  196.  
  197. <div class="stuff">
  198.  
  199. <div class="sidebar">
  200.  
  201.  
  202. <!--- EDIT YOUR PAGE LINKS HERE --->
  203. <div class="links">
  204. <a href="/"> Home </a>
  205. <a href="/ask"> Ask </a>
  206. <a href=""> Link 1 </a>
  207. <a href=""> Link 2 </a>
  208. <a href="http://superfrown.tumblr.com"> credit </a>
  209. </div>
  210.  
  211.  
  212. </div>
  213.  
  214.  
  215.  
  216. <!------ PERSON 1 START ------>
  217. <div class="column">
  218.  
  219. <div class="columnimage">
  220.  
  221. <!--- EDIT YOUR IMAGE HERE --->
  222. <img src="http://24.media.tumblr.com/050ccbe69ba991d0fea6f304fef432a2/tumblr_n0vzusnMsm1s74pnvo6_r1_400.png">
  223. </div>
  224.  
  225. <div class="url">
  226.  
  227. <!--- EDIT YOUR LINK HERE --->
  228. <a href="/">
  229. url
  230. </a>
  231. </div>
  232.  
  233. <div class="title">
  234.  
  235. <!--- EDIT YOUR TITLE HERE --->
  236. Title
  237.  
  238. </div>
  239.  
  240. </div>
  241. <!------ PERSON 1 END ------>
  242.  
  243.  
  244.  
  245. <!------ PERSON 2 START ------>
  246. <div class="column">
  247.  
  248. <div class="columnimage">
  249.  
  250. <!--- EDIT YOUR IMAGE HERE --->
  251. <img src="https://31.media.tumblr.com/1112ce1972d9b24bf56d8d8704343202/tumblr_n0vzusnMsm1s74pnvo2_250.png">
  252. </div>
  253.  
  254. <div class="url">
  255.  
  256. <!--- EDIT YOUR LINK HERE --->
  257. <a href="/">
  258. url
  259. </a>
  260. </div>
  261.  
  262. <div class="title">
  263.  
  264. <!--- EDIT YOUR TITLE HERE --->
  265. Title
  266.  
  267. </div>
  268.  
  269. </div>
  270. <!------ PERSON 2 END ------>
  271.  
  272.  
  273.  
  274. <!------ PERSON 3 START ------>
  275. <div class="column">
  276.  
  277. <div class="columnimage">
  278.  
  279. <!--- EDIT YOUR IMAGE HERE --->
  280. <img src="http://31.media.tumblr.com/0fd903b0bb657745b0c1f7b2e107ff66/tumblr_n0vzusnMsm1s74pnvo3_400.png">
  281. </div>
  282.  
  283. <div class="url">
  284.  
  285. <!--- EDIT YOUR LINK HERE --->
  286. <a href="/">
  287. url
  288. </a>
  289. </div>
  290.  
  291. <div class="title">
  292.  
  293. <!--- EDIT YOUR TITLE HERE --->
  294. Title
  295.  
  296. </div>
  297.  
  298. </div>
  299. <!------ PERSON 3 END ------>
  300.  
  301.  
  302.  
  303. <!------ PERSON 4 START ------>
  304. <div class="column">
  305.  
  306. <div class="columnimage">
  307.  
  308. <!--- EDIT YOUR IMAGE HERE --->
  309. <img src="http://24.media.tumblr.com/e858dec0c9e9705828a071f9a98ef4ef/tumblr_n0vzusnMsm1s74pnvo4_400.png">
  310. </div>
  311.  
  312. <div class="url">
  313.  
  314. <!--- EDIT YOUR LINK HERE --->
  315. <a href="/">
  316. url
  317. </a>
  318. </div>
  319.  
  320. <div class="title">
  321.  
  322. <!--- EDIT YOUR TITLE HERE --->
  323. Title
  324.  
  325. </div>
  326.  
  327. </div>
  328. <!------ PERSON 4 END ------>
  329.  
  330.  
  331.  
  332. <!------ PERSON 5 START ------>
  333. <div class="column">
  334.  
  335. <div class="columnimage">
  336.  
  337. <!--- EDIT YOUR IMAGE HERE --->
  338. <img src="http://24.media.tumblr.com/2c07bda5931da451adf8855dba17be59/tumblr_n0vzusnMsm1s74pnvo5_400.png">
  339. </div>
  340.  
  341. <div class="url">
  342.  
  343. <!--- EDIT YOUR LINK HERE --->
  344. <a href="/">
  345. url
  346. </a>
  347. </div>
  348.  
  349. <div class="title">
  350.  
  351. <!--- EDIT YOUR TITLE HERE --->
  352. Title
  353.  
  354. </div>
  355.  
  356. </div>
  357. <!------ PERSON 5 END ------>
  358.  
  359.  
  360.  
  361. <!------------ IF YOU WANT MORE PEOPLE JUST COPY THE CODE FROM PERSON START TO PERSON END AND PASTE BELOW THIS LINE ------------>
  362.  
  363.  
  364.  
  365.  
  366. </div>
  367.  
  368. </body>
  369. </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!