API tools faq
paste
Advertisement
bittersveet

fail

bittersveet
Aug 26th, 2015
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: DIONYSUS
  4. by acuite
  5.  
  6. - this one is super customisable
  7. - don't steal this pls
  8. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  9.  
  10. - @acuite for more themes
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. {block:ifnotPaginate}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifnotPaginate}
  23.  
  24. <meta name="image:Sidebar" content=""/>
  25.  
  26. <meta name="color:Background" content="#f8f8f8"/>
  27. <meta name="color:Post" content="#fff"/>
  28. <meta name="color:Border" content="#eee"/>
  29. <meta name="color:Text" content="#555"/>
  30. <meta name="color:Link" content="#999"/>
  31.  
  32. <meta name="if:Drop Links" content=""/>
  33. <meta name="if:Title" content=""/>
  34. <meta name="if:Image" content=""/>
  35. <meta name="if:Paginate" content=""/>
  36. <meta name="if:Captions" content=""/>
  37. <meta name="if:Tags" content=""/>
  38. <meta name="if:Border" content=""/>
  39. <meta name="if:Shadow" content=""/>
  40.  
  41. <meta name="text:Post" content="350"/>
  42. <meta name="text:Sidebar" content="150"/>
  43. <meta name="text:Margin" content="75"/>
  44.  
  45. <meta name="text:Navigate URL" content="/links"/>
  46. <meta name="text:Link 1" content="/"/>
  47. <meta name="text:Link 1 Title" content="one"/>
  48. <meta name="text:Link 2" content="/" />
  49. <meta name="text:Link 2 Title" content="two"/>
  50. <meta name="text:Link 3" content="/" />
  51. <meta name="text:Link 3 Title" content="three"/>
  52. <meta name="text:Link 4" content="/" />
  53. <meta name="text:Link 4 Title" content="four"/>
  54.  
  55. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  56. <script>
  57. $(document).ready(function(){
  58. $(".pn").hide();
  59. $(".pnh").show();$('.pnh').toggle(function(){
  60. $(".pn").slideDown(function(){});
  61. },function(){
  62. $(".pn").slideUp(function(){});
  63. });
  64. $(".lb").hide();
  65. $(".lh").show();$('.lh').toggle(function(){
  66. $(".lb").slideDown(function(){});
  67. },function(){
  68. $(".lb").slideUp(function(){});
  69. });
  70. });
  71. </script>
  72.  
  73. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips({
  78. tip_follows_cursor:true,
  79. tip_delay_time:200,
  80. tip_fade_speed:300
  81. }
  82. );
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
  88. <style type="text/css">
  89.  
  90. ::-webkit-scrollbar {width:5px;height:5px;background:{color:Background};}
  91. ::-webkit-scrollbar-thumb {background:{color:Border};}
  92.  
  93. /* General */
  94.  
  95. body {
  96. margin:0px;
  97. background:{color:Background};
  98. color:{color:Text};
  99. }
  100.  
  101. a:link, a:active, a:visited {
  102. text-decoration:none;}
  103. a,.playh,.p{
  104. transition:0.5s ease;
  105. -o-transition:0.5s ease;
  106. -moz-transition:0.5s ease;
  107. -webkit-transition:0.5s ease;
  108. }
  109.  
  110. pre, p, blockquote,body,big,small,sub,sup {
  111. font-size:10px;}
  112. p, body, pre, em {
  113. font-family:arial;}
  114.  
  115.  
  116. /* Credit & Pagi */
  117.  
  118. #c{
  119. position:fixed;
  120. bottom:30px;
  121. right:30px;}
  122.  
  123. #pag a{
  124. margin:0px 5px;
  125.  
  126. }
  127. #pag {
  128. position:relative;
  129. margin:0px;
  130. font-weight:500;
  131.  
  132. }
  133. #c, #pag {
  134. text-align:center;
  135.  
  136. }
  137.  
  138. /* Containers */
  139.  
  140. #center {
  141. position:relative;
  142. margin:{text:Margin}px auto;width:{text:Post}px;
  143.  
  144. }
  145. #entry img {
  146. max-width:100%;}
  147. #entry {
  148. width:{text:Post}px;
  149. margin:{text:Margin}px 0px;
  150. background:{color:Post};
  151. {block:ifBorder}border:1px solid {color:Border};{/block:ifBorder}
  152. {block:ifShadow}box-shadow:rgba(0,0,0,0.05)0px 0px 3px 2px;{/block:ifShadow}
  153. }
  154.  
  155. /* Sidebar */
  156.  
  157. #sidebar {
  158. position:fixed;
  159. width:200px;
  160. height:283px;
  161. margin-left:calc(-{text:Sidebar}px + -{text:Margin}px);
  162. background:{color:Post};
  163. {block:ifBorder}border:1px solid {color:Border};{/block:ifBorder}
  164. {block:ifShadow}box-shadow:rgba(0,0,0,0.05)0px 0px 3px 2px;{/block:ifShadow}
  165. }
  166.  
  167. .image img{
  168. width:136px;
  169. height:300px;
  170. margin-left:-130px;
  171. margin-top:-20px;
  172.  
  173. }
  174. .desc {
  175. margin:10px;
  176. margin-top:-230px;
  177. font-style:none;
  178. font-family:calibri;
  179. font-size:11px;
  180. letter-spacing:0.1px;
  181. }
  182.  
  183. .links a:hover {
  184. padding-left:15px;
  185.  
  186. }
  187. .links a {
  188. display:block;
  189. padding:6px;
  190. border-top:1px solid {color:Border};
  191.  
  192. }
  193.  
  194. /* Titles */
  195.  
  196. h1, h2 {
  197. font-weight:400;
  198. letter-spacing:0px;
  199. text-transform:uppercase;
  200. color:#1C1C1C;
  201.  
  202. }
  203.  
  204. h1 {
  205. margin:10px;
  206. font-size:10px;
  207.  
  208. }
  209.  
  210. h2 {
  211. margin:0px;
  212. font-style:italic;
  213. text-transform:none;
  214. font-size:16px;
  215. font-family:arial;
  216. font-weight:bold;
  217.  
  218. }
  219.  
  220. h3 {
  221. margin:10px 0px;
  222. font-weight:500;
  223. font-size:8px;
  224. letter-spacing:1px;
  225. text-transform:uppercase;
  226. }
  227.  
  228. .src {
  229. margin-top:10px;
  230. font-family:calibri;
  231. }
  232. .qut {
  233. font-style:italic;
  234. font-size:11px;
  235. font-family:georgia;
  236. font-weight:300;
  237. color:#6E6E6E;
  238. letter-spacing:0px;
  239. }
  240.  
  241. /* Permalinks */
  242.  
  243. .p a{
  244. margin:0px 3px;
  245.  
  246. }
  247. .p {
  248. padding:8px;
  249.  
  250. }
  251. .tags a{
  252. margin-right:5px;
  253. letter-spacing:0.5px;
  254.  
  255. }
  256. .tags {
  257. text-transform:none;
  258. margin-top:3px;}
  259.  
  260. /* Audio & Chat */
  261.  
  262. .lines {padding:5px;}
  263. .lines b{display:block;font-weight:400;}
  264. .play {height:27px;padding:10px;border-bottom:1px solid {color:Border};}
  265. .au {padding:5px;border-bottom:1px solid {color:Border};}
  266. .au span{display:block;margin:5px;}
  267.  
  268. /* Text */
  269.  
  270. p, blockquote {
  271. margin:0px;
  272. text-align:justify;
  273.  
  274. }
  275. ul,ol {
  276. list-style:none;
  277. padding-left:10px;
  278.  
  279. }
  280. li:before {
  281. content:"━ ";
  282. margin-right:5px;
  283.  
  284. }
  285.  
  286. b,strong {
  287. font-weight:600;
  288. color:#DF013A;
  289. }
  290.  
  291. i, em {
  292. color:#DF0101;
  293. }
  294.  
  295. blockquote p{
  296. margin:10px 0px;
  297.  
  298. }
  299. blockquote p:first-child{
  300. margin:0px 0px 10px;
  301.  
  302. }
  303. blockquote p:last-child{
  304. margin:10px 0px 0px;
  305.  
  306. }
  307. blockquote p:only-child{
  308. margin:0px;
  309.  
  310. }
  311. blockquote{
  312. margin:5px 0px 0px;
  313. padding:0px 0px 0px 10px;
  314. border-left:2px solid {color:Border};
  315. }
  316.  
  317. /* Captions */
  318.  
  319. .tp {padding:10px;{block:IndexPage}border-bottom:1px solid {color:Border};{/block:IndexPage}}
  320. .txt {padding:5px;margin:0px;}
  321. .cap {
  322. margin:0px;
  323. padding:15px;
  324. border-bottom:1px solid {color:Border};
  325. }
  326.  
  327. pre {
  328. white-space:pre-wrap;
  329. white-space:-moz-pre-wrap;
  330. white-space:-pre-wrap;
  331. white-space:-o-pre-wrap;
  332. word-wrap:break-word;
  333. }
  334.  
  335. /* Photosets */
  336.  
  337. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  338. #tumblr_lightbox {background:{color:Background}!important;}
  339. #tumblr_lightbox_left_image,
  340. #tumblr_lightbox_right_image {opacity:0.5!important;}
  341. #tumblr_lightbox_center_image,
  342. #tumblr_lightbox_left_image,
  343. #tumblr_lightbox_right_image {
  344. box-shadow:none!important;
  345. border-radius:0px!important;
  346. }
  347.  
  348. /* Video */
  349.  
  350. .video iframe,
  351. .video .tumblr_video_container,
  352. .video .tumblr_video_container iframe {
  353. display:block;
  354. max-width:100%;
  355. max-height:{text:Post}px;
  356. }
  357.  
  358. .video #youtube_iframe {
  359. display:block;
  360. max-width:100%;
  361. max-height:calc({text:Post}px * 0.67);
  362. }
  363.  
  364. /* Ask */
  365.  
  366. .ask h2{
  367. background:none;
  368. padding:0px;
  369. margin-bottom:5px;
  370. font-style:normal;
  371.  
  372. }
  373. .ask {
  374. padding:15px;
  375. font-style:italic;
  376. letter-spacing:0.3px;
  377. border-bottom:1px solid {color:Border};
  378.  
  379. }
  380.  
  381. /* Permalink Page + Postnotes */
  382.  
  383. .perma {
  384. padding:15px;
  385. text-transform:lowercase;
  386.  
  387. }
  388. .perma a{
  389. margin-right:5px;
  390.  
  391. }
  392. .pmt a{
  393. margin-right:3px;
  394.  
  395. }
  396. .pmt a:after {
  397. content:'';
  398. margin-left:5px;
  399.  
  400. }
  401. .pmt a:last-of-type:after {
  402. display:none;
  403.  
  404. }
  405. .pn img{
  406. display:none;
  407.  
  408. }
  409. .pn li{
  410. list-style-type:none;
  411. padding:2px 0px;}
  412. .pn li:before {
  413. display:"none";
  414.  
  415. }
  416. .pn ul, .pn ol {
  417. padding:0px;
  418. margin:0px;
  419.  
  420. }
  421. .pn {
  422. display:none;
  423. padding:10px 15px;
  424. font-size:7.5px;
  425. font-style:italic;
  426. border-top:1px solid {color:Border};
  427. }
  428.  
  429. .pnh,a.more_notes_link {text-transform:uppercase;font-style:normal;}
  430. a.more_notes_link {text-align:left;}
  431. .pph{font-size:8px;letter-spacing:0.5px;}
  432. .pnh{display:block;margin-top:10px;}
  433.  
  434. /* Tooltips */
  435.  
  436. #s-m-t-tooltip{
  437. max-width:300px;
  438. margin:15px;
  439. z-index:99999999;
  440. padding:7px;
  441. font-size:8px;
  442. font-weight:bold;
  443. color:#FFFFFF;
  444. letter-spacing:0px;
  445. background:#1C1C1C;
  446. font-size:10px;
  447. font-family:calibri;
  448. text-transform:uppercase;
  449. {block:ifBorder}border:1px solid {color:Border};{/block:ifBorder}
  450. {block:ifShadow}box-shadow:rgba(0,0,0,0.05)0px 0px 3px 2px;{/block:ifShadow}
  451. }
  452.  
  453. /* Common Styles */
  454.  
  455. .ask,p,.perma,blockquote,.lines,ul,ol,.pn,.qut,.desc{
  456. line-height:160%;
  457.  
  458. }
  459. a:hover,.ask,.ask a{
  460. color:{color:Text};
  461.  
  462. }
  463. a,.p,.perma,.src,h1,.links,.lines b,.tn,h2,h2 a{
  464. color:{color:Link};
  465.  
  466. }
  467. #c,#pag,.src,.links,.lines b,.p,.tn{
  468. font-size:7.5px;
  469. letter-spacing:1px;
  470. text-transform:uppercase;
  471. }
  472.  
  473. /* Etc */
  474.  
  475. .notes img {width:0px;}
  476. img {margin:0px;display:block;}
  477. .html_photoset {margin-bottom:-2px;}
  478.  
  479. /*title*/
  480.  
  481. .titleu {
  482. font-family:georgia;
  483. font-size:15px;
  484. font-weight:bold;
  485. text-transform:uppercase;
  486. margin-top:-270px;
  487. position:fixed;
  488. background:#1C1C1C;
  489. color:#FFFFFF;
  490. width:170px;
  491. height:20px;
  492. text-align:center;
  493. margin-left:10px;
  494. padding:5px;
  495. }
  496.  
  497. </style>
  498. </head>
  499. <body>
  500.  
  501. <div id="center">
  502. <div id="sidebar">
  503.  
  504. <div class="image"><img src="{image:Sidebar}"/></a></div>
  505.  
  506. <div class="titleu">
  507. <span title="+ au/oc muse, whatever suits you. in no way affiliated with exo/sme. not the real oh sehun either, just a roleplay account for roleplay purposes. do not approach as the idol, do approach as the ceo though.">sehun.</span> <span title="+ strictly literate and ic unless stated otherwise. para, script whatever friendly as long as we're literate. icons friendly too though i tend not to use them anymore but i do not mind people using them, not at all!">xxv.</span> <span title="+ trigger warning. i could say this blog is quite sfw but i can't promise i won't write/reblog or whatever triggering content. however, it'll all be tagged under nsfw and tw:___ so you can blacklist. you're, of course, free to unfollow also! open to plots, please, if you have an idea or would like interacting, don't be scared.">mer</span><span title="+ selective and picky with who i follow- it's not personal, it's all about me staying inspired and about having a rather clean, tidy dash. i'd still rp with people that i don't follow, obviously!">man.</span>
  508. </div>
  509.  
  510. <div class="desc">{Description}</div>
  511.  
  512.  
  513. <div class="links">
  514. <a href="/">index.</a>
  515. <a href="/ask">message.</a>
  516. <a href="/one">about.</a>
  517. <a href="/p">profile.</a>
  518. <a href="/r">regulations.</a>
  519. <a href="/navi">mama.</a>
  520.  
  521.  
  522. </div>
  523. </div>
  524.  
  525.  
  526. <div id="content">
  527. {block:Posts}
  528. <div id="entry">
  529.  
  530. {block:Text}<div class="tp">
  531. {block:Title}<h2>{Title}</h2>{/block:Title}<div class="txt">{Body}</div>
  532. </div>{/block:Text}
  533.  
  534. {block:Link}<div class="tp">
  535. <a title="{URL}" href="{URL}"><h2> {Name} &rsaquo;</h2></a>
  536. {block:Description}<div class="txt">{Description}</div>{/block:Description}
  537. </div>{/block:Link}
  538.  
  539. {block:Photo}
  540. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  541. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  542. {/block:Photo}
  543.  
  544. {block:Photoset}
  545. {Photoset}
  546. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  547. {/block:Photoset}
  548.  
  549. {block:Quote}<div class="tp">
  550. <div class="qut">{Quote}</div>
  551. {block:Source}<div class="src">{Source}</div>{/block:Source}
  552. </div>{/block:Quote}
  553.  
  554. {block:Chat}<div class="tp">
  555. {block:Title}<h2>{Title}</h2>{/block:Title}
  556. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  557. </div>{/block:Chat}
  558.  
  559. {block:Audio}
  560. {block:AudioPlayer}<div class="play">{AudioPlayer}</div>{/block:AudioPlayer}
  561. <div class="au">
  562. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  563. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  564. {block:PlayCount}<span>{PlayCountWithLabel}</span>{/block:PlayCount}
  565. </div>
  566. {/block:Audio}
  567.  
  568. {block:Video}
  569. <div class="video">{Video-500}</div>
  570. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  571. {/block:Video}
  572.  
  573. {block:Answer}
  574. <div class="ask"><h2>{Asker}:</h2> {Question}</div>
  575. <div class="tp"><div class="ans">{Answer}</div></div>
  576. {/block:Answer}
  577.  
  578. {block:IndexPage}<div class="p">
  579. <a href="{Permalink}">{NoteCountWithLabel}</a> /
  580. <a href="{Permalink}">{TimeAgo}</a> /
  581. <a href="{ReblogURL}">reblog</a>
  582. {block:ifTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifTags}
  583. </div>{/block:IndexPage}
  584.  
  585.  
  586.  
  587.  
  588. {block:PermalinkPage}
  589. {block:Date}
  590. <div class="pph">
  591. <div class="perma">
  592. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  593. {block:RebloggedFrom}<br>
  594. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  595. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  596. {/block:RebloggedFrom}
  597.  
  598. {block:HasTags}<div class="pmt">tags: &nbsp;
  599. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  600. </div>{/block:HasTags}
  601. <a href="#" class="pnh"><b style="font-size:10px;">&rsaquo; </b> view {NoteCountWithLabel}</a>
  602. </div>
  603.  
  604. {block:PostNotes}
  605. <div class="pn">{PostNotes}</div>
  606. {/block:PostNotes}
  607.  
  608. </div>
  609. {/block:Date}
  610. {/block:PermalinkPage}
  611.  
  612. {block:ContentSource}
  613. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  614. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  615. {/block:SourceLogo}
  616. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  617. {/block:ContentSource}
  618.  
  619. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  620.  
  621. </div>
  622. {/block:Posts}
  623.  
  624. {block:ifPaginate}{block:Pagination}<div id="pag">
  625. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {CurrentPage} / {TotalPages}
  626. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  627. </div>{/block:Pagination}{/block:ifPaginate}
  628. </div>
  629. </div>
  630.  
  631. <div id="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  632.  
  633. </body>
  634. </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!