API tools faq
paste
Advertisement
lonodon

THEME 02; TEACUP BY LONODON

lonodon
Sep 4th, 2013
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.87 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  10.  
  11.  
  12. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  13. </style>
  14. <div>
  15. <!--
  16. ╱╭╮╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮
  17. ╭╯╰┫┃╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╱╱╱┃┃╱╱╱╱╱╱╱╱╱╱╱┃┃
  18. ╰╮╭┫╰━┳━━┳╮╭┳━━╮┃╰━┳╮╱╭╮┃┃╭━━┳━╮╭━━┳━╯┣━━┳━╮
  19. ╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫┃╭╮┃┃╱┃┃┃┃┃╭╮┃╭╮┫╭╮┃╭╮┃╭╮┃╭╮╮
  20. ╱┃╰┫┃┃┃┃━┫┃┃┃┃━┫┃╰╯┃╰━╯┃┃╰┫╰╯┃┃┃┃╰╯┃╰╯┃╰╯┃┃┃┃
  21. ╱╰━┻╯╰┻━━┻┻┻┻━━╯╰━━┻━╮╭╯╰━┻━━┻╯╰┻━━┻━━┻━━┻╯╰╯
  22. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  23. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  24. -->
  25.  
  26. <!-- THEME 02; TEACUP BY LONODON, DO NOT STEAL OR REMOVE CREDIT. I SWEAR I WILL HUNT YOU DOWN.-->
  27.  
  28.  
  29.  
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:text" content="#b6b5b5"/>
  32. <meta name="color:link" content="#b87889"/>
  33. <meta name="color:linkhover" content="#f0e7e1"/>
  34. <meta name="color:scrollbar" content="ececec"/>
  35. <meta name="color:bordercolor" content="ececec"/>
  36. <meta name="font:title" content="Cambria" />
  37. <meta name="font:body" content="calibri" />
  38. <meta name="font:pagination" content="calibri" />
  39. <meta name="image:sidebar" content=""/>
  40. <meta name="text:link 1" content="link 1"/>
  41. <meta name="text:link 1 url" content="/" />
  42. <meta name="text:link 2" content="link 2"/>
  43. <meta name="text:link 2 url" content="/" />
  44. <meta name="text:link 3" content="link 3"/>
  45. <meta name="text:link 3 url" content="/" />
  46. <meta name="text:link 4" content="link 4"/>
  47. <meta name="text:link 4 url" content="/" />
  48. <meta name="text:link 5" content="link 5"/>
  49. <meta name="text:link 5 url" content="/" />
  50. <meta name="text:yourname" content="write your name here"/>
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. #sidebar {left:150px; top:200px; width: 240px; background-color:#trans!;}
  56. #sb{ float: left:250px; margin-top: 30px; margin-left: 0px; position: fixed; overflow: hidden; width: 400px; height: auto;cursor:mini;}
  57.  
  58. #sb img {margin-top: 180px; margin-left: 180px; width: 150px; height: auto; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;
  59.  
  60. -o-transition: all .4s ease;transition: all .4s ease;}
  61.  
  62. #sb img:hover { opacity: 0.5; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
  63.  
  64. #sb:hover #boxes {margin-left:180px; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in;}
  65.  
  66. #boxes {margin-left:180px; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in;}
  67.  
  68.  
  69.  
  70. #boxes {width: 148px; float: center; margin-left:-200px; margin-top: -209px; padding: 0px; text-align: center; position: absolute; padding: 0px; z-index: 99; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; transition: 1s ease-in;}
  71.  
  72. #boxes a {float: left; margin-left: 8px; display: block; letter-spacing: 0px; font-family: verdana; font-size: 7px; text-align: center; width: 20px; color:#000; text-decoration: none; line-height: 15px; height: 15px; overflow: hidden; margin-top: 10px; margin-bottom: 0px; }
  73.  
  74. #boxes a:hover{text-align: center; color:#fff;}
  75.  
  76.  
  77.  
  78. ::selection {background: #fff; color:{color:selection};}
  79. ::-moz-selection {background: #fff; color:{color:selection};}
  80. ::-webkit-selection {background: #fff; color:{color:selection};}
  81.  
  82. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  83. height:100px;}
  84.  
  85. ::-webkit-scrollbar { height:10px;width:5px; background-color:#fff;}
  86.  
  87.  
  88. body {
  89. font-style:none;
  90. background:{color:background};
  91. margin:0px; color:{color:text};
  92. font-family:calibri;
  93. font-size:11px;
  94. line-height:100%;
  95.  
  96. }
  97.  
  98. blockquote {
  99. border-left:2px solid #ECECEC;
  100. padding-left:2px;
  101. margin:5px;
  102. }
  103.  
  104. a {
  105. color:{color:link}
  106. }
  107.  
  108. a {
  109. text-decoration:none;
  110. -webkit-transition:all 0.5s ease-in-out;
  111. -moz-transition:all 0.5s ease-in-out;
  112. -o-transition:all 0.5s ease-in-out;
  113. -ms-transition:all 0.5s ease-in-out;
  114. transition:all 0.5s ease-in-out;
  115. }
  116.  
  117. a:hover {
  118. color:{color:linkhover}
  119. }
  120.  
  121. img {none;}
  122.  
  123. h1 , h2 {
  124. font-family:calibri;
  125. text-transform:none;
  126. font-size:14px;
  127. line-height:30px;
  128. letter-spacing:0px;
  129. text-align:center;
  130. font-style:none;
  131. }
  132.  
  133. #entries {
  134. padding:10px;
  135. width:500px;
  136. margin-left:500px;
  137. margin-top:20px;
  138.  
  139. }
  140.  
  141. #post {
  142. width:500px;
  143. padding-bottom:100px;
  144. font-style:none;
  145. padding:15px;
  146. margin-bottom:10px;
  147. }
  148.  
  149.  
  150. #sidebar2
  151. {
  152. width:150px;
  153. position:fixed;
  154. margin-left:130px;
  155. margin-top:135px;
  156. }
  157.  
  158. #sidebar2 {width:90px;}
  159.  
  160. #sidebarimage2 img
  161. {
  162. margin-left:140px;
  163. width:30px;
  164. max-height:750px;
  165. margin-top:160px;
  166. padding:5px;
  167. padding-bottom:5px;
  168. }
  169.  
  170. #sidebar3
  171. {
  172. width:30px;
  173. position:fixed;
  174. margin-left:130px;
  175. margin-top:410px;
  176. }
  177.  
  178. #sidebar3 {width:90px;}
  179.  
  180. #sidebarimage3 img
  181. {
  182. margin-left:260px;
  183. width:30px;
  184. max-height:750px;
  185. margin-top:180px;
  186. padding:5px;
  187. padding-bottom:5px;
  188. }
  189.  
  190.  
  191.  
  192. #nav {
  193. position:fixed;
  194. overflow:hidden;
  195. margin-top:150px;
  196. margin-left:315px;
  197. }
  198.  
  199. #link1 a , #link2 a, #link3 a
  200.  
  201. #title
  202. {
  203. font-family:cambria;
  204. text-align:center;
  205. margin-top:-129px;
  206. padding-bottom:0px;
  207. text-transform:none;
  208. font-style:normal;
  209. font-size:10px;
  210. }
  211.  
  212. #description {
  213. margin-left: 8px;
  214. margin-top: 30px;
  215. width: 134.8px;
  216. line-height: 100%;
  217. background-color:#ffffff;
  218. text-transform:none;
  219. text-align:center;
  220. font-family:calibri;
  221. font-size: 10px;
  222. font-style:none;
  223. padding-bottom:0px;
  224. padding-top:5px;
  225. }
  226.  
  227. #links {
  228. position: fixed;
  229. font-family:calibri;
  230. padding-top: 0px;
  231. padding-bottom: 5px;
  232. margin-top: -10px;
  233. margin-left: 110px;
  234. padding-left: 0px;
  235. padding-right: 0px;
  236. letter-spacing: 1px;
  237. height: 10px;
  238. width: 150px;
  239. }
  240.  
  241. #links a {
  242. padding 5px;
  243. padding-top: 0px;
  244. padding-bottom: 1px;
  245. padding-right:2px;
  246. padding-left:2px;
  247. margin-bottom: 5px;
  248. font-size: 10px;
  249. font-style:normal;
  250. text-align:center;
  251. text-transform:none;
  252. width: 50px;
  253. }
  254.  
  255. #questions {
  256. background-color:#ffffff;
  257. color: {color:text};
  258. margin-left:0px;
  259. padding:5px;
  260. margin-top:5px;
  261. margin-bottom:5px;
  262. font-family:calibri;
  263. font-size:10px;
  264. font-style:normal;
  265. text-align:center;
  266. }
  267.  
  268. .note {
  269. padding:0px 20px 0px 20px;
  270. background-color:#FFFFFF;
  271. text-transform:lowercase;
  272. letter-spacing:0px;
  273. font-size: 11px;
  274. font-style:normal;
  275. text-align:left;
  276. line-height:120%;
  277. }
  278.  
  279. .note li {
  280. list-style-type:none;
  281. padding:5px 25px 5px 25px;
  282. text-align:left;
  283. margin-right:30px;
  284. margin-top:-50px;
  285. }
  286.  
  287. #info {
  288. font-family:calibri;
  289. text-align:center;
  290. margin-top:10px;
  291. padding-top:10px;
  292. padding:0px;
  293. padding-bottom:1px;
  294. text-transform:none;
  295. font-style:none;
  296. font-size:10px;
  297. line-height:100%;
  298. }
  299.  
  300. #RebloggedFrom {
  301. font-family:calibri;
  302. text-align:center;
  303. margin-top:-5px;
  304. padding-bottom:0px;
  305. text-transform:none;
  306. font-style:none;
  307. font-size:10px;
  308. }
  309.  
  310. #tags {
  311. font-family:calibri;
  312. text-align:center;
  313. margin-top:0px;
  314. padding-bottom:0px;
  315. text-transform:none;
  316. font-style:none;
  317. font-size:10px;
  318. }
  319.  
  320. #pagination
  321. {
  322. font-size:10px;
  323. margin-top:5px;
  324. margin-left:20px;
  325. font-family:calibri;
  326. font-style:normal;
  327. text-align:center;
  328. width:50px
  329. text-transform:uppercase;
  330. letter-spacing:1px;
  331. }
  332.  
  333.  
  334.  
  335. {CustomCSS}</style></head><body>
  336.  
  337.  
  338. <div id= "sidebar3"><img src="http://media.tumblr.com/b0020893ad269614f91864ca2996d5a0/tumblr_inline_mpa6trhQRd1qz4rgp.png"/></div>
  339.  
  340. <div id="sidebar" >
  341.  
  342. <div id="sb">
  343.  
  344. <img src="{image:sidebar}"/>
  345.  
  346. <div id="boxes">
  347.  
  348.  
  349.  
  350. <a href="{text:link 1 url}" style="background-color:#ffffff;" >{text:link 1}</a>
  351.  
  352. <a href="{text:link 2 url}" style="background-color:#ffffff;" >{text:link 2}</a>
  353.  
  354. <a href="{text:link 3 url}" style="background-color:#ffffff;" >{text:link 3}</a>
  355.  
  356. <a href="{text:link 4 url}" style="background-color:#ffffff;" >{text:link 4}</a>
  357.  
  358. <a href="{text:link 5 url}" style="background-color:#ffffff;" >{text:link 5}</a>
  359. <div id="description">{description}</div>
  360.  
  361.  
  362. <div id="pagination">
  363. {block:Pagination}
  364. <div id="pagination">
  365. {block:PreviousPage}
  366. <a href="{PreviousPage}" style="background-color:#ffffff;">←</a>
  367. {/block:PreviousPage}
  368. {block:NextPage}
  369. <a href="{NextPage}" style="background-color:#ffffff;">→</a>
  370. {/block:NextPage}
  371. </div>
  372. {/block:Pagination}</div>
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379. </div>
  380. <br>
  381.  
  382. </div>
  383.  
  384. </div>
  385.  
  386. <div id= "sidebar2"><img src="http://media.tumblr.com/f0ad578a438909460712fd65e27755bc/tumblr_inline_mpa6tlFQUz1qz4rgp.png"/>
  387.  
  388. <div id="scrollbar">{scrollbar}</div>
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396. {block:HasPages}{block:Pages}
  397.  
  398. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  399.  
  400. </div></center>
  401.  
  402.  
  403. </div>
  404.  
  405. <div id="entries"style="border: margin-left: -80px;1px solid {color:bordercolor}; padding:25px;background:#fff;">{block:Posts}<div id="post" style="border:1px solid {color:bordercolor}; padding:5px;background:#fff;">
  406.  
  407. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  408.  
  409. {block:blockquote}{/block:blockquote}
  410.  
  411.  
  412.  
  413. {block:Photo}
  414. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  415. {/block:Photo}
  416.  
  417. {block:Photoset}
  418. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  419. {/block:Photoset}
  420.  
  421. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  422.  
  423. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  424.  
  425. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  426.  
  427. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  428.  
  429. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  430.  
  431. {block:Answer}<div id="questions"><img src="{AskerPortraitURL-30}" style="border:1px solid {color:bordercolor}; padding:4px;background:#fff;"/><div id="question">{Question}<div class="asker"><font color="#b6b5b5"><sub>asked by</font><sub> {Asker}</sub></div></div></div><div class="answertext" style="padding:0px;background:#fff; text-align: center;"><sub>and the ever so wonderful {text:yourname} answered:</font><sub></div> <div class="answer"style="padding:2px;background:#fff; text-align: center;">{Answer} </div>{/block:answer}
  432.  
  433.  
  434.  
  435.  
  436. <div id="info">♡ {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{/block:Date} </a>♡
  437. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} ♡ <a href="{ReblogParentURL}">{ReblogParentName}{/block:RebloggedFrom}</a>♡
  438. {block:ContentSource}<a hre="{SourceURL}">{ReblogRootName}{/block:ContentSource}</a></div>
  439.  
  440. <div id="tags">
  441. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  442.  
  443. </div>
  444. {block:PostNotes}{PostNotes}{/block:PostNotes}
  445. {/block:Posts}</div>
  446.  
  447. <div style="position:fixed;bottom:5px; right:5px; text-transform:uppercase; font-size:8px; letter-spacing:2px; border: 1px solid {color:border}; padding: 3px;"><a href="http://lonodon.tumblr.com">lonodon</a></div>
  448. </div>
  449. </body>
  450. </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!