API tools faq
paste
precioussammy

angel

precioussammy
Dec 29th, 2014
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:description}
  8. <meta name="description" content="{Metadescription}" />
  9. {/block:description}
  10.  
  11. <head>
  12.  
  13. <!--
  14. © sunshinesthemes.tumblr.com | Base Code 1
  15. edited and created by precioussammy.tumblr.com
  16. -->
  17.  
  18. <!-- defaults -->
  19.  
  20. <!-- images -->
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Sidebar" content="" />
  24.  
  25. <!-- colors -->
  26.  
  27. <meta name="color:Background" content="#ffffff" />
  28. <meta name="color:SidebarBackground" content="#000000" />
  29. <meta name="color:Body" content="#000000" />
  30. <meta name="color:Title" content="#000000" />
  31. <meta name="color:description" content="#000000" />
  32. <meta name="color:Info" content="#000000" />
  33. <meta name="color:Border" content="#eeeeee" />
  34. <meta name="color:Italic" content="#faacd7" />
  35. <meta name="color:NoteCount" content="#000000" />
  36. <meta name="color:Bold" content="#000000" />
  37.  
  38. <meta name="color:Tags" content="#000000" />
  39. <meta name="color:TagsHover" content="#ffffff" />
  40.  
  41. <meta name="color:Pagination" content="#000000" />
  42. <meta name="color:PaginationHover" content="#000000" />
  43.  
  44. <meta name="color:Links" content="#000000" />
  45. <meta name="color:LinksHover" content="#000000" />
  46.  
  47. <meta name="color:SidebarLinks" content="#000000" />
  48. <meta name="color:SidebarLinksHover" content="#000000" />
  49.  
  50. <!-- links/text -->
  51.  
  52. <meta name="text:Link1" content="/" />
  53. <meta name="text:Link1 Title" content="link" />
  54. <meta name="text:Link2" content="/" />
  55. <meta name="text:Link2 Title" content="link" />
  56. <meta name="text:Link3" content="/" />
  57. <meta name="text:Link3 Title" content="link" />
  58. <meta name="text:Link4" content="/" />
  59. <meta name="text:Link4 Title" content="link" />
  60.  
  61. <!-- tooltips -->
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <!--fonts (if you use them) -->
  79.  
  80. <script type="text/javascript">
  81. WebFontConfig = {
  82. google: { families: [ 'Raleway:900:latin' ] }
  83. };
  84. (function() {
  85. var wf = document.createElement('script');
  86. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  87. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  88. wf.type = 'text/javascript';
  89. wf.async = 'true';
  90. var s = document.getElementsByTagName('script')[0];
  91. s.parentNode.insertBefore(wf, s);
  92. })(); </script>
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97. /* scroll bar */
  98.  
  99. ::-webkit-scrollbar-thumb {
  100. background:#ccc;
  101. border: 1px solid white;
  102. height:auto;
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106. height:9px;
  107. width:0px;
  108. background:#ccc;
  109. border:4px solid white;
  110. }
  111.  
  112. ::selection {
  113. background:white;
  114. }
  115.  
  116. /* body/post defaults */
  117.  
  118. h1 {
  119. font-size: 7px;
  120. text-transform: uppercase;
  121. font-family: Century Gothic;
  122. letter-spacing: 1px;
  123. color:{color:Body};
  124. }
  125.  
  126. body {
  127. background:{color:Background};
  128. background-image:url('{image:Background}');
  129. color:{color:Body};
  130. margin:0px;
  131. font-family:Calibri;
  132. font-style:none;
  133. font-size:9px;
  134. line-height:100%;
  135. cursor: url(http://i.imgur.com/ZOrzC.png), progress;
  136. }
  137.  
  138. a:link, a:active {
  139. text-decoration:none;
  140. color:{color:Links};
  141. }
  142.  
  143. a:visited {
  144. text-decoration:none;
  145. color:{color:Links};
  146. }
  147.  
  148. a:hover {
  149. text-decoration:none;
  150. color:{color:LinksHover};
  151. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  152. -webkit-transition: all .8s linear;
  153. }
  154.  
  155. b, strong, .strong {
  156. color:{color:Bold};
  157. }
  158.  
  159. i, em, .em {
  160. color:{color:Italic};
  161. }
  162.  
  163. small{
  164. font-size:7px;
  165. }
  166.  
  167. big{
  168. font-size:12px;
  169. }
  170.  
  171. blockquote {
  172. padding-left:5px;
  173. border-left:2px solid {color:Body};
  174. }
  175.  
  176. img {
  177. border:none;
  178. }
  179.  
  180. /* tumblr controls */
  181.  
  182. iframe#tumblr_controls{
  183. white-space:nowrap;
  184. -webkit-filter: invert(100%);
  185. -moz-filter: invert(100%);
  186. -o-filter: invert(100%);
  187. -ms-filter: invert(100%);
  188. filter: invert(100%);
  189. opacity:.7;
  190. -webkit-transition: all .8s linear;
  191. }
  192.  
  193. /* posts */
  194.  
  195. #entries {
  196. position:absolute;
  197. width:400px;
  198. height:auto;
  199. margin-left:400px;
  200. margin-top:50px;
  201. margin-bottom:50px;
  202. z-index:1;
  203. }
  204.  
  205. #post {
  206. width:400px;
  207. height:auto;
  208. margin-top:20px;
  209. padding:10px;
  210. border: 1px solid {color:Border};
  211. box-shadow:1px 1px 5px rgba(0,0,0,.1);
  212. background:white;
  213. }
  214.  
  215. /* sidebar */
  216.  
  217. #sidebar {
  218. width:250px;
  219. height:310px;
  220. position:fixed;
  221. margin-left:100px;
  222. margin-top:150px;
  223. background:{color:Background};
  224. z-index:0;
  225. border-radius:0%;
  226. }
  227.  
  228. #photo img {
  229. width:100px;
  230. height:100px;
  231. margin-top:45px;
  232. margin-left:60px;
  233. position:fixed;
  234. border:10px solid {color:Border};
  235. box-shadow:1px 1px 5px rgba(0,0,0,.1);
  236. z-index:4;
  237. -webkit-transition: all .8s linear;
  238. }
  239.  
  240. #sidebar:hover #photo img{
  241. opacity:0.1;
  242. -webkit-transition: all .8s linear;
  243. }
  244.  
  245. #sidebar:hover #description{
  246. opacity:1;
  247. -webkit-transition: all .8s linear;
  248. }
  249.  
  250. #sidebar:hover #lol{
  251. height:87px;
  252. width:10px;
  253. margin-left:65px;
  254. background:{color:SidebarLinksHover};
  255. -webkit-transition: all .8s linear;
  256. }
  257.  
  258. #sidebar:hover #links{
  259. margin-left:45px;
  260. -webkit-transition: all .8s linear;
  261. }
  262.  
  263. #sidebar:hover #pagination{
  264. opacity:1;
  265. -webkit-transition: all .8s linear;
  266. }
  267.  
  268. #title {
  269. width:90px;
  270. position:fixed;
  271. font-size:15px;
  272. letter-spacing:0px;
  273. line-height:15px;
  274. margin-top:175px;
  275. margin-left:85px;
  276. margin-bottom:1px;
  277. text-transform: uppercase;
  278. font-family: 'Raleway', sans-serif;
  279. color:{color:Title};
  280. -webkit-transition: all 0.8s ease-out;
  281. -moz-transition: all 0.8s ease-out;
  282. transition: all 0.8s ease-out;
  283. }
  284.  
  285. #sidebar:hover #title {
  286. margin-top:105px;
  287. opacity:0;
  288. -webkit-transition: all 0.8s ease-out;
  289. -moz-transition: all 0.8s ease-out;
  290. transition: all 0.8s ease-out;
  291. }
  292.  
  293. /* links */
  294.  
  295. #links {
  296. position:fixed;
  297. width:100px;
  298. height:auto;
  299. margin-top:75px;
  300. margin-left:100px;
  301. -webkit-transition: all .8s linear;
  302. }
  303.  
  304. #links a{
  305. color:{color:SidebarLinks};
  306. font-size:10px;
  307. -webkit-transition: all .8s linear;
  308. }
  309.  
  310. #links a:hover {
  311. color:{color:SidebarLinksHover};
  312. -webkit-transition: all .8s linear;
  313. }
  314.  
  315. #lol {
  316. position:fixed;
  317. width:6px;
  318. height:150px;
  319. margin-top:63px;
  320. margin-left:70px;
  321. z-index:4;
  322. background:{color:SidebarLinks};
  323. color:{color:SidebarLinks};
  324. -webkit-transition: all .8s linear;
  325. }
  326.  
  327.  
  328. /* tooltips appearance */
  329.  
  330. #s-m-t-tooltip {
  331. display:inline-block;
  332. text-align:center;
  333. color:black;
  334. font-style:bold;
  335. background:white;
  336. font-size: 6px;
  337. text-transform: uppercase;
  338. font-family: Century Gothic;
  339. letter-spacing: 1px;
  340. border-radius:2px;
  341. max-width:100px;
  342. padding:2px 3px 3px 2px;
  343. margin:20px 0px 0px 20px;
  344. z-index:9999999999999;
  345. border:1px solid {color:Border};
  346. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  347. }
  348.  
  349. /* description */
  350.  
  351. #description {
  352. position:absolute;
  353. font-size:10px;
  354. color:{color:description};
  355. margin-top:50px;
  356. margin-left:72px;
  357. width:80px;
  358. height:90px;
  359. border:10px solid {color:Border};
  360. overflow:hidden;
  361. text-align:justify;
  362. padding:0px;
  363. opacity:0;
  364. z-index:10;
  365. -webkit-transition: all .8s linear;
  366. }
  367.  
  368. #description a {
  369. color:{color:description};
  370. }
  371.  
  372.  
  373. /* pagi */
  374.  
  375. #pagination {
  376. width:100px;
  377. margin-top:160px;
  378. margin-left:110px;
  379. text-align:left;
  380. position:fixed;
  381. padding:5px;
  382. font-size: 9px;
  383. opacity:0;
  384. font-family: Consolas;
  385. color:{color:Pagination};
  386. }
  387.  
  388. #pagination a {
  389. color:{color:Pagination};
  390. }
  391.  
  392. #pagination a:hover {
  393. color:{color:PaginationHover};
  394. }
  395.  
  396. /* post info */
  397.  
  398. #postinfo {
  399. margin-top:5px;
  400. padding:5px;
  401. color:{color:Info};
  402. border-top:1px solid {color:Border};
  403. }
  404.  
  405. /* via & source */
  406.  
  407. #info {
  408. margin-bottom:5px;
  409. text-align:right;
  410. text-transform:uppercase;
  411. font-size:8px;
  412. font-style:none;
  413. }
  414.  
  415. /* tags */
  416.  
  417. #tags {
  418. width:490px;
  419. height:auto;
  420. color:{color:Tags};
  421. margin-top:5px;
  422. text-align:left;
  423. -webkit-transition: all .8s linear;
  424. }
  425.  
  426. #tags a {
  427. display:inline;
  428. text-transform:none;
  429. font-family:cambria;
  430. font-style:italic;
  431. color:{color:Tags};
  432. font-size:8px;
  433. padding:2px;
  434. letter-spacing:1px;
  435. line-height:120%;
  436. border-left:1px solid {color:Border};
  437. -webkit-transition: all .8s linear;
  438. }
  439.  
  440. #tags a:hover {
  441. color:{color:TagsHover};
  442. -webkit-transition: all .8s linear;
  443. border-left:10px solid {color:LinksHover};
  444. -webkit-transition: all .8s linear;
  445. }
  446.  
  447.  
  448. /* asks */
  449.  
  450. #question {
  451. height:auto;
  452. width:auto;
  453. padding:10px;
  454. border-left:10px solid {color:LinksHover};
  455. text-align:left;
  456. }
  457.  
  458. #question a{
  459. text-transform:none;
  460. font-style:none;
  461. }
  462.  
  463. #asker img {
  464. border:5px solid {color:linkshover};
  465. }
  466.  
  467. #asker {
  468. display:block;
  469. margin-top:0px;
  470. font-size: 7px;
  471. text-transform: uppercase;
  472. font-family: Century Gothic;
  473. letter-spacing: 1px;
  474. color:{color:Asker};
  475. }
  476.  
  477. #answer {
  478. text-transform:none;
  479. font-style:none;
  480. text-align:left;
  481. padding:10px;
  482. height:auto;
  483. }
  484.  
  485. #answer a{
  486. text-align:left;
  487. }
  488.  
  489. /* audio player */
  490.  
  491. .cover {
  492. width:80px;
  493. height:80px;
  494. padding:5px;
  495. margin-top:0px;
  496. border:1px solid {color:Border};
  497. }
  498.  
  499. .playbox {
  500. background:white;
  501. position: absolute;
  502. z-index: 1000;
  503. margin-top: -65px;
  504. margin-left: 26px;
  505. border-radius:100%;
  506. opacity:.5;
  507. -webkit-transition: all .8s linear;
  508. }
  509.  
  510. .playbox:hover {
  511. opacity:1;
  512. -webkit-transition: all .8s linear;
  513. }
  514.  
  515. .playbutton {
  516. width: 20px;
  517. height: 30px;
  518. overflow: hidden;
  519. position: relative;
  520. z-index: 1000;
  521. margin: 5px 14px 3px 6px;
  522. }
  523.  
  524. .audioinfo {
  525. display:block;
  526. margin-top:-75px;
  527. margin-left:100px;
  528. width:auto;
  529. height:auto;
  530. text-align:left;
  531. padding:5px;
  532. font-size: 7px;
  533. text-transform: uppercase;
  534. font-family: Century Gothic;
  535. letter-spacing: 1px;
  536. border-left:10px solid {color:linkshover};
  537. }
  538.  
  539. /* quotes */
  540.  
  541. .quote{
  542. text-align:left;
  543. font-size: 7px;
  544. text-transform: uppercase;
  545. font-family: Century Gothic;
  546. letter-spacing: 1px;
  547. border-left:10px solid {color:linkshover};
  548. padding:5px;
  549. }
  550.  
  551. .source {
  552. text-align:left;
  553. font-size: 7px;
  554. text-transform: uppercase;
  555. font-family: Century Gothic;
  556. letter-spacing: 1px;
  557. padding:5px;
  558. margin-left:30px;
  559. margin-top:5px;
  560. }
  561.  
  562. /* credit */
  563.  
  564. #cred {
  565. position:fixed;
  566. right:-160px;
  567. bottom:10px;
  568. padding:5px;
  569. width:auto;
  570. height:auto;
  571. background:white;
  572. color:{color:Body};
  573. border: 1px solid {color:Border};
  574. -webkit-transition: all 1s linear;
  575. }
  576.  
  577. #cred a{
  578. text-align:center;
  579. color:{color:Body};
  580. font-style:bold;
  581. font-size: 6px;
  582. text-transform: uppercase;
  583. font-family: Century Gothic;
  584. letter-spacing: 1px;
  585. border-radius:2px;
  586. }
  587.  
  588. #cred img {
  589. height:auto;
  590. width:auto;
  591. position:fixed;
  592. bottom:10px;
  593. right:10px;
  594. -webkit-transition: all 1s linear;
  595. }
  596.  
  597. #cred:hover {
  598. right:30px;
  599. -webkit-transition: all 1s linear;
  600. }
  601.  
  602. </style>
  603.  
  604. <div id="sidebar">
  605. {block:Pagination}
  606. <div id="pagination">
  607. {block:PreviousPage}
  608. <a href="{PreviousPage}">-</a>
  609. {/block:PreviousPage}
  610.  
  611.  
  612. {block:NextPage}
  613. <a href="{NextPage}">+</a>
  614. {/block:NextPage}
  615. </div>
  616. {/block:Pagination}
  617.  
  618. <div id="lol"></div>
  619.  
  620. <div id="description">{description}</div>
  621.  
  622. <div id="photo"><img src="{image:sidebar}"></div>
  623.  
  624. <div id="links">
  625. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<br><br>
  626. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}<br><br>
  627. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}<br><br>
  628. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  629. </div>
  630.  
  631.  
  632. <div id="title">{Title}</div>
  633.  
  634. </div>
  635.  
  636. <div id="entries">
  637.  
  638. {block:Posts}
  639.  
  640. <div id="post">
  641.  
  642. {block:Text}
  643. <h1>{block:Title}<b>{Title}</b>{/block:Title}</h1>
  644. {Body}
  645. {/block:Text}
  646.  
  647. {block:Photo}
  648. {LinkOpenTag}
  649. <img src="{PhotoURL-400}" />
  650. {LinkCloseTag}
  651. {block:Caption}{Caption}{/block:Caption}
  652. {/block:Photo}
  653.  
  654. {block:Photoset}
  655. {Photoset-400}
  656. {block:Caption}{Caption}{/block:Caption}
  657. {/block:Photoset}
  658.  
  659. {block:Link}
  660. <h1><b><a href="{URL}" {Target}>{Name}</a></b></h1>
  661. {block:description}{description}{/block:description}
  662. {/block:Link}
  663.  
  664. {block:Chat}
  665. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  666. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  667. {/block:Chat}
  668.  
  669. {block:Video}
  670. {Video-400}
  671. {block:Caption}{Caption}{/block:Caption}
  672. {/block:Video}
  673.  
  674. {block:Quote}
  675. <div class="quote">
  676. ❝{Quote}❞
  677. </div>
  678. {block:Source}<div class="source"><b>-{Source}</b></div>{/block:Source}
  679. {/block:Quote}
  680.  
  681. {block:Answer}
  682.  
  683. <div id="asker"><b>{Asker}</b> asked:</div>
  684. <div id="question">{Question}</div>
  685. <div id="answer">{Answer}</div>
  686. {/block:Answer}
  687.  
  688. {block:Audio}
  689. {block:AlbumArt}
  690. <img src="{AlbumArtURL}" class="cover" />
  691. {/block:AlbumArt}
  692.  
  693. <div class="playbox"><div class="playbutton">
  694. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  695. </div>
  696. </div>
  697.  
  698. <div class="audioinfo">
  699. {block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}
  700. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  701. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  702. </div>
  703. {/block:Audio}
  704.  
  705. <div id="postinfo">
  706.  
  707. <div id="info">
  708.  
  709. <a href="{ReblogURL}" target="_blank" title="reblog?" style="padding:5px;" />reblog</a>
  710.  
  711. {block:NoteCount}
  712. {TimeAgo}<a href="{Permalink}">
  713. <font color="{color:NoteCount}">{NoteCount}</font></a>
  714. {/block:NoteCount}
  715.  
  716.  
  717. {block:RebloggedFrom}
  718. <a href="{ReblogParentURL}">via</a>
  719. {/block:RebloggedFrom}
  720.  
  721. {block:ContentSource}
  722. <a href="{SourceURL}">source</a>
  723. {/block:ContentSource}
  724. </div> <!-- end info -->
  725.  
  726. {block:HasTags}
  727. <div id="tags">
  728. {block:Tags}<a href="{TagURL}">{Tag},</a>
  729. {/block:Tags}</div>
  730. {/block:HasTags}
  731.  
  732. </div> <!-- end post info -->
  733.  
  734. </div>
  735.  
  736. {block:PostNotes}
  737. <div id="notes">{PostNotes}</div>
  738. {/block:PostNotes}
  739. {/block:Posts}
  740.  
  741. </div>
  742.  
  743. <div id="cred"><a href="http://precioussammy.tumblr.com/"><img src="http://static.tumblr.com/d3afqhp/CYZnbyomn/tumblr_lm6ow3rkt81qfoi4t.gif">precioussammy</a></div>
  744.  
  745. </body>
  746. </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!