API tools faq
paste
precioussammy

stardust light

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