API tools faq
paste
precioussammy

night

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