API tools faq
paste
Advertisement
bngtan

05 dream theme

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