API tools faq
paste
bngtan

02 contained theme

bngtan
Mar 24th, 2016
2,783
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.73 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by @miyoong
  4. 02 contained theme
  5. -->
  6.  
  7. <!DOCTYPE html>
  8. <head>
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:links" content="#aaaaaa"/>
  20. <meta name="color:text" content="#000000"/>
  21. <meta name="color:posts" content="#000000"/>
  22. <meta name="color:borders" content="#000000"/>
  23. <meta name="color:tags" content="#666666"/>
  24. <meta name="color:container" content="#aaa"/>
  25. <meta name="color:permalink" content="#000000"/>
  26. <meta name="color:perma bg" content="#aaa"/>
  27. <meta name="color:perma border" content="#aaa"/>
  28. <meta name="color:nav border" content="#aaa"/>
  29. <meta name="color:nav bg" content="#aaa"/>
  30. <meta name="color:description" content="#666666"/>
  31. <meta name="color:shadows" content="#aaa"/>
  32. <meta name="color:navigation" content="#000000"/>
  33. <meta name="color:title" content="#000000"/>
  34. <meta name="color:hover" content="#000000"/>
  35. <meta name="color:selection" content="#000000"/>
  36. <meta name="color:scrollbar" content="#aaa"/>
  37. <meta name="color:pagination" content="#aaa"/>
  38.  
  39.  
  40. <meta name="if:250px" content="1"/>
  41. <meta name="if:300px" content="1"/>
  42. <meta name="if:350px" content="0"/>
  43. <meta name="if:400px" content="0"/>
  44. <meta name="if:links 1" content="0"/>
  45. <meta name="if:links 2" content="1"/>
  46. <meta name="if:shadows" content="1"/>
  47. <meta name="if:posts border" content="1"/>
  48. <meta name="if:sidebar borders" content="1"/>
  49. <meta name="if:permalink border" content="1"/>
  50. <meta name="if:fade posts" content="1"/>
  51. <meta name="if:show tags" content="1"/>
  52. <meta name="if:transparent posts" content="1"/>
  53.  
  54. <meta name="image:sidebar" content=""/>
  55. <meta name="image:container" content=""/>
  56. <meta name="image:background" content=""/>
  57.  
  58. <meta name="text:link 1" content="" />
  59. <meta name="text:link 1 URL" content="" />
  60. <meta name="text:link 2" content="" />
  61. <meta name="text:link 2 URL" content="" />
  62. <meta name="text:link 3" content="" />
  63. <meta name="text:link 3 URL" content="" />
  64. <meta name="text:link 4" content="" />
  65. <meta name="text:link 4 URL" content="" />
  66. <meta name="text:link 5" content="" />
  67. <meta name="text:link 5 URL" content="" />
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70.  
  71. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72.  
  73. <script>
  74.  
  75. (function($){
  76.  
  77. $(document).ready(function(){
  78.  
  79. $("a[title]").style_my_tooltips({
  80.  
  81. tip_follows_cursor:true,
  82.  
  83. tip_delay_time:30,
  84.  
  85. tip_fade_speed:300,
  86.  
  87. attribute:"title"
  88.  
  89. });
  90.  
  91. });
  92.  
  93. })(jQuery);
  94.  
  95. </script>
  96.  
  97.  
  98.  
  99. <style type="text/css">
  100.  
  101. #s-m-t-tooltip{
  102. position:absolute;
  103. margin-top: 15px;
  104. font-face:arial;
  105. z-index:9999;
  106. background:{color:background};
  107. border:1px solid {color:borders};
  108. font-size:10px;
  109. padding:4px;
  110. }
  111.  
  112. ::selection {
  113. background:#fff;
  114. color:{color:selection};}
  115.  
  116.  
  117. blockquote {padding-left:7px;padding-right:5px;margin-left:25px;border-left:1px solid #aaaaaa;word-wrap:break-word;
  118.  
  119. }
  120.  
  121. body {
  122. background:{color:background};background:{color:background} url('{image:background}');background-repeat:repeat;
  123. color:{color:text};
  124. font-family:arial;
  125. font-size:11px;
  126. text-align:justify;
  127. margin:0;
  128. line-height:16px;
  129.  
  130. }
  131.  
  132.  
  133. a {
  134. color:{color:links};
  135. text-decoration:none;
  136. -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  137. }
  138.  
  139. a:hover {
  140. text-decoration:none;
  141. cursor:help;
  142. color:{color:hover};-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  143. }
  144.  
  145. {block:iffadeposts}
  146. img{
  147. opacity:0.7;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  148. }
  149. {/block:iffadeposts}
  150.  
  151. img:hover {
  152. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  153. }
  154.  
  155. small {
  156. font-size:9px;}
  157.  
  158. big {
  159. font-size:12px;}
  160.  
  161.  
  162. #title {font-size:12px;
  163. font-weight:bold;
  164. margin-bottom:10px;
  165. text-transform:uppercase;
  166. text-align:left;}
  167.  
  168. #sidebar {text-align:center;
  169. position:fixed;
  170. margin-left:-225px;
  171. margin-bottom:150px;
  172. width:145px;
  173. }
  174.  
  175. #sidebarim {margin-bottom:20px;text-align:center;}
  176.  
  177. #sidebarim img {
  178. {block:ifsidebarborders}border:1px solid {color:borders};{/block:ifsidebarborders}background:{color:posts};
  179. padding:5px;{block:ifshadows}
  180. box-shadow:8px 8px {color:shadows};
  181. {/block:ifshadows}
  182. margin-top:40px;
  183. width:90px;height:90px;}
  184.  
  185.  
  186. #links {
  187. margin-top:20px;;width:100%;text-align:center
  188.  
  189. }
  190.  
  191.  
  192. #links a {
  193. margin-right:5px;text-align:center
  194. display:inline-block;color:{color:navigation};
  195. margin-bottom:5px;{block:iflinks1}padding:5px;{/block:iflinks1}{block:iflinks2}border:1px solid {color:nav border};margin-bottom:9px;margin-right:8px;background:{color:nav bg};padding:3px;{block:ifshadows}
  196. box-shadow:4px 4px {color:shadows};
  197. {/block:ifshadows}{/block:iflinks2}
  198. }
  199.  
  200.  
  201. #description {background:{color:posts};color:{color:description};
  202. padding:10px;{block:ifsidebarborders}border:1px solid {color:borders};{/block:ifsidebarborders}{block:ifshadows}
  203. box-shadow:8px 8px {color:shadows};
  204. {/block:ifshadows}
  205. }
  206.  
  207. {block:iffadeposts}
  208. iframe.photoset {
  209. opacity:0.7;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  210. }
  211. {/block:iffadeposts}
  212.  
  213. iframe.photoset:hover {
  214. opacity:1;-webkit-filter:none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  215. }
  216.  
  217.  
  218.  
  219. #pagination {
  220. text-transform:lowercase;
  221. font-weight:bold;
  222. margin-bottom:-60px;
  223. margin-left:20px;
  224. }
  225.  
  226. #pagination a {
  227. padding:8px;
  228. color:{color:pagination};
  229. }
  230.  
  231.  
  232. #con {
  233. padding:40px;
  234. background:{color:container} url('{image:container}');background-repeat:repeat;
  235. margin-top:100px;
  236. left:50%;
  237. margin-left:-250px;
  238. max-height:500px;height:400px;
  239. overflow:auto;
  240. position:absolute;
  241. }
  242.  
  243.  
  244. #entries {
  245. margin-top:20px;padding:20px;
  246.  
  247. }
  248.  
  249. #posts {
  250. {block:ifshadows}
  251. box-shadow:8px 8px {color:shadows};
  252. {/block:ifshadows}
  253. background:{color:posts};padding:20px;{block:ifpostsborder}border:1px solid {color:borders};{/block:ifpostsborder}
  254. {block:if250px}width:250px;{/block:if250px}{block:if300px}width:300px;{/block:if300px}{block:if350px}width:350px;{/block:if350px}{block:if400px}width:400px;{/block:if400px}{block:iftransparentposts}background:transparent;{/block:iftransparentposts}
  255. {block:IndexPage}margin-bottom:90px;{/block:IndexPage}{block:PermalinkPage}
  256. margin-bottom:50px;{/block:PermalinkPage}
  257.  
  258. }
  259.  
  260. #posts img {max-width:100%;
  261. }
  262.  
  263.  
  264. #posts img,#posts li, #posts blockquote {max-width:auto;max-height:auto;}
  265. .caption {width:100%;margin-top:5px;
  266.  
  267. }
  268.  
  269. blockquote img {width:auto;height:auto;
  270.  
  271. }
  272.  
  273.  
  274. #titlequote{text-align:left;
  275. font-size:14px;
  276. line-height:18px;
  277. font-weight:bold;
  278. }
  279. #source {
  280. margin-top:15px;
  281. margin-left:15px;}
  282.  
  283. .playerbuttonbg {
  284. position: absolute;
  285. left: 20px;
  286. top: 20px;
  287. width: 19px;
  288. height: 19px;
  289. background-color: {color:background};
  290. padding: 10px;
  291. -webkit-border-radius: 40px;
  292. -moz-border-radius: 40px;
  293. border-radius: 40px;
  294. opacity: .4;
  295. filter: alpha(opacity=40);
  296. -moz-opacity: 0.4;
  297. -khtml-opacity: 0.4;
  298. transition: opacity .7s ease-in-out;
  299. -moz-transition: opacity .7s ease-in-out;
  300. -webkit-transition: opacity .7s ease-in-out;
  301. }
  302.  
  303. .playerbuttonbg:hover {
  304. opacity: 1;
  305. filter: alpha(opacity=100);
  306. -moz-opacity: 1;
  307. -khtml-opacity: 1;
  308. }
  309.  
  310. .newplayerbutton {
  311. position: relative;
  312. width: 19px;
  313. height: 19px;
  314. overflow: hidden;
  315. }
  316.  
  317. .playerbuttonhug {
  318. position: absolute;
  319. top: -18px;
  320. left: -7px;
  321. }
  322.  
  323. .tumblr_audio_player {
  324. height: 90px;
  325. width: 270px;
  326. -moz-transform: scale(0.60, 0.60);
  327. -webkit-transform: scale(0.60, 0.60);
  328. -o-transform: scale(0.60, 0.60);
  329. -ms-transform: scale(0.60, 0.60);
  330. transform: scale(0.60, 0.60);
  331. -moz-transform-origin: top left;
  332. -webkit-transform-origin: top left;
  333. -o-transform-origin: top left;
  334. -ms-transform-origin: top left;
  335. transform-origin: top left;
  336. }
  337.  
  338. .audioimgwrapper {
  339. position: absolute;
  340. left: 0px;
  341. top: 0px;
  342. overflow: hidden;
  343. width: 79px;
  344. height: 79px;
  345. }
  346.  
  347. .audioimgwrapper img {
  348. width: 100%;
  349. height: auto;
  350. }
  351.  
  352. .trackdetails {
  353. overflow:auto;
  354. width:200px;
  355. padding:5px;
  356. display:inline-block;
  357. margin-left: 90px;
  358. font-size: 11px;
  359. font-style: normal;
  360. text-align: left;
  361. }
  362.  
  363. .audiowrapper {
  364. position: relative;
  365. display:inline-block;
  366. }
  367.  
  368.  
  369. .q {margin-bottom:10px;padding-bottom:5px;
  370. border-bottom:1px solid #ededed;
  371. }
  372. .as {
  373. font-weight:bold;}
  374.  
  375. .a {
  376. margin-top:10px;
  377. }
  378.  
  379.  
  380.  
  381. .chat ol {
  382. padding:0;
  383. list-style:none;
  384. }
  385. .line {padding:5px 0;}
  386.  
  387. .label {font-weight:bold;
  388. }
  389.  
  390.  
  391. #permalink {
  392. background:{color:perma bg};{block:IndexPage}{block:ifpermalinkborder}border:1px solid {color:perma border};{/block:ifpermalinkborder}padding:8px;{/block:IndexPage}padding-top:8px;color:{color:permalink};
  393.  
  394. }
  395.  
  396. #permalink a {color:{color:permalink};{block:IndexPage}font-size:10px;{/block:IndexPage}
  397. }
  398.  
  399. #permalink a:hover {color:#000000;
  400. }
  401.  
  402. #tags {
  403. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  404. opacity:1;
  405. font-size:9px;border:none;color:#aaa;
  406. }
  407.  
  408. #tags a {color:{color:tags};border:none;
  409. }
  410.  
  411. #tag {{block:IndexPage}font-size:10px;color:{color:permalink};}
  412.  
  413. .pagenotes {
  414. {block:IndexPage}
  415. display: none!important;
  416. {/block:IndexPage}
  417. width:500px;
  418. {block:if250px}width:250px;{/block:if250px}{block:if300px}width:300px;{/block:if300px}{block:if350px}width:350px;{/block:if350px}{block:if400px}width:400px;{/block:if400px}
  419. text-align:left;
  420.  
  421. }
  422. .pagenotes img {
  423. display:none!important;}
  424. .pagenotes li {
  425. list-style-type:none;
  426. padding-left:20px;
  427. padding-top:8px;
  428. text-align:left;
  429. margin:0 0 0 -40px;
  430. }
  431.  
  432. .tumblr_video_container {
  433. width:auto!important;
  434. height:auto!important;
  435. }
  436.  
  437. ::-webkit-scrollbar-thumb:vertical {
  438. background-color: {color:scrollbar};
  439. height: 50px;
  440.  
  441. }
  442. ::-webkit-scrollbar {
  443. height: 0px;
  444. width: 8px;
  445. background-color: {color:background};
  446. }
  447.  
  448. {CustomCSS}
  449.  
  450.  
  451. </style>
  452.  
  453. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  454. <script>
  455. $(document).ready(function(){
  456. $('.video iframe').each(function(){
  457. var scale = $(this).parents('.video').width() / 500;
  458. $(this).attr({
  459. width: Math.floor($(this).attr('width') * scale),
  460. height: Math.floor($(this).attr('height') * scale)
  461. });
  462. });
  463. });
  464. </script>
  465.  
  466. </head>
  467.  
  468. <body>
  469.  
  470. <div id="con">
  471.  
  472.  
  473.  
  474. <div id="sidebar">
  475. <div id="sidebarim">
  476. <a href="/" title="{Title}"><img src="{image:sidebar}"/></a>
  477. </div>
  478.  
  479.  
  480.  
  481. <div id="description">{Description}</div>
  482.  
  483. <div id="links">
  484. {block:iflinks1}
  485. <a href="{text:link 1}" title="{text:link 1}">I</a>
  486. <a href="{text:link 2}" title="{text:link 2}">II</a>
  487. <a href="{text:link 3}" title="{text:link 3}">III</a>
  488. <a href="{text:link 4}" title="{text:link 4}" >IV</a>
  489. <a href="{text:link 5}" title="{text:link 5}" >V</a>
  490. {/block:iflinks1}
  491. {block:iflinks2}
  492. <a href="{text:link 1}">{text:link 1}</a>
  493. <a href="{text:link 2}">{text:link 2}</a>
  494. <a href="{text:link 3}">{text:link 3}</a>
  495. <a href="{text:link 4}">{text:link 4} </a>
  496. <a href="{text:link 5}">{text:link 5}</a>
  497. {/block:iflinks2}
  498. </div>
  499.  
  500.  
  501.  
  502. </div>
  503.  
  504.  
  505.  
  506.  
  507. <div id="entries">
  508.  
  509. <!-- {block:NoRebloggedFrom}
  510. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  511. {/block:NoRebloggedFrom} -->{block:Posts}
  512. <div id="posts">
  513.  
  514.  
  515. {block:Quote}
  516.  
  517.  
  518. <div id="titlequote">“{Quote}”</div>
  519. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  520. {/block:Quote}
  521.  
  522.  
  523.  
  524. {block:Text}
  525.  
  526. {block:Title}
  527. <div id="title">{Title}</div>{/block:Title}
  528. {Body}
  529. {/block:Text}
  530.  
  531. {block:Link}
  532. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  533. {/block:Link}
  534.  
  535. {block:Chat}
  536. {block:Title}
  537. <h1>{Title}</h1>
  538. {/block:Title}
  539. <div class="chat">
  540. <ol>{block:Lines}
  541. <li class="line {Alt}">
  542. {block:Label}
  543. <span class="label">
  544. {Label}</span>
  545. {/block:Label}{Line}</li>
  546. {/block:Lines}
  547. </ol></div>
  548. {/block:Chat}
  549.  
  550. {block:Photo}
  551. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  552. {/block:Photo}
  553.  
  554.  
  555. {block:Photoset}
  556. <div style="max-width:100%;overflow:hidden;">{Photoset}</div>
  557. {block:Photoset}
  558. <div class="video">{Video-500}</div>
  559.  
  560. {block:Audio}
  561. {block:AudioPlayer}
  562. <div class="audiowrapper">
  563. {block:AlbumArt}
  564. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  565. {/block:AlbumArt}
  566.  
  567. <div class="playerbuttonbg">
  568. <div class="newplayerbutton">
  569. <div class="playerbuttonhug">
  570.  
  571. {AudioPlayerWhite}
  572.  
  573. </div>
  574. </div>
  575. </div>
  576.  
  577. <div class="trackdetails">
  578.  
  579. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  580. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  581. {block:Album}Album: {Album}{/block:Album}<br/>
  582. {PlayCountWithLabel}
  583.  
  584. </div>
  585. </div>
  586. {/block:AudioPlayer}
  587.  
  588.  
  589.  
  590. {/block:Audio}
  591.  
  592.  
  593. {block:Answer}
  594. <div class="q">
  595. <div class="as">{Asker} said: </div>
  596. {Question}</div>
  597. <div class="a">{Answer}</div>
  598. {/block:Answer}
  599.  
  600. <!-- {block:NoRebloggedFrom}
  601. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  602. {/block:NoRebloggedFrom} -->{block:Caption}<div class="caption" style="overflow:auto;">{Caption}</div>{/block:Caption}
  603.  
  604.  
  605. {block:Date}{block:IndexPage}<div id="permalink"><a href="{Permalink}">{MonthNumberwithZero}/{DayofMonthwithZero}/{Year}</a>&nbsp;•&nbsp;<a href="{Permalink}">{block:NoteCount}{NoteCount} %{/block:NoteCount}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="float:right;">via&nbsp;</a>{/block:RebloggedFrom}<a href="{ReblogURL}" style="float:right">reblog&nbsp;&nbsp;</a> <div id="tags">{block:Tags}<a href="{TagUrl}"> #{Tag} </a>&nbsp;&nbsp;{/block:Tags}</div></div>{/block:IndexPage}
  606.  
  607.  
  608.  
  609. {block:PermalinkPage}<div id="permalink"><a href="{Permalink}">{MonthNumberwithZero}/{DayofMonthwithZero}/{Year}</a>&nbsp;•&nbsp;<a href="{Permalink}">{block:NoteCount}{NoteCount} %{/block:NoteCount}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="float:right;">via&nbsp;</a>{/block:RebloggedFrom}<a href="{ReblogURL}" style="float:right">reblog&nbsp;&nbsp;</a> <div id="tags">{block:Tags}<a href="{TagUrl}"> #{Tag} </a>&nbsp;&nbsp;{/block:Tags}</div></div>{/block:PermalinkPage}
  610. {/block:Date}
  611.  
  612.  
  613.  
  614. </div>
  615.  
  616.  
  617. {block:PostNotes}
  618. <div class="pagenotes">
  619. {PostNotes}
  620. </div>
  621. {/block:PostNotes}
  622. <!-- {block:NoRebloggedFrom}
  623. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  624. {/block:NoRebloggedFrom} -->
  625.  
  626. {/block:Posts}
  627.  
  628. <div id="pagination">
  629. {block:Pagination}
  630.  
  631. {block:PreviousPage}
  632. <a href="{PreviousPage}">Previous</a>
  633. {/block:PreviousPage}
  634.  
  635. {block:JumpPagination length="5"}
  636. {block:CurrentPage}
  637. <span class="current_page">{PageNumber}</span>
  638. {/block:CurrentPage}
  639.  
  640. {block:JumpPage}
  641. <a class="jump_page" href="{URL}">{PageNumber}</a>
  642. {/block:JumpPage}
  643. {/block:JumpPagination}
  644. {block:NextPage}
  645. <a href="{NextPage}">Next</a>
  646. {/block:NextPage}
  647.  
  648.  
  649. {/block:Pagination}
  650. </div>
  651.  
  652.  
  653.  
  654. </div>
  655.  
  656. </div>
  657.  
  658. <!--do not remove-->
  659.  
  660. <a href="http:/taehyung.sne.jp" style="position:fixed;padding:5px;color:#aaa;left:3px;bottom:2px;background:transparent;">miyoong</a>
  661.  
  662. {block:ContentSource}
  663. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  664. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  665. {/block:SourceLogo}
  666. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  667. {/block:ContentSource}
  668.  
  669. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!