API tools faq
paste
precioussammy

rise

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