API tools faq
paste
Advertisement
sunkei

drama

sunkei
Jul 26th, 2014
479
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!--
  4.  
  5. Drama.
  6. theme made by gyapo.tumblr.com
  7. don't remove this comment
  8.  
  9. -->
  10.  
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28.  
  29. <meta name="description" content="{MetaDescription}" />
  30.  
  31. {/block:Description}
  32.  
  33.  
  34.  
  35. <meta name="color:Link" content="#634503" />
  36. <meta name="color:Link hover" content="#e7660c" />
  37. <meta name="color:Background" content="#fff2d5" />
  38. <meta name="image:Background" content="http://static.tumblr.com/s2ymoja/NYglyrxfp/tumblr_ls2e05cme11r3vazto1_402.png"/>
  39.  
  40. <meta name="color:SideBG" content="#ffe0bd" />
  41.  
  42. <meta name="image:Picture1" content="http://static.tumblr.com/s2ymoja/5Xom1tfa6/city22.gif"/>
  43. <meta name="image:Picture2" content="http://static.tumblr.com/s2ymoja/xnjm1tfay/city24.gif"/>
  44. <meta name="image:Picture3" content="http://static.tumblr.com/s2ymoja/wB4lyrj22/ltm.gif"/>
  45.  
  46.  
  47.  
  48. <meta name="color:Description" content="#5c3501" />
  49. <meta name="color:DescriptionBG" content="#fdd596" />
  50. <meta name="color:Menu" content="#7a4f35" />
  51. <meta name="color:MenuBG" content="#fde38a" />
  52. <meta name="color:credit" content="#a37218" />
  53. <meta name="color:creditBG" content="#fcd368" />
  54.  
  55. <meta name="color:button" content="#af7112" />
  56. <meta name="color:buttonBG" content="#ffc341" />
  57.  
  58. <meta name="text:Link1 title" content="link 1" />
  59. <meta name="text:Link1" content="" />
  60. <meta name="text:Link2 title" content="link 2" />
  61. <meta name="text:Link2" content="" />
  62. <meta name="text:Link3 title" content="link 3" />
  63. <meta name="text:Link3" content="" />
  64.  
  65. <meta name="color:EntryBG" content="#fce2b3" />
  66. <meta name="color:Texts" content="#b68454" />
  67. <meta name="color:Infos" content="#946323" />
  68. <meta name="color:InfosBG" content="#ffeecf" />
  69. <meta name="color:Tags" content="#fc830f" />
  70.  
  71. <meta name="if:Only Picture 3" content="0"/>
  72. <meta name="if:Only 2 Pictures" content="0"/>
  73. <meta name="if:Caption" content="1"/>
  74. <meta name="if:EndlessScroll" content="0"/>
  75.  
  76.  
  77. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  78.  
  79. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  80.  
  81.  
  82.  
  83. <style type="text/css">
  84.  
  85. 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;}
  86.  
  87. 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;}
  88.  
  89. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Texts};height:25px;}
  90. ::-webkit-scrollbar {height:0px;width:8px;background-color:{color:EntryBG};}
  91.  
  92. body
  93. {font-family:cambria;
  94. font-size:9px;
  95. color:{color:Texts};
  96. background-color:{color:Background};
  97. background-image:url('{image:Background}');
  98. background-position: fixed;
  99. background-attachment:fixed;
  100. background-repeat:repeat;}
  101.  
  102.  
  103.  
  104.  
  105. a
  106. {text-decoration:none;
  107. color:{color:Link};
  108. -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;
  109. opacity:1;}
  110.  
  111.  
  112.  
  113. a:hover
  114. {text-decoration:none;
  115. color:{color:Link hover};
  116. opacity:1;}
  117.  
  118. #description a
  119. {opacity:0.7;}
  120.  
  121.  
  122. blockquote
  123. {border-left:2px solid;
  124. padding-left:5px;}
  125.  
  126.  
  127.  
  128.  
  129.  
  130. #left
  131. {position:fixed;
  132. bottom:240px;
  133. left:50px;
  134. height:auto;
  135. width:315px;
  136. overflow:hidden;
  137. background-color:{color:SideBG};
  138. padding-top:5px;
  139. padding-bottom:5px;}
  140.  
  141.  
  142.  
  143. #pictures
  144. {overflow:hidden;}
  145.  
  146.  
  147.  
  148. .picture
  149. {float:left;
  150. padding-bottom:5px;
  151. padding-left:5px;
  152. width:150px;
  153. height:auto;}
  154.  
  155. .picture2
  156. {float:left;
  157. padding-bottom:5px;
  158. padding-left:5px;
  159. width:305px;
  160. height:auto;}
  161.  
  162. #side
  163. {height:15px;
  164. width:310px;
  165. margin-left:5px;
  166. overflow:hidden;
  167. background-color:{color:SideBG};}
  168.  
  169.  
  170. #description
  171. {float:left;
  172. position:fixed;
  173. width:150px;
  174. height:15px;
  175. overflow:hidden;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;
  176. background-color:{color:DescriptionBG};
  177. color:{color:Description};}
  178.  
  179. #description:hover
  180. {height:130px;
  181. width:265px;
  182. -moz-border-radius: 0px 0px 80px 20px;
  183. border-radius: 0px 0px 80px 20px;}
  184.  
  185. .description
  186. {width:200px;
  187. padding:5px;
  188. margin-left:25px;
  189. opacity:1;
  190. overflow:auto;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198. .about
  199. {font-size:10px;
  200. letter-spacing:3px;
  201. text-align:center;
  202. padding-top:1px;
  203. height:14px;
  204. -webkit-transition: opacity 1s 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;}
  205.  
  206.  
  207.  
  208.  
  209.  
  210. #menu
  211. {float:right;
  212. position:fixed;
  213. width:265px;
  214. letter-spacing:3px;
  215. font-size:10px;
  216. padding-top:1px;
  217. height:14px;
  218. overflow:hidden;
  219. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  220. background-color:{color:MenuBG};
  221. color:{color:Menu};}
  222.  
  223. #menu:hover
  224. {height:100px;
  225. width:305px;
  226. -moz-border-radius: 0px 0px 20px 20px;
  227. border-radius: 0px 0px 20px 20px;}
  228.  
  229. .plus
  230. {text-align:right;
  231. width:240px;
  232. letter-spacing:1px;
  233. margin-bottom:20px;
  234. -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;}
  235.  
  236. #menu:hover .plus
  237. {padding-left:40px;}
  238.  
  239.  
  240. #theme
  241. {position:fixed;
  242. float:left;
  243. padding-top:1px;
  244. height:14px;
  245. width:290px;
  246. padding-right:15px;
  247. text-align:right;
  248. font-size:10px;
  249. background-color:{color:creditBG};
  250. color:{color:credit};}
  251.  
  252.  
  253. .nav
  254. {width:100px;
  255. text-align:center;
  256. margin-left:15px;
  257. letter-spacing:2px;
  258. margin-bottom:4px;
  259. font-size:9px;
  260. color:{color:button};
  261. Background-color:{color:buttonBG};
  262. -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;}
  263.  
  264. #premier
  265. {margin-left:5px;}
  266.  
  267. #premier .nav
  268. {border-right:25px solid;
  269. border-left:0px solid;}
  270.  
  271. #premier .nav:hover
  272. {color:{color:buttonBG};
  273. Background-color:{color:button};
  274. border-right:0px solid;
  275. border-left:12px solid;}
  276.  
  277. #second .nav
  278. {border-left:25px solid;
  279. border-right:0px solid;}
  280.  
  281. #second .nav:hover
  282. {color:{color:buttonBG};
  283. Background-color:{color:button};
  284. border-right:12px solid;
  285. border-left:0px solid;}
  286.  
  287.  
  288.  
  289.  
  290. .titlepost
  291. {font-size:16px;
  292. text-align:center;
  293. padding-right:5px;
  294. font-style:italic;}
  295.  
  296. #posts
  297. {width:510px;
  298. float:left;
  299. text-align:justify;
  300. margin-left:410px;
  301. margin-bottom:10px;
  302. color:{color:Texts};
  303. }
  304.  
  305.  
  306. .post
  307. {width:510px;
  308. overflow:hidden;
  309. margin-top:40px;
  310. margin-bottom;40px;
  311. font-size:10px;
  312. background-color:{color:EntryBG};}
  313.  
  314. .post img
  315. {max-width:500px;}
  316.  
  317.  
  318. .border
  319. {padding:5px 5px 3px 5px;}
  320.  
  321.  
  322. #permabar
  323. {width:490px;
  324. text-align:center;
  325. margin:0px 0px 5px 5px;
  326. padding:5px;
  327. overflow:hidden;
  328. font-size:10px;
  329. color:{color:Infos};
  330. background-color:{color:InfosBG};}
  331.  
  332. .tags
  333. {font-style:italic;
  334. color:{color:Tags};}
  335.  
  336.  
  337.  
  338.  
  339.  
  340. </style>
  341.  
  342. </head>
  343. <style type="text/css">{CustomCSS}</style>
  344. <body>
  345.  
  346.  
  347. {block:IfNotEndlessScroll}{block:Pagination}
  348.  
  349. <div style="font-size:14px;text-align:center;color:{color:Link};position:fixed;bottom:205px;width:315px;left:50px;letter-spacing:1px;" >
  350.  
  351. {block:PreviousPage}<a style="opacity:0.7;" href="{PreviousPage}" >« back</a>{/block:PreviousPage}
  352. &#160 {CurrentPage}/{TotalPages} &#160
  353. {block:NextPage}<a style="opacity:0.7;" href="{NextPage}" >next »</a>{/block:NextPage}
  354. </div>
  355.  
  356. {/block:Pagination} {block:IfNotEndlessScroll}
  357.  
  358. {block:IfEndlessScroll}
  359. <a style="position:fixed;bottom:10px;right:10px;" href="#top" >back to top</a>{/block:IfEndlessScroll}
  360.  
  361.  
  362. <div id="left">
  363.  
  364. <div id="pictures">
  365. {block:IfNotOnlyPicture3}
  366. <a href="/"><img src="{image:Picture1}" class="picture"/></a>
  367. <a href="/"><img src="{image:Picture2}" class="picture"/></a>
  368. {/block:IfNotOnlyPicture3}
  369.  
  370. {block:IfNotOnly2Pictures}
  371. <a href="/"><img src="{image:Picture3}" class="picture2"/></a>
  372. {/block:IfNotOnly2Pictures}
  373. </div><!--pitures-->
  374.  
  375.  
  376. <div id="side">
  377. <a href="http://gyapo.tumblr.com" title="theme by gyapo"><div id="theme">©</div></a>
  378.  
  379. <div id="menu">
  380. <div class="plus">navigation</div>
  381.  
  382. <div id="premier" style="float:left;">
  383. <a href="/"><div class="nav">home</div></a>
  384. <a href="/ask"><div class="nav">message</div></a>
  385. <a href="/archive"><div class="nav">archive</div></a>
  386. </div><!--premier-->
  387.  
  388. <div id="second" style="float:left;">
  389. <a href="{text:Link1}"><div class="nav">{text:Link1 title}</div></a> <a href="{text:Link2}"><div class="nav">{text:Link2 title}</div></a>
  390. <a href="{text:Link3}"><div class="nav">{text:Link3 title}</div></a>
  391.  
  392. </div><!--second-->
  393. </div><!--menu-->
  394.  
  395. <div id="description">
  396. <div class="about">about</div>
  397. <div class="description">{Description}</div>
  398. </div><!--description-->
  399. </div><!--side-->
  400.  
  401. </div><!--left-->
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408. <div id="posts">
  409. {block:Posts}
  410. <div class="post">
  411. <div class="border">
  412.  
  413. {block:RebloggedFrom}
  414. <!--{ReblogParentName}-->
  415. {/block:RebloggedFrom}
  416.  
  417. {block:ContentSource}
  418. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  419. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  420. {/block:SourceLogo}
  421. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  422. {/block:ContentSource}
  423.  
  424. {block:Text}
  425. {block:Title}<a href="{Permalink}">
  426. <div class="titlepost">{Title}</div></a>
  427. {/block:Title}
  428. <div class="texte">{Body}</div>
  429. {/block:Text}
  430.  
  431.  
  432.  
  433.  
  434. {block:Photoset}
  435. {Photoset-500}
  436. {/block:Photoset}
  437.  
  438.  
  439.  
  440.  
  441. {block:Photo}
  442. <a href="{Permalink}">
  443. <div>
  444. <img
  445. src="{PhotoURL-500}" alt="{PhotoAlt}"/></div></a>
  446. {/block:Photo}
  447.  
  448.  
  449.  
  450. {block:Quote}
  451. <div class="texte" style="text-align:center;"> "{Quote}"</div>
  452. {block:Source}
  453. <div class="texte" style="text-align:center;"> {Source}</div>
  454. {/block:Source}
  455. {/block:Quote}
  456.  
  457.  
  458.  
  459. {block:Link}
  460. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  461. {block:Description}
  462. <div class="texte">{Description}</div>
  463. {/block:Description}
  464. {/block:Link}
  465.  
  466.  
  467.  
  468. {block:Chat}
  469. {block:Title}
  470. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  471. {/block:Title}
  472.  
  473. {block:Lines}
  474. <div class="texte" style="margin-bottom:2px;">
  475. {block:Label}<a href="{Permalink}">- <i>{Label}</i></a>{/block:Label} {Line}
  476. </div>
  477. {/block:Lines}
  478. {/block:Chat}
  479.  
  480.  
  481. {block:Video}
  482. {Video-500}
  483. {/block:Video}
  484.  
  485.  
  486.  
  487.  
  488. {block:Audio}
  489. <table cellpadding="0" cellspacing="0">
  490. <tr>
  491. <td rowspan="2">
  492. {block:AlbumArt}
  493. <img style="height:125px;width:125px;margin-right:5px;" id="art"
  494. src="{AlbumArtURL}"/>
  495. {/block:AlbumArt}
  496. </td>
  497.  
  498. <td><div style="margin-top:15px;">
  499. {block:TrackName}{TrackName}{/block:TrackName}<br>
  500. {block:Artist}by {Artist}{/block:Artist}<br><br>
  501. {PlayCountWithLabel}</div>
  502. </td>
  503. </tr>
  504.  
  505. <tr><td>
  506. <div style="width:370px;background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div>
  507. </td></tr>
  508. </table>
  509. {/block:Audio}
  510.  
  511.  
  512. {block:Answer}
  513. <table cellpadding="0" cellspacing="0" width="500px" border="0">
  514. <tr>
  515. <td style="width:40px;">
  516. <a href="{Permalink}"><img src="{AskerPortraitURL-48}" style="border-radius:6px;-moz-border-radius:6px;"/></a></td>
  517.  
  518. <td><div style="padding-left:5px;padding-right:5px;">
  519. <b>{Asker}</b> asked : <span style="font-style:italic;opacity:0.7;">{Question}</span></div></td>
  520. </tr>
  521. <tr><td colspan="2"><div style="margin-top:-6px;padding-left:5px;padding-right:5px;">{Answer}</div></td></tr>
  522.  
  523. </table>
  524. {/block:Answer}
  525.  
  526.  
  527. {block:IfCaption}{block:IndexPage}
  528. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  529. {/block:IndexPage}{/block:IfCaption}
  530.  
  531. {block:PermalinkPage}{block:Caption}
  532. <div class="caption">{Caption}</div>
  533. {/block:Caption}{/block:PermalinkPage}
  534.  
  535.  
  536.  
  537. </div>
  538.  
  539. <div id="permabar">
  540. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}<br>
  541. {block:HasTags}{block:Tags}
  542. &#160#<a href="{TagURL}" class="tags">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  543.  
  544.  
  545. {block:PermalinkPage}
  546. {block:PostNotes} {PostNotes}{/block:PostNotes}
  547. {/block:PermalinkPage}
  548.  
  549.  
  550. </div>
  551. {/block:Posts}
  552.  
  553. </div>
  554.  
  555. </body>
  556. </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!