API tools faq
paste
Advertisement
lonodon

THEME 04; HEARTS BY LONODON

lonodon
Oct 4th, 2013
307
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5.  
  6.  
  7. <!--
  8. ╱╭╮╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭╮
  9. ╭╯╰┫┃╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╱╱╱┃┃╱╱╱╱╱╱╱╱╱╱╱┃┃
  10. ╰╮╭┫╰━┳━━┳╮╭┳━━╮┃╰━┳╮╱╭╮┃┃╭━━┳━╮╭━━┳━╯┣━━┳━╮
  11. ╱┃┃┃╭╮┃┃━┫╰╯┃┃━┫┃╭╮┃┃╱┃┃┃┃┃╭╮┃╭╮┫╭╮┃╭╮┃╭╮┃╭╮╮
  12. ╱┃╰┫┃┃┃┃━┫┃┃┃┃━┫┃╰╯┃╰━╯┃┃╰┫╰╯┃┃┃┃╰╯┃╰╯┃╰╯┃┃┃┃
  13. ╱╰━┻╯╰┻━━┻┻┻┻━━╯╰━━┻━╮╭╯╰━┻━━┻╯╰┻━━┻━━┻━━┻╯╰╯
  14. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  15. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  16. -->
  17.  
  18. <!--THEME 04; HEARTS BY LONODON. REMOVE CREDIT AND YOU DIE. BASE CODE BY ORJACE. -->
  19.  
  20.  
  21. <head>
  22.  
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#aaaaaa"/>
  26. <meta name="color:Link" content="#7a7a7a"/>
  27. <meta name="color:Link Hover" content="#dbdbdb"/>
  28. <meta name="color:Border" content="#dbdbdb"/>
  29. <meta name="text:Link1" content="/" />
  30. <meta name="text:Link1 Title" content="" />
  31. <meta name="text:Link2" content="/" />
  32. <meta name="text:Link2 Title" content="" />
  33. <meta name="image:Background" content""/>
  34. <meta name="image:Sidebar" content""/>
  35. <meta name="image:sidebottom" content""/>
  36.  
  37.  
  38.  
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />{/block:Description}
  41. <title>
  42. {block:PostSummary}
  43. {PostSummary} - {/block:PostSummary}{Title}</title>
  44. </style>
  45.  
  46. <style type="text/css">
  47. html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  48.  
  49.  
  50. a {font-size:{size:links};color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  51.  
  52. .fufu {width:227px;font-size:8px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  53.  
  54. .fufu:hover {font-decoration:-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  55.  
  56. #biter
  57.  
  58. #bite a {display:block}
  59.  
  60. #bite .death {width:100px;font-size:8px;margin-top:-85px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; -webkit-transition: all 0.7s ease;
  61. -moz-transition: all 0.7s ease;
  62. -o-transition: all 0.7s ease}
  63.  
  64. #bite:hover .death {margin-top:-10px;font-size:8px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100; -webkit-transition: all 0.7s ease;
  65. -moz-transition: all 0.7s ease;
  66. -o-transition: all 0.7s ease}
  67.  
  68. ::-webkit-scrollbar {width: 6px; height: 3px; background: #ffffff;} {color:scrollbar}
  69. ::-webkit-scrollbar-thumb {background-color:#d9d9d9 ;}
  70.  
  71. body{
  72. background-color: {color:Background};
  73. background-attachment: fixed;
  74. background-repeat: repeat;
  75. background-position: center;
  76. font-family:Calibri;
  77. font-size:10px;
  78. line-height:11px;
  79. color:{color:Text};
  80. }
  81.  
  82. a:link, a:active, a:visited{
  83. color: {color:Link};
  84. text-decoration:none;
  85. }
  86.  
  87. a:hover{
  88. color: {color:Link Hover};
  89. }
  90.  
  91. #container {
  92. margin:auto;
  93. width:700px;
  94. }
  95.  
  96. #entry {
  97. width:500px;
  98. margin-left:220px;
  99. margin-top:45px;
  100. padding:0px;
  101. }
  102.  
  103. #info {
  104. text-align:left;
  105. margin-top:-10px;
  106. text-transform:uppercase;
  107. font-size:7px;
  108. font-style:none;
  109. border-bottom:1px solid ;
  110. }
  111.  
  112. #tags {
  113. font-family:cambria;
  114. letter-spacing:0px;
  115. text-transform:lowercase;
  116. font-size:8px;
  117. font-family:century gothic;
  118. font-style:none;
  119. margin-top:4px;
  120. text-align:left;
  121. }
  122.  
  123. #tags
  124. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  125. ;}
  126.  
  127. #permalink{
  128. position:relative;
  129. margin-top:5px;
  130. padding:3px;
  131. font-size:9px;
  132. text-transform:lowercase;
  133. }
  134.  
  135.  
  136. #side {
  137. text-align:center;
  138. position:fixed;
  139. width:100;
  140. margin-top:190px;
  141. margin-left:20px;
  142. z-index:1;
  143. padding:3px;
  144. }
  145.  
  146. #sidebottom {
  147. width 50px;
  148. margin-left:-25px;
  149. margin-top:8px;
  150. }
  151.  
  152.  
  153. #sidebottom img {
  154. width:100px;
  155. margin-left:25px;
  156. }
  157.  
  158. #pagination{
  159. font-size: 10px;
  160. }
  161.  
  162.  
  163. #sidelinks {
  164. font-family:calibri;
  165. font-size:7px;
  166. opacity:6;
  167. padding-top:53px;
  168. text-transform:uppercase;
  169. padding-bottom:4px;
  170. margin-top:-50px;
  171. border-bottom:1px solid #dbdbdb;
  172. }
  173.  
  174. #links {
  175. font-family:century gothic;
  176. font-size:45px;
  177. text-transform:uppercase;
  178. }
  179.  
  180. .posttitle{
  181. font-family: century gothic;
  182. font-size: 15px;
  183. line-height: 18px;
  184. }
  185.  
  186.  
  187. .blockquote{
  188. font-family: century gothic;
  189. margin-left:10px;
  190. padding-left:4px;
  191. border-left: 3px solid {color:Text};
  192. }
  193.  
  194. .p { padding-top: 5px; }
  195. .ol, ul { margin-left: 10px; padding: 5px; }
  196. .ul { list-style-type: square; }
  197.  
  198.  
  199. #questions {
  200. background-color:#ffffff;
  201. color: {color:text};
  202. margin-left:0px;
  203. padding:5px;
  204. margin-top:5px;
  205. margin-bottom:5px;
  206. font-family:calibri;
  207. font-size:10px;
  208. font-style:normal;
  209. font-family: century gothic;
  210. text-align:center;
  211. }
  212.  
  213.  
  214. {CustomCSS}
  215. </style>
  216.  
  217. <link rel="shortcut icon" href="{Favicon}">
  218. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  219.  
  220. </head>
  221. <body>
  222.  
  223. <div id="container">
  224.  
  225.  
  226.  
  227. <div id="side">
  228. <div id="bite">
  229. <h4><center><img src="{image:Sidebar}" width="100" style=></center></h4>
  230.  
  231. <div class="death">
  232. <div align="center">
  233. {Description}
  234.  
  235.  
  236.  
  237. <div id="sidelinks">
  238. |<a href="/">home</a> |
  239. <a href="/ask">mail</a> |
  240. <a href="{text:Link1}">{text:Link1 Title}</a> |
  241. <a href="{text:Link2}">{text:Link2 Title}</a> |
  242. <div class="navigate">
  243. {block:Pagination}
  244. {block:PreviousPage}
  245. <a href="{PreviousPage}">♡backward♡</a>
  246. {/block:PreviousPage}
  247. {block:NextPage}
  248. <a href="{NextPage}">♡forward♡</a>
  249. {/block:NextPage}
  250. {/block:Pagination}
  251. </div></div></div></div>
  252. <div id="sidebottom"><img src="{image:sidebottom}"></div>
  253.  
  254.  
  255. </div></div>
  256.  
  257. <div class="links">
  258. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}</div>
  259.  
  260.  
  261. {block:Posts}
  262. <div id="entry">
  263. {block:Text}
  264. {block:Title}
  265. <div class="posttitle">{Title}</div>
  266. {/block:Title}
  267. {Body}
  268. {/block:Text}
  269.  
  270. {block:Link}
  271. <div class="posttitle">
  272. <a href="{URL}">{Name}</a>
  273. </div>
  274. {block:Description}{Description}{/block:Description}
  275. {/block:Link}
  276.  
  277. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  278. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  279.  
  280.  
  281. {block:Photoset}
  282. {Photoset-500}
  283. {block:Caption}{Caption}{/block:Caption}
  284. {/block:Photoset}
  285.  
  286. {block:Quote}
  287. <div class="posttitle">❝{Quote}❞</div>
  288. {block:Source}
  289. - {Source}
  290. {/block:Source}
  291. {/block:Quote}
  292.  
  293. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  294.  
  295. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  296. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  297. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  298. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  299. {/block:Audio}
  300.  
  301. {block:Video}
  302. {Video-500}
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Video}
  305. {block:Answer}<div id="questions"style= "margin-left: 0px;"><img src="{AskerPortraitURL-30}" style="border:1px solid {color:link}; padding:4px;background:#fff;"/><div class="asker" ><font color="#b6b5b5"><sub>{Asker} asked:</font><div id="question">{Question}<sub></sub></div></div></div><div class="answer"style="margin-left: 0px; padding:2px;background:#fff; text-align: center; font-family:century gothic; border: 1px solid {color:link};">{Answer} </div>{/block:answer}
  306.  
  307.  
  308. <div id="permalink">
  309. {block:Date}<div id="info">
  310. <div id="info">
  311. <br>posted <a href="{Permalink}">{MonthNumberWithZero}-{DayOfMonthWithZero} | <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  312. {block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank"><font face="web" style = "font-size: 6px;">REBLOG</font></a></div>{/block:Date}
  313. <div id="tags"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Clip.gif">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div></div></div>
  314. <div class="postnote">
  315. {block:PostNotes}{PostNotes}{/block:PostNotes}
  316. </div>
  317. </div>
  318.  
  319.  
  320.  
  321. {/block:Posts}
  322.  
  323.  
  324. <div style="position:fixed; padding:0px; bottom:10px; border: 1px solid #aaa; right:10px; font-family:times; font-style:none; font-size:8px; letter-spacing:0px;"><a href="http://lonodon.tumblr.com"><img src="http://24.media.tumblr.com/54865f843b53c8715a955e94f21346ca/tumblr_mtaf6exwgz1qi8rj4o1_250.png" style = "width: 50px;"></a></div>
  325. </body>
  326. </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!