API tools faq
paste
stella_rex

Hunted

stella_rex
Mar 11th, 2015
5,012
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.67 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME 3.0 BY BLOODYNOVAK@TUMBLR
  2. DON'T REMOVE CREDIT
  3. DON'T USE AS A BASE CODE
  4. DON'T CLAIM AS YOUR OWN
  5. BASIC RULES THAT RESPECT THE HOURS & HOURS
  6. THAT I SPENT ON THIS THEME APPLY -->
  7.  
  8. <!DOCTYPE html>
  9. <head>
  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. <meta name="color:Text" content="#252525"/>
  18. <meta name="color:Link" content="#CCCCCC"/>
  19. <meta name="color:Background" content="#FFFFFF"/>
  20. <meta name="color:Border" content="#eaeaea"/>
  21.  
  22. <meta name="text:More" content="" />
  23.  
  24. <meta name="image:UpdatesTab Image" content=""/>
  25.  
  26. <meta name="text:SideTitle" content="" />
  27.  
  28. <meta name="if:Show Tags" content"0">
  29.  
  30. <meta name="text:Link 1 URL" content="" />
  31. <meta name="text:Link 1" content="" />
  32. <meta name="text:Link 2 URL" content="" />
  33. <meta name="text:Link 2" content="" />
  34. <meta name="text:Link 3 URL" content="" />
  35. <meta name="text:Link 3" content="" />
  36.  
  37. <!-- jquery for tooltips-->
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:30,
  54.  
  55. tip_fade_speed:300,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67. <!-- ask slide script -->
  68.  
  69. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  70.  
  71. <script language="javascript">
  72. $(document).ready(function() {
  73. $('a#clickbutton').click(function() {
  74. $('.t',this).toggle();
  75. });
  76.  
  77. $("#about").css({"left": "120%"})
  78. $("#clickbutton").toggle(
  79. function () {
  80. $("#about").animate({"left": "50%"}, "slow");
  81. },
  82. function () {
  83. $("#about").animate({"left": "120%"}, "slow");
  84. });
  85. });
  86. </script>
  87.  
  88. <!-- end -->
  89.  
  90. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  91.  
  92. <style type="text/css">
  93.  
  94. ::-webkit-scrollbar {background-color:#fff; border:solid 1px #f3f3f3; height:1px; width:7px}
  95. ::-webkit-scrollbar-thumb:vertical {border-radius:20%;background-color:#f3f3f3; height:50px;border-radius:;border-right:1px solid #d3d7dc; border-left:1px solid #d3d7dc; border-top:1px solid #d3d7dc; border-bottom:1px solid #d3d7dc;}
  96. ::-webkit-scrollbar-thumb:horizontal {border-radius:20%;background-color:#fff; height:4px!important border:1px solid #000;}
  97.  
  98. /* UPDATES WINDOW */
  99.  
  100. #about {
  101. position: fixed;
  102. top:0;
  103. height:100%;
  104. width:450px;
  105. margin-left:-140px;
  106. padding: 20px;
  107. background:white;
  108. color:black;
  109. padding-top:30px;
  110. left:100%;
  111. }
  112.  
  113. #slidecontent {
  114. font:9px;
  115. margin-left:19px;
  116. margin-top:9px;
  117. font-family:arial;
  118. width:280px;
  119.  
  120. }
  121.  
  122. #slidetitle {font-family:times;
  123. color:black;
  124. font-size:10px;
  125. letter-spacing:0.2em;
  126. font-weight:;
  127. font-style:italic;
  128. text-transform:uppercase;
  129. padding-bottom:8px;
  130. padding-top:8px;
  131. text-align:left;
  132. margin-top:20px;
  133. border-left:solid 1px #eee;
  134. padding-left:15px;
  135. }
  136.  
  137. /* UPDATES WINDOW IMAGE */
  138.  
  139. #updatesim {
  140. margin-left:100px;
  141. margin-top:20px;
  142. padding:15px;
  143. }
  144.  
  145. #updatesim img {
  146. border-radius:100%;
  147. width:50px;
  148. height:50px;
  149. }
  150.  
  151. #s-m-t-tooltip{
  152. position:absolute;
  153. margin-top: 15px;
  154. z-index:9999;
  155. background:black;
  156. color:white;
  157. padding:5px;
  158. }
  159.  
  160. /*MAIN*/
  161.  
  162. body {
  163. background:{color:background};
  164. color:{color:text};
  165. font-family:arial;
  166. text-align:left;
  167. letter-spacing:0.1em;
  168. line-height:1.6;
  169. font-size:9px;
  170.  
  171. }
  172.  
  173. blockquote {
  174. padding:5px 0 5px 30px;
  175. border-left:1px dotted {color:Border};
  176. margin-left:30px;
  177. }
  178.  
  179. a {
  180. color:{color:text};
  181. text-decoration:none;
  182. -webkit-transition: all .7s ease-in-out;
  183. -moz-transition: all .7s ease-in-out;
  184. -ms-transition: all .7s ease-in-out;
  185. -o-transition: all .7s ease-in-out;
  186. transition: all .7s ease-in-out;
  187.  
  188. }
  189.  
  190. a:hover {
  191. color:{color:text};
  192. text-decoration:none;
  193. -webkit-transition: all .7s ease-in-out;
  194. -moz-transition: all .7s ease-in-out;
  195. -ms-transition: all .7s ease-in-out;
  196. -o-transition: all .7s ease-in-out;
  197. transition: all .7s ease-in-out;
  198. }
  199.  
  200.  
  201. img{
  202. opacity:1;
  203. border:none;
  204. text-decoration:none;
  205. }
  206.  
  207.  
  208. small {
  209. font-size:7px;}
  210.  
  211. big {
  212. font-size:13px;}
  213.  
  214. #title {
  215. font-size:9px;
  216. text-align:right;
  217. font-family:times;
  218. text-transform:uppercase;
  219. padding-right:10px;
  220. font-style:italic;
  221. letter-spacing:0.3em;
  222. }
  223.  
  224. /* SIDEBAR */
  225.  
  226. #sidebar {
  227. position:fixed;
  228. width:250px;
  229. height:300px;
  230. margin-left:-400px;
  231. margin-top:325px;
  232.  
  233. }
  234.  
  235. /* SECONDARY/SIDEBAR TITLE */
  236.  
  237. #blogtitle {
  238. font-size:21px;
  239. margin-left:45px;
  240. padding:10px;
  241. font-weight:bold;
  242. text-transform:uppercase;
  243. letter-spacing:-2px;
  244. line-height:1.5;
  245. color:black;
  246. font-family:arial;
  247. margin-top:-200px;
  248. }
  249.  
  250. /* FIRST DESC SPACE */
  251.  
  252. #more {
  253. font-size:9px;
  254. width:230px;
  255. letter-spacing:0.5px;
  256. margin-top:0px;
  257. margin-bottom:20px;
  258. margin-left:55px;
  259. text-transform:lowercase;
  260. font-family: arial;
  261. padding-top:10px;
  262. padding-bottom:20px;
  263. border-bottom:1px dotted #eee;
  264. }
  265.  
  266.  
  267. /*LINKS*/
  268.  
  269. #links {
  270. font-size:9px;
  271. margin-left:55px;
  272. margin-top:0px;
  273. width:180px;
  274. display:block;
  275. font-weight:bold;
  276. line-height:2.5;
  277. text-transform:lowercase;
  278. font-family: times;
  279. font-style:italic;
  280. }
  281.  
  282. #links a{
  283. padding:5px;
  284. }
  285.  
  286. /* SECOND DESC SPACE */
  287.  
  288. #desc {
  289. font-size:9px;
  290. width:230px;
  291. letter-spacing:0.5px;
  292. margin-top:20px;
  293. margin-left:55px;
  294. text-transform:lowercase;
  295. font-family: arial;
  296. padding-top:20px;
  297. border-top:1px dotted #eee;
  298. }
  299.  
  300. /*PAGINATION*/
  301.  
  302. #pagination {
  303. font-size:11px;
  304. margin-top:30px;
  305. text-align:center;
  306. margin-left:-85px;
  307. font-style:;
  308. font-weight:800;
  309. }
  310. #pagination a {
  311. padding:0 10px; }
  312.  
  313. /*CONT*/
  314.  
  315. #con {
  316. left:55%;
  317. margin-left:-250px;
  318. position:absolute;
  319. }
  320.  
  321.  
  322. /*POSTS*/
  323.  
  324. #entries {
  325. border-left:1px dotted {color:Border};
  326. padding-left:30px;
  327. margin-top:-35px;
  328. padding:25px;
  329. padding-top:30px;
  330. margin-left:15px;
  331. width:400px;
  332. }
  333.  
  334. #posts {
  335. padding:50px;
  336. width:400px;
  337. {block:IndexPage}
  338. margin-bottom:35px;
  339. {/block:IndexPage}
  340. {block:PermalinkPage}
  341. margin-bottom:50px;
  342. {/block:PermalinkPage}
  343. }
  344.  
  345. #posts img {
  346. max-width:400px;
  347. }
  348.  
  349. #posts img {
  350. max-width:100%;
  351. }
  352. #posts li, #posts blockquote {
  353. padding:5px;
  354. max-width: 100%;}
  355. .caption {width:100%;
  356. margin-top:10px;
  357. text-transform:lowercase;
  358.  
  359. }
  360.  
  361. /*QUOTE*/
  362.  
  363. #titlequote{text-align:center;
  364. font-size:8px;
  365. line-height:18px;
  366. font-weight:;
  367. font-family:arial;
  368. text-transform:uppercase;
  369. padding:20px;
  370. border-left:1px dotted {color:border};
  371. }
  372. #source {
  373. font-size:10px;
  374. margin-top:10px;
  375. margin-left:0 auto;
  376. text-align:center;
  377. letter-spacing:0.1em;
  378. text-transform:lowercase;
  379. border-bottom:1px solid #f3f3f3;
  380. padding:15px;
  381. font-family:times;
  382. font-style:italic;
  383. }
  384.  
  385. /*AUDIO*/
  386.  
  387. .playerbuttonbg {
  388. position: absolute;
  389. left: 15px;
  390. top: 15px;
  391. width: 17px;
  392. height: 17px;
  393. background-color: #ffffff;
  394. padding: 10px;
  395. -webkit-border-radius:;
  396. -moz-border-radius:;
  397. border-radius: ;
  398. opacity: .4;
  399. filter: alpha(opacity=40);
  400. -moz-opacity: 0.4;
  401. -khtml-opacity: 0.4;
  402. transition: opacity .7s ease-in-out;
  403. -moz-transition: opacity .7s ease-in-out;
  404. -webkit-transition: opacity .7s ease-in-out;
  405. }
  406.  
  407. .playerbuttonbg:hover {
  408. opacity: 1;
  409. filter: alpha(opacity=100);
  410. -moz-opacity: 1;
  411. -khtml-opacity: 1;
  412. }
  413.  
  414. .newplayerbutton {
  415. position:relative ;
  416. width: 19px;
  417. height: 19px;
  418. overflow:hidden ;
  419. }
  420.  
  421. .playerbuttonhug {
  422. position: absolute;
  423. top: -18px;
  424. left: -7px;
  425. }
  426.  
  427. .tumblr_audio_player {
  428. height: 90px;
  429. width: 270px;
  430. -moz-transform: scale(0.60, 0.60);
  431. -webkit-transform: scale(0.60, 0.60);
  432. -o-transform: scale(0.60, 0.60);
  433. -ms-transform: scale(0.60, 0.60);
  434. transform: scale(0.60, 0.60);
  435. -moz-transform-origin: top left;
  436. -webkit-transform-origin: top left;
  437. -o-transform-origin: top left;
  438. -ms-transform-origin: top left;
  439. transform-origin: top left;
  440. }
  441.  
  442. .audioimgwrapper {
  443. position: absolute;
  444. left: 0px;
  445. top: 0px;
  446. overflow: hidden;
  447. width: 65px;
  448. height: 65px;
  449. }
  450.  
  451. .audioimgwrapper img {
  452. width:;
  453. height: auto;
  454. -webkit-border-radius:;
  455. -moz-border-radius:;
  456. border-radius:;
  457. }
  458.  
  459. .trackdetails {
  460. width: auto;
  461. display:inline-block;
  462. margin-left: 80px;
  463. min-height: 70px;
  464. padding-left:9px;
  465. border-left:1px solid {color:border};
  466. }
  467.  
  468. .trackdetails a:hover {
  469. color:{color:text};
  470. }
  471.  
  472. .audiowrapper {
  473. position: relative;
  474. display:inline-block;
  475. }
  476.  
  477.  
  478. /*ASKS*/
  479.  
  480. .q {margin-bottom:10px;
  481. }
  482. .as {
  483. font-weight:bold;}
  484.  
  485. .a {
  486. margin-top:10px;
  487. }
  488.  
  489.  
  490. /* CHAT */
  491.  
  492. .chat ol {
  493. padding:0;
  494. list-style:none;
  495. }
  496. .line {padding:5px 0;}
  497.  
  498. .label {font-weight:bold;
  499. }
  500.  
  501.  
  502. /*PERMALINK + NOTES*/
  503.  
  504. #permalink {
  505. margin-top:15px;
  506. font-size:9px;
  507. letter-spacing:;
  508. text-transform:lowercase;
  509. }
  510. #permalink a {
  511. margin-right:10px;
  512. }
  513.  
  514. /* TAGS */
  515.  
  516. .tags {
  517. font-style:italic;
  518. text-align:left;
  519. word-break:normal;
  520. font-size:9px;
  521. letter-spacing:;
  522. opacity:1;
  523. padding:10px;
  524. margin-top:5px;
  525. margin-left:-7px;
  526. {block:ifNotShowTags}
  527. {block:IndexPage}
  528. display:none;
  529. {/block:IndexPage}
  530. {/block:ifNotShowTags}
  531.  
  532. transition: all 0.6s ease-out;
  533. -o-transition: all 0.6s ease-out;
  534. -webkit-transition: all 0.6s ease-out;
  535. -moz-transition: all 0.6s ease-out;
  536.  
  537. }
  538.  
  539. .tags a{
  540. opacity:1;
  541. }
  542.  
  543. .tags a:hover {
  544. opacity:0.5;
  545. }
  546.  
  547. /* PAGENOTES */
  548.  
  549. .pagenotes {
  550. {block:IndexPage}
  551. display: none!important;
  552. {/block:IndexPage}
  553. width:350px;
  554. text-align:center;
  555. padding-left:50px;
  556.  
  557. }
  558. .pagenotes img {
  559. display:none!important;
  560. padding:;
  561. opacity:0.9;
  562.  
  563. }
  564. .pagenotes li {
  565. list-style-type:none;
  566. padding:10px 10px;
  567. padding-bottom:20px;
  568. text-align:left;
  569. margin:20px 0 0 -40px;
  570. border-bottom:1px dotted {color:Border};
  571. }
  572.  
  573. .pagenotes a{
  574. font-style:italic;
  575. }
  576.  
  577. /* CREDIT - PLS DON'T TOUCH - if you dont like the full name on the corner like that, you can change 'bloody themes' to a symbol, just make sure it is noticeable and don't remove it completely ty */
  578.  
  579. #credit {
  580. font-family:arial;
  581. position:fixed;
  582. bottom:0px;
  583. right:0px;
  584. font-size:6.5px;
  585. letter-spacing:0.3em;
  586. padding:8px;
  587. opacity:0.7;
  588. padding-bottom:4px;
  589. text-transform:uppercase;
  590.  
  591. }
  592.  
  593. #credit a:hover {
  594. color:{color:text};
  595. }
  596.  
  597.  
  598. {CustomCSS}
  599.  
  600. </style></head>
  601. <body>
  602.  
  603. <div id="con">
  604.  
  605. <div id="sidebar">
  606.  
  607. <div id="blogtitle">
  608.  
  609. <a href="/"> {text:SideTitle} </a></div>
  610.  
  611. <div id="more">{text:More}</div>
  612.  
  613. <div id="links">
  614.  
  615. <a href="/"> 1. return</a>
  616. <a href="/ask"> 2. inbox</a>
  617. <!-- here you can change the link name to updates or smth like that -->
  618. <a id="clickbutton" class="t" style="cursor:pointer;"><span class="t"> 3. more</span><span class="t" style="display:none">3. less</span></a><br>
  619.  
  620. {block:ifLink1}<a href="{text:Link 1 URL}" >4. {text:Link 1}</a>{/block:ifLink1}
  621. {block:ifLink2}<a href="{text:Link 2 URL}" >5. {text:Link 2}</a>{/block:ifLink2}
  622. {block:ifLink3}<a href="{text:Link 3 URL}" >6. {text:Link 3}</a>{/block:ifLink3}
  623.  
  624. </div>
  625.  
  626. <div id="desc"> {Description} </div>
  627.  
  628.  
  629. <div id="pagination">
  630. {block:Pagination}
  631. {block:PreviousPage}
  632. &nbsp; <a href="{PreviousPage}"> - </a>
  633. {/block:PreviousPage}
  634. &nbsp;
  635.  
  636. {block:NextPage}
  637. &nbsp; <a href="{NextPage}"> + </a>
  638. {/block:NextPage}
  639. {/block:Pagination}
  640. </div>
  641.  
  642.  
  643. </div>
  644.  
  645. <div id="entries">
  646.  
  647. {block:Posts}
  648. <div id="posts">
  649.  
  650.  
  651. {block:Quote}
  652.  
  653. <div id="titlequote">“{Quote}”</div>
  654. {block:Source}<div id="source"> {Source}</div>{/block:Source}
  655. {/block:Quote}
  656.  
  657. {block:Text}
  658.  
  659. {block:Title}
  660. <div id="title"><a style="">{Title}</a></div>{/block:Title}
  661. {Body}
  662. {/block:Text}
  663.  
  664. {block:Link}
  665. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  666. {/block:Link}
  667.  
  668. {block:Chat}
  669. {block:Title}
  670. <h1>{Title}</h1>
  671. {/block:Title}
  672. <div class="chat">
  673. <ol>{block:Lines}
  674. <li class="line {Alt}">
  675. {block:Label}
  676. <span class="label">
  677. {Label}</span>
  678. {/block:Label}{Line}</li>
  679. {/block:Lines}
  680. </ol></div>
  681. {/block:Chat}
  682.  
  683. {block:Photo}
  684. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  685. {/block:Photo}
  686.  
  687. {block:Photoset}
  688. {Photoset-400}
  689. {/block:Photoset}
  690.  
  691. {block:Video}
  692. {Video-400}
  693. {/block:Video}
  694.  
  695. {block:AudioPlayer}
  696. <div class="audiowrapper">
  697. {block:AlbumArt}
  698. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  699. {/block:AlbumArt}
  700.  
  701. <div class="playerbuttonbg">
  702. <div class="newplayerbutton">
  703. <div class="playerbuttonhug">
  704.  
  705. {AudioPlayerWhite}
  706.  
  707. </div>
  708. </div>
  709. </div>
  710.  
  711. <div class="trackdetails">
  712.  
  713. <b> <a style="letter-spacing:0.9px; font-size:8px; text-transform:uppercase; font-weight:800;"> {block:TrackName}{TrackName}{/block:TrackName}</a></b><br/>
  714. <b> {block:Artist}Artist:</b> {Artist}{/block:Artist}<br/>
  715. <b> {block:Album}Album:</b> {Album}{/block:Album}<br/>
  716.  
  717.  
  718. </div>
  719. </div>
  720. {/block:AudioPlayer}
  721.  
  722.  
  723. {block:Answer}
  724. <div class="q">
  725. <div class="as"><a style="">{Asker}: </a> </div>
  726. {Question}</div>
  727. <div class="a">{Answer}</div>
  728. {/block:Answer}
  729.  
  730. {block:Caption}<div class="caption"> {Caption}</div>{/block:Caption}
  731.  
  732.  
  733. <div id="permalink">
  734. {block:Date}
  735. {shortmonth} {dayofmonth}{dayofmonthsuffix} {year}
  736. {/block:Date} &nbsp;
  737. // {block:NoteCount}<a href="{Permalink}"> &nbsp; {NoteCount} </a>{/block:NoteCount}
  738. // {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  739.  
  740. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">.{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  741. </div>
  742.  
  743. </div>
  744.  
  745.  
  746. {block:PostNotes}
  747. <div class="pagenotes">
  748. {PostNotes}
  749. </div>
  750. {/block:PostNotes}
  751.  
  752.  
  753. {/block:Posts}
  754.  
  755. </div>
  756.  
  757. </div>
  758.  
  759. <!-- UPDATES WINDOW -->
  760.  
  761. <div id="about">
  762.  
  763. <div id="updatesim"> <img src="{image:UpdatesTab Image}"> </div>
  764.  
  765. <div id="slidetitle"> Title </div>
  766.  
  767. <div id="slidecontent"> update content
  768. </div>
  769.  
  770.  
  771. <div id="slidetitle"> Title </div>
  772.  
  773. <div id="slidecontent"> more content
  774. </div>
  775.  
  776.  
  777. <div id="slidetitle"> Title </div>
  778.  
  779. <div id="slidecontent"> excessive content
  780. </div>
  781.  
  782. <!-- END OF UPDATES WINDOW -->
  783.  
  784. <div id="credit"><a href="https://bloodynovak.tumblr.com"> bloody themes</a></div>
  785.  
  786. </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!