API tools faq
paste
precioussammy

stardust dark

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