API tools faq
paste
kitopia

im from 2007

kitopia
Jan 19th, 2016
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. THEME BY LPS666
  6.  
  7. ----->
  8.  
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  20.  
  21. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  22.  
  23. <style type="text/css">
  24.  
  25.  
  26. /*
  27. general text styles, fonts and colours
  28. */
  29.  
  30. body {
  31. margin:0px;
  32. background:url('https://openclipart.org/image/2400px/svg_to_png/164365/ycm-gradient.png');
  33. font-family: comic sans ms;
  34. font-size:15px;
  35. line-height:140%;
  36. color: #000;
  37. }
  38.  
  39. p{
  40. margin:0 0 10px 0;
  41. padding:0;
  42. }
  43.  
  44. pre {
  45. white-space: pre-wrap;
  46. white-space: -moz-pre-wrap;
  47. white-space: -pre-wrap;
  48. white-space: -o-pre-wrap;
  49. word-wrap: break-word;
  50. }
  51.  
  52. a{
  53.  
  54. background:#fcf;
  55. text-transform:uppercase;
  56. text-decoration:none;
  57.  
  58. }
  59.  
  60. a:hover{
  61. color:#f5f;
  62. }
  63.  
  64. li{
  65. margin-left:-15px;
  66. }
  67.  
  68. /*
  69. containers etc
  70. */
  71. #wrapper{
  72. width:600px;
  73. margin:50px auto;
  74. }
  75.  
  76. #sidebar{
  77. width:150px;
  78. position:absolute;
  79. text-align:center;
  80. left:150px;
  81. top:130px;
  82. background-image: url('http://dl7.glitter-graphics.net/pub/72/72007p3fk2tzves.gif');
  83. padding:10px;
  84. border:5px dashed #fff;
  85. }
  86.  
  87. #wip{
  88. width:220px;
  89. height:150px;
  90. position:absolute;
  91. top:5px;
  92. left:5px;
  93. background-image: url('http://dl6.glitter-graphics.net/pub/60/60626mz5ralzd5b.gif');
  94. padding:5px;
  95. border:5px dotted #00f;
  96. overflow-y: scroll;
  97.  
  98. }
  99.  
  100. #content{
  101. width:600px;
  102. margin-left:200px;
  103. }
  104.  
  105. .post{
  106. width:500px;
  107. margin:0 0 50px 0;
  108. background-image: url('http://dl7.glitter-graphics.net/pub/72/72007p3fk2tzves.gif');
  109.  
  110. border:5px dashed #fff;
  111. }
  112.  
  113. #date{
  114. background-image: url('http://dl5.glitter-graphics.net/pub/1043/1043585ir2mebcqub.gif');
  115. width:150px;
  116. margin-top:-25px;
  117. z-index:2;
  118. padding:5px;
  119. border: 3px dotted #f05;
  120. margin-bottom:10px;
  121. }
  122.  
  123. #sidebar img, .post img{
  124. max-width:100%;
  125. }
  126.  
  127. #nav{
  128. margin:50px 0 0 0;
  129. }
  130.  
  131.  
  132. /*
  133. content in the body of the posts - quotes, asks, etc
  134. "media" contains photos, photosets, videos, audio posts
  135. */
  136. .media{
  137. margin:0 0 10px 0;
  138. }
  139.  
  140. .title{
  141. font-weight:normal;
  142. font-size:18px;
  143. margin:0 0 10px 0;
  144. }
  145.  
  146. .quote{
  147. font-weight:normal;
  148. font-size:16px;
  149. font-style:italic;
  150. margin:0 0 10px 0;
  151. }
  152.  
  153. .question{
  154. margin-bottom:10px;
  155. }
  156.  
  157. blockquote{
  158. margin:0 0 10px 10px;
  159. padding:0 0 0 10px;
  160. border-left:solid 3px #fcf;
  161. }
  162.  
  163. /*
  164. post footers - date, tags, via and source
  165. */
  166. .post .footer{
  167. margin:5px;
  168. text-align:left;
  169. }
  170.  
  171. .post .header{
  172. margin:5px;
  173. }
  174.  
  175. /*
  176. post notes
  177. */
  178. ol.notes{
  179. list-style-type:none;
  180. padding:0;
  181. margin:0;
  182. }
  183.  
  184. ol.notes li.note img{
  185. width:16px;
  186. height:16px;
  187. }
  188.  
  189. ol.notes li.note{
  190. margin:0px;
  191. }
  192.  
  193. #sidelinks a{
  194. background:#fcf;
  195. text-transform:uppercase;
  196. }
  197.  
  198.  
  199.  
  200. {CustomCSS}
  201. </style>
  202. </head>
  203.  
  204. <body>
  205. <img src="http://dl.glitter-graphics.com/pub/1618/1618768l97i0d5atu.gif" style="position:absolute;top:600px;left:-25px;z-index:-1"/>
  206. <img src="http://i.imgur.com/xSk83Oy.gif" style="position:fixed;bottom:0px;right:0px;"/>
  207. <img src="http://dl.glitter-graphics.com/pub/1618/1618772fm2dchopqd.gif" style="position:absolute;top:100px;left:300px;z-index:-1"
  208. <img src="http://www.myspacehippo.com/files/graphics/i114251684_22588.gif" style="position:fixed;bottom:0px;left:0px;z-index:-1"/>
  209. <img src="http://dl6.glitter-graphics.net/pub/134/134546jbuktdurc1.gif" style="position:absolute;top:0px;right:0px;z-index:-1"/>
  210. <img src="http://dl3.glitter-graphics.net/pub/483/483813cnsk3a9xm6.gif" style="position:absolute;top:115px;right:-10px;z-index:-1"/>
  211. <img src="http://dl.glitter-graphics.net/pub/420/420021lpjc7ug7l1.gif" style="position:absolute;top:50px;right:50px;z-index:-1"/>
  212. <img src="http://dl3.glitter-graphics.net/pub/681/681953vqwtty2odq.gif" style="position:absolute;top:200px;right:0px;z-index:-1"/>
  213. <img src="http://dl5.glitter-graphics.net/pub/79/79975yk3ulkvbq5.gif" style="position:absolute;top:0px;right:400px;z-index:-1"/>
  214. <img src="http://dl5.glitter-graphics.net/pub/1159/1159715i8p6l9fcut.gif" style="position:absolute;top:200px;right:450px;z-index:-1"/>
  215. <img src="http://dl7.glitter-graphics.net/pub/643/643717lbi4rs3sre.gif" style="position:absolute;top:400px;left:0px;z-index:-1"/>
  216. <img src="http://dl2.glitter-graphics.net/pub/655/655522tzxpljt1b7.gif" style="position:absolute;top:550px;left:50px;z-index:-1"/>
  217. <img src="http://dl.glitter-graphics.com/pub/1614/1614599i7jveo41b5.gif" style="position:absolute;top:900px;left:0px;z-index:-1"/>
  218. <img src="http://www.gifanimategratis.eu/img/glitter/orsetti/orsetti_glitter_v_12.gif" style="position:absolute;top:500px;right:0px;z-index:-1"/>
  219. <img src="http://www.coolgraphic.org/wp-content/uploads/2011/09/cartoons-desi-glitters-97.gif" style="position:absolute;top:400px;left:400px;z-index:-1"/>
  220. <img src="http://dl.glitter-graphics.com/pub/1472/1472230sd2fq4lxwe.gif" style="position:absolute;top:1050px;left:100px;z-index:-1"/>
  221. <img src="http://dl.glitter-graphics.com/pub/1478/1478832n6zsptveqb.gif" style="position:absolute;top:200px;left:-30px;z-index:-1"/>
  222. <div id="wrapper">
  223.  
  224. <div id="wip"><img src="http://text.glitter-graphics.net/psy/n.gif" border=0><img src="http://text.glitter-graphics.net/psy/e.gif" border=0><img src="http://text.glitter-graphics.net/psy/w.gif" border=0><img src="http://text.glitter-graphics.net/psy/s.gif" border=0></a><br>everything is constantly a WIP here, thank u for understabing!
  225. <br><br><font color="#fcf;">1/14/16:</font> NEW UPDATEZ 2 THE THEME!!! i really hope u guys like it! if it is too eyestraining plz let me know!<br>
  226. <img src="http://dl.glitter-graphics.com/pub/622/622824walii8qfm2.gif">
  227. <br><br>
  228. </div>
  229.  
  230.  
  231.  
  232. <div id="sidebar">
  233. <img src="http://dl.glitter-graphics.com/pub/1207/1207906t5ef8adzuh.gif" style="margin-top:-10px;"/>
  234. <img src="http://dl.glitter-graphics.com/pub/769/769808kn93ky4qu4.gif">
  235. <img src="{PortraitURL-128}">
  236. <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif"><img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif"><img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif">
  237. {block:Description}
  238. <p>{Description}</p>
  239. {/block:Description}
  240.  
  241. <div id="sidelinks">
  242.  
  243. <a href="/">HOME</a> <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px;">
  244. <a href="/archive">PAST</a><br>
  245. <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px; "> <a href="/ask">ASK </a> <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px;">
  246. <br><img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px; "> <a href="/about">ABOUT</a> <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px; "><br>
  247. <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px; "> <a href="/links">LINKS</a> <img src="http://cur.glitter-graphics.net/pub/121/121154vmqwujj6i0.gif" style="width:20px; ">
  248.  
  249. </div>
  250. <img src="http://dl.glitter-graphics.com/pub/1207/1207906t5ef8adzuh.gif" style="margin-top:-10px;"/>
  251. </div>
  252.  
  253.  
  254.  
  255. <div id="content">
  256. {block:Posts}
  257.  
  258. <div class="post">
  259.  
  260. <div class="header">
  261. {block:Date}<div id="date"><a href="{Permalink}">{TimeAgo}</a></div>{/block:Date}
  262. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  263.  
  264. </div>
  265. {block:Text}
  266. {block:Title}
  267. <div class="title">{Title}</div>
  268. {/block:Title}
  269. {Body}
  270. {/block:Text}
  271.  
  272. {block:Photo}
  273. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  274. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  275. {/block:Photo}
  276.  
  277. {block:Photoset}
  278. <div class="media">{Photoset-500}</div>
  279. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  280. {/block:Photoset}
  281.  
  282. {block:Quote}
  283. <div class="quote">"{Quote}"</div>
  284. {block:Source}
  285. <div class="quotesource">{Source}</div>
  286. {/block:Source}
  287. {/block:Quote}
  288.  
  289. {block:Link}
  290. <div class="title"><a href="{URL}">{Name}</a></div>
  291. {block:Description}
  292. <div class="description">{Description}</div>
  293. {/block:Description}
  294. {/block:Link}
  295.  
  296. {block:Chat}
  297. {block:Title}
  298. <div class="title">{Title}</div>
  299. {/block:Title}
  300.  
  301. {block:Lines}
  302. <div class="{Alt} user_{UserNumber}">
  303. {block:Label}
  304. <b>{Label}</b>{/block:Label}
  305. &nbsp;{Line}
  306. </div>
  307. {/block:Lines}
  308. {/block:Chat}
  309.  
  310. {block:Video}
  311. <div class="media">{Video-500}</div>
  312. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  313. {/block:Video}
  314.  
  315. {block:Audio}
  316. <div class="media">
  317. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  318. {AudioPlayerWhite}
  319. {block:TrackName}{TrackName}<br>{/block:TrackName}
  320. {block:Artist}{Artist}<br>{/block:Artist}
  321. {block:Album}{Album}{/block:Album}
  322. </div>
  323. {block:Caption}{Caption}{/block:Caption}
  324. {/block:Audio}
  325.  
  326. {block:Answer}
  327. <div class="question">{Asker}: {Question}</div>
  328. <div class="caption">{Answer}</div>
  329. {/block:Answer}
  330.  
  331.  
  332. {block:Date}
  333. <div class="footer">
  334. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br><br>{/block:HasTags}
  335.  
  336. {block:ContentSource}<a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  337. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  338. </div>
  339.  
  340. {block:PermalinkPage}
  341. {block:NoteCount}
  342. {block:PostNotes}{PostNotes}{/block:PostNotes}
  343. {/block:NoteCount}
  344. {/block:PermalinkPage}
  345. {/block:Date}
  346.  
  347. </div>
  348. {/block:Posts}
  349.  
  350. {block:Pagination}
  351. <div id="nav">
  352. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  353.  
  354. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  355. </div>
  356. {/block:Pagination}
  357. </div>
  358. </div>
  359.  
  360. </div>
  361.  
  362. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  363. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  364.  
  365. </body>
  366. </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!