API tools faq
paste
Advertisement
sunkei

Chryselephantine

sunkei
Nov 2nd, 2012
5,185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.69 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Chryselephantine
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/s2ymoja/9igmcliui/tumblr_m7v83actj81r4u2g3.png"/>
  21. <meta name="image:Header" content="http://static.tumblr.com/s2ymoja/P1qmcjeby/500250.png"/>
  22.  
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:HeaderBorder" content="#eee" />
  25.  
  26. <meta name="color:Link" content="#fff" />
  27. <meta name="color:Blockquote" content="#080808" />
  28. <meta name="color:CaptionBlockquote" content="#eee" />
  29. <meta name="color:CaptionBG" content="#fff" />
  30.  
  31. <meta name="color:Title" content="#ff0000" />
  32. <meta name="color:Description" content="#555" />
  33. <meta name="color:Menu" content="#222" />
  34. <meta name="color:MenuBG" content="#fcff00" />
  35. <meta name="color:IconBorder" content="#fff" />
  36.  
  37.  
  38. <meta name="color:EntryBG" content="#000" />
  39. <meta name="color:EntryTitle" content="#fff" />
  40. <meta name="color:Texts" content="#656565" />
  41. <meta name="color:Tags" content="#bbb" />
  42.  
  43. <meta name="text:Link1" content="Link 1"/>
  44. <meta name="text:Link1URL" content=""/>
  45. <meta name="text:Link2" content="Link 2"/>
  46. <meta name="text:Link2URL" content=""/>
  47.  
  48. <meta name="if:Header" content="1"/>
  49. <meta name="if:EndlessScroll" content="0"/>
  50. <meta name="if:500" content="1"/>
  51. <meta name="if:400" content="0"/>
  52. <meta name="if:250" content="0"/>
  53.  
  54.  
  55. {block:IfEndlessScroll}
  56. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  57. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  58. {/block:IfEndlessScroll}
  59.  
  60. <style type="text/css">
  61.  
  62. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  63.  
  64. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  65.  
  66.  
  67.  
  68. body
  69. {font-family:arial;
  70. font-size:10px;
  71. color:{color:Texts};
  72. background-color:{color:Background};
  73. background-image:url('{image:Background}');
  74. background-position: fixed;
  75. background-attachment:fixed;
  76. background-repeat:repeat;}
  77.  
  78. a
  79. {text-decoration:none;
  80. color:{color:Link};
  81. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  82. opacity:1;}
  83. .texte a
  84. {font-style:italic;}
  85. a:hover
  86. {text-decoration:none;}
  87. .texte a:hover
  88. {opacity:0.5;}
  89. #talk a
  90. {color:{color:Description};font-style:italic;letter-spacing:1px;}
  91.  
  92. blockquote
  93. {border-left:1px solid;padding:5px;background-color:{color:Blockquote};}
  94. #caption blockquote
  95. {background-color:{color:CaptionBlockquote};padding:0px 5px 0px 5px;}
  96.  
  97.  
  98. img
  99. {margin-bottom:-3px;}
  100.  
  101.  
  102. #all
  103. {margin:0 auto;width:{block:If500}600{/block:If500}{block:If400}500{/block:If400}{block:If250}350{/block:If250}px;{block:IfNotHeader}margin-top:50px;{/block:IfNotHeader}}
  104.  
  105. #header
  106. {margin-bottom:10px;border:10px solid {color:HeaderBorder};}
  107. #header img
  108. {width:{block:If500}600{/block:If500}{block:If400}500{/block:If400}{block:If250}350{/block:If250}px;}
  109.  
  110. #about
  111. {width:{block:If500}365{/block:If500}{block:If400}265{/block:If400}{block:If250}115{/block:If250}px;}
  112.  
  113. #blog
  114. {text-align:center;font-size:24px;color:{color:Title};font-family:trebuchet ms;font-style:italic;letter-spacing:-2px;}
  115.  
  116. #talk
  117. {color:{color:Description};padding:3px 3px 3px 0px;font-size:9px;text-align:center;max-height:75px;overflow:auto;}
  118.  
  119. #menu
  120. {border-right:1px solid {color:Title};width:{block:IfNotHeader}135{/block:IfNotHeader}{block:IfHeader}130{/block:IfHeader}px;text-align:right;margin-right:15px;}
  121.  
  122. .link
  123. {text-transform:uppercase;font-size:8px;letter-spacing:2px;margin-bottom:3px;font-family:calibri;color:{color:Menu};padding:2px 5px 2px 5px;-webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  124.  
  125. .link:hover
  126. {background-color:{color:MenuBG};}
  127. .link:hover .ita
  128. {font-style:italic;font-weight:800;}
  129.  
  130. #avatar
  131. {overflow:hidden;width:100px;}
  132. #ino
  133. {margin-left:15px;border:5px solid {color:IconBorder};width:48px;}
  134.  
  135. #posts
  136. {width:{block:If500}600{/block:If500}{block:If400}500{/block:If400}{block:If250}350{/block:If250}px;
  137. margin-top:{block:IfNotHeader}50{/block:IfNotHeader}{block:IfHeader}30{/block:IfHeader}px;}
  138.  
  139. .post
  140. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  141. margin-bottom:20px;
  142. background-color:{color:EntryBG};
  143. font-size:11px;font-family:calibri;
  144. color:{color:Texts};overflow:hidden;}
  145. .post img
  146. {max-width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  147.  
  148. .cote
  149. {position:absolute;
  150. margin-left:{block:If500}505{/block:If500}{block:If400}405{/block:If400}{block:If250}255{/block:If250}px;width:115px;}
  151.  
  152. .infos
  153. {font-size:9px;min-height:10px;overflow:hidden;
  154. font-family:calibri;padding:0px 5px 0px 5px;
  155. text-transform:uppercase;letter-spacing:1px;}
  156.  
  157. #notesc
  158. {color:{color:Menu};background-color:{color:MenuBG};font-weight:800;}
  159. #date{color:{color:Description};}
  160. #tags
  161. {color:{color:Tags};font-size:8px;}
  162. #reb
  163. {margin-bottom:3px;font-size:8px;color:{color:Description};}
  164.  
  165. #bas
  166. {border-bottom:1px solid {color:Title};width:115px;margin-top:-1px;}
  167.  
  168.  
  169. .head
  170. {text-align:center;font-size:14px;font-family:consolas;color:{color:EntryTitle};padding-top:2px;}
  171. .texte
  172. {padding:5px;text-align:justify;}
  173.  
  174. .bottom
  175. {border-bottom:2px solid {color:Title};padding:2px 10px 2px 10px;}
  176.  
  177. #quote
  178. {text-align:center;font-family:trebuchet ms;font-size:14px;font-style:italic;padding:5px;}
  179.  
  180. #source
  181. {text-align:center;font-family:calibri;font-size:9px;text-transform:uppercase;padding:2px 5px 5px 5px;color:{color:EntryTitle};}
  182. .top
  183. {border-top:2px solid {color:EntryTitle};padding:0px 10px 2px 10px;}
  184. #name .bottom
  185. {border-bottom:2px solid {color:Title};}
  186.  
  187. #lines
  188. {padding:2px 5px 2px 5px;}
  189. .label
  190. {text-transform:uppercase;font-size:9px;font-family:calibri;letter-spacing:1px;color:{color:EntryTitle};}
  191. .even .point
  192. {color: {color:Title};}
  193.  
  194. #art
  195. {padding:10px;width:{block:If500}200{/block:If500}{block:If400}150{/block:If400}{block:If250}100{/block:If250}px;height:{block:If500}200{/block:If500}{block:If400}150{/block:If400}{block:If250}100{/block:If250}px;float:left;}
  196. #playerpost
  197. {position:absolute;width:10px;height:25px;padding:10px 25px 10px 10px;overflow:hidden;margin:{block:If500}80{/block:If500}{block:If400}55{/block:If400}{block:If250}30{/block:If250}px;border-radius:30px;-moz-border-radius:15px;background-color:#fff;text-align:center;}
  198.  
  199. #in
  200. {width:20px;overflow:hidden;}
  201.  
  202. #audioinfos
  203. {width:{block:If500}230{/block:If500}{block:If400}185{/block:If400}{block:If250}85{/block:If250}px;min-height:{block:If500}180{/block:If500}{block:If400}130{/block:If400}{block:If250}80{/block:If250}px;
  204. margin:10px;
  205. border-left:2px solid {color:Title};
  206. padding:10px;float:left;}
  207. .au
  208. {text-transform:uppercase;font-size:9px;font-family:calibri;letter-spacing:1px;color:{color:EntryTitle};padding-bottom:5px;}
  209.  
  210. #caption
  211. {position:absolute;background-color:{color:CaptionBG};width:{block:If500}460{/block:If500}{block:If400}360{/block:If400}{block:If250}210{/block:If250}px;padding:0px 10px 0px 10px;margin:10px;font-style:italic;font-family:calibri;opacity:0;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  212. #caption a
  213. {color:{color:Title};}
  214.  
  215. .post:hover #caption
  216. {opacity:1;}
  217.  
  218. .audiocap
  219. {background-color:{color:Blockquote};padding:1px 5px 1px 5px;margin:10px;}
  220.  
  221. .au .point
  222. {color:#fcff00;}
  223.  
  224. #asker
  225. {width:40px;text-align:center;padding:25px 30px 25px 30px;border-right:1px solid {color:Title};margin:5px;float:left;}
  226. #askpo
  227. {border:5px solid #111;width:30px;}
  228. #below
  229. {text-transform:uppercase;font-size:8px;letter-spacing:1px;font-family:calibri;margin-top:5px;}
  230. #other
  231. {float:left;width:{block:If500}350{/block:If500}{block:If400}250{/block:If400}{block:If250}100{/block:If250}px;}
  232. #ans
  233. {margin-left:10px;px;;font-family:calibri;padding:5px;width:{block:If500}350{/block:If500}{block:If400}250{/block:If400}{block:If250}100{/block:If250}px;}
  234. #ans .ita
  235. {font-style:italic;}
  236.  
  237.  
  238. .see
  239. {width:0px;float:left;opacity:0;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  240. .infos:hover .see
  241. {width:20px;opacity:1;}
  242.  
  243.  
  244. #perma
  245. {width:500px;overflow:hidden;font-size:10px;font-family:calibri;color:{color:Description};}
  246. #perma a
  247. {color:{color:Menu};text-transform:uppercase;}
  248.  
  249. #pagination
  250. {text-align:center;
  251. width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;margin:25px 0px 25px 0px;font-family:trebuchet ms;letter-spacing:5px;padding-left:5px;color:{color:Menu};}
  252.  
  253. .current
  254. {color:{color:Title};}
  255. .indeed
  256. {color:{color:Menu};}
  257.  
  258.  
  259.  
  260. </style>
  261. </head>
  262. <body>
  263.  
  264.  
  265.  
  266. {block:IfEndlessScroll}
  267. <a style="position:fixed;bottom:10px;right:10px;" class="current" href="#top">↑</a>{/block:IfEndlessScroll}
  268.  
  269. <table id="all" cellpadding="0" cellspacing="0">
  270. {block:IfHeader}
  271. <tr><td colspan="3">
  272. <a href="/"><div id="header"><img src="{image:Header}"/></div></a>
  273. </td></tr>
  274. {/block:IfHeader}
  275. <tr><td>
  276. <div id="about">
  277. <a href="/"><div id="blog">{Title}</div></a>
  278. <div id="talk">{Description}</div>
  279. </div>
  280. </td>
  281. <td>
  282. <div id="menu">
  283. <a href="/"><div class="link">■ <span class="ita">home</span></div></a>
  284. <a href="/ask"><div class="link">■ <span class="ita">send a message</span></div></a>
  285. <a href="{text:Link1URL}"><div class="link">■ <span class="ita">{text:Link1}</span></div></a>
  286. <a href="{text:Link2URL}"><div class="link">■ <span class="ita">{text:Link2}</span></div></a>
  287. <a href="/archive"><div class="link">■ <span class="ita">archive</span></div></a>
  288. <a title="Chryselephantine by gyapo" href="http://gyapo.tumblr.com/"><div class="link">■ <span class="ita">theme</span></div></a>
  289. </div>
  290. </td>
  291. <td>
  292. <div id="avatar">
  293. <a href="/"><div id="ino">
  294. <img src="{PortraitURL-48}"/>
  295. </div></a></div>
  296. </td>
  297.  
  298. </tr>
  299. <tr><td colspan="3">
  300. <div id="posts">
  301. {block:Posts}
  302.  
  303. {block:ContentSource}
  304. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  305. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  306. {/block:SourceLogo}
  307. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  308. {/block:ContentSource}
  309.  
  310. {block:RebloggedFrom}
  311. <!--{ReblogParentName}-->
  312. {/block:RebloggedFrom}
  313.  
  314. <div class="post">
  315.  
  316. <div class="cote">
  317. <a href="{Permalink}"><div class="infos" id="notesc"><div class="see">see </div><div style="float:left;">{NoteCountWithLabel}</div></div></a>
  318. {block:Date}<div class="infos" id="date">{TimeAgo}</div>{/block:Date}
  319. <a href="{ReblogURL}" target="_blank"><div class="infos" id="reb">reblog</div></a>
  320. {block:HasTags}{block:Tags}<a href="{TagURL}"><div id="tags" class="infos">#{Tag}</div></a> {/block:Tags} {/block:HasTags}
  321. </div>
  322.  
  323. {block:Photo}
  324. {block:Caption}<div id="caption">
  325. {Caption}
  326. </div> {/block:Caption}
  327. <a href="{LinkURL}"><img src="{PhotoURL-500}"></a>
  328. {/block:Photo}
  329.  
  330. {block:Photoset}
  331. {block:Caption}<div id="caption">
  332. {Caption}
  333. </div> {/block:Caption}
  334. <div style="margin-bottom:-3px;">
  335. {block:If500}{Photoset-500}{/block:If500}{block:If400}{Photoset-400}{/block:If400}{block:If250}{Photoset-250}{/block:If250};
  336. </div>
  337. {/block:Photoset}
  338.  
  339. {block:Text}
  340. {block:Title}<div class="head"><span class="bottom">{Title}</span></div>{/block:Title}
  341. <div class="texte">{Body}</div>
  342. {/block:Text}
  343.  
  344. {block:Quote}
  345. <div id="quote">"{Quote}"</div>
  346. {block:Source}<div id="source"><span class="top">— {Source}</span></div>{/block:Source}
  347. {/block:Quote}
  348.  
  349. {block:Link}
  350. <a href="{URL}" target="_blank"><div class="head" id="name"><span class="bottom">{Name}</span></div></a>
  351. {block:Description}
  352. <div class="texte">{Description}</div>
  353. {/block:Description}
  354. {/block:Link}
  355.  
  356. {block:Chat}
  357. {block:Title}<div class="head"><span class="bottom">{Title}</span></div>{/block:Title}
  358. {block:Lines}
  359. <div class="{Alt}"><div id="lines"><span class="point">■ </span>{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</div></div>
  360. {/block:Lines}
  361. {/block:Chat}
  362.  
  363. {block:Audio}
  364. <div style="min-height:{block:If500}220{/block:If500}{block:If400}160{/block:If400}{block:If250}120{/block:If250}px;">
  365. {block:AlbumArt}
  366. <div id="art">
  367. <div id="playerpost"><div id="in">{AudioPlayerWhite}</div></div>
  368. <img src="{AlbumArtURL}" width="{block:If500}200{/block:If500}{block:If400}150{/block:If400}{block:If250}100{/block:If250}px;"/></div>
  369. {/block:AlbumArt}
  370. <div id="audioinfos">
  371. {block:TrackName}<div class="audi"><span class="au"><span class="point">■ </span>Track :</span>
  372. {TrackName}</div>
  373. {/block:TrackName}
  374. {block:Artist}
  375. <div class="audi"><span class="au"><span class="point">■ </span>Artist :</span>
  376. {Artist}</div>
  377. {/block:Artist}
  378. {block:Album}
  379. <div class="audi"><span class="au"><span class="point">■ </span>Album :</span>
  380. {Album}</div>
  381. {/block:Album}
  382. <div class="audi"><span class="au">{PlayCountWithLabel}</span></div>
  383. {block:If500}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:If500}
  384. {block:If400}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:If400}
  385. </div>
  386. </div>
  387. {block:If250}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:If250}
  388. {/block:Audio}
  389.  
  390. {block:Answer}
  391. <div style="min-height:115px;">
  392. <div id="asker">
  393. <div id="askpo"><img src="{AskerPortraitURL-30}"></div>
  394. <div id="below">{Asker}</div>
  395. </div>
  396. <div id="other">
  397. <div id="ans" class="audiocap"><span class="point">■ </span><span class="ita">{Question}</span></div>
  398. <div id="noho">{Answer}</div>
  399. </div>
  400. </div>
  401. {/block:Answer}
  402.  
  403. {block:Video}
  404. {block:Caption}<div id="caption">
  405. {Caption}
  406. </div> {/block:Caption}
  407. <div style="margin-bottom:-3px;">
  408. {block:If500}{Video-500}{/block:If500}{Video-400}{Photoset-400}{/block:If400}{block:If250}{Video-250}{/block:If250};
  409.  
  410. </div>
  411. {/block:Video}
  412.  
  413. <div id="bas" class="cote">
  414. </div>
  415. </div>
  416.  
  417. {block:PermalinkPage}
  418. <div id="perma">
  419. {block:RebloggedFrom}<div style="text-align:center;">Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>// Via: <a href="{ReblogParentURL}">{ReblogParentName}</a></div>{/block:RebloggedFrom}
  420. <div>
  421. {block:PostNotes}{PostNotes}{/block:PostNotes}
  422. </div>
  423. </div>
  424. {block:PermalinkPage}
  425. {/block:Posts}
  426.  
  427. {block:IfNotEndlessScroll}
  428. {block:Pagination}
  429. <div id="pagination">
  430. {block:PreviousPage}
  431. <a href="{PreviousPage}"><span class="indeed">←</span></a>
  432. {/block:PreviousPage}
  433.  
  434. {block:JumpPagination length="3"}
  435. {block:CurrentPage}<span class="current">●</span>{/block:CurrentPage}
  436. {block:JumpPage}
  437. <a href="{URL}"><span class="indeed">{PageNumber}</span></a>{/block:JumpPage}
  438. {/block:JumpPagination}
  439. {block:NextPage}
  440. <a href="{NextPage}"><span class="indeed">→</span></a>
  441. {/block:NextPage}
  442.  
  443. </div>
  444. {/block:Pagination}
  445. {/block:IfNotEndlessScroll}
  446. </div>
  447. </td><tr>
  448. </table>
  449.  
  450.  
  451. </body>
  452. </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!