API tools faq
paste
Advertisement
Billiondays

Theme 20 - billiondays

Billiondays
Sep 1st, 2013
501
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.66 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.  
  3. <!-----------------
  4. Theme by Dagmar -
  5. ╭╮╱╱╭╮╭╮╱╱╱╱╱╱╱╱╱╭╮
  6. ┃┃╱╱┃┃┃┃╱╱╱╱╱╱╱╱╱┃┃
  7. ┃╰━┳┫┃┃┃╭┳━━┳━╮╭━╯┣━━┳╮╱╭┳━━╮
  8. ┃╭╮┣┫┃┃┃┣┫╭╮┃╭╮┫╭╮┃╭╮┃┃╱┃┃━━┫
  9. ┃╰╯┃┃╰┫╰┫┃╰╯┃┃┃┃╰╯┃╭╮┃╰━╯┣━━┃
  10. ╰━━┻┻━┻━┻┻━━┻╯╰┻━━┻╯╰┻━╮╭┻━━╯
  11. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  12. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  13.  
  14. Do not remove credit please.
  15. ------------->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:Link" content="#b8b8b8"/>
  28. <meta name="color:Hover" content="#f2f2f2"/>
  29. <meta name="color:Post" content="#ffffff"/>
  30. <meta name="color:askbg" content="#ffffff"/>
  31. <meta name="color:Answer" content="#f8f8f8"/>
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 1 Text" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 2 Text" content="" />
  37. <meta name="color:scrollbarbg" content="ffffff"/>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. #bite
  43. #bite a{
  44. display:block
  45. }
  46. #bite .death {
  47. margin-right:0px;filter: alpha(opacity = 0);
  48. opacity:0;-webkit-transition: all 0.5s ease-out;
  49. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  50. }
  51.  
  52. #bite:hover .death {
  53. margin-left:0px;
  54.  
  55. -webkit-transition: all 0.8s ease-out;
  56. -moz-transition: all 0.8s ease-out;
  57. transition: all 0.8s ease-out;
  58. filter: alpha(opacity = 100);
  59. filter: alpha(opacity = 100);
  60. opacity:8;
  61. }
  62.  
  63. /* --- SCROLLBAR ---*/
  64.  
  65. ::-webkit-scrollbar {
  66. width: 5px;height: 5px;}
  67. ::-webkit-scrollbar-button:start:decrement,
  68. ::-webkit-scrollbar-button:end:increment {
  69. height: 6px;display: block;background-color: {color:white};}
  70. ::-webkit-scrollbar-track-piece {
  71. background-color: {color:scrollbarbg};}
  72. ::-webkit-scrollbar-thumb:vertical {
  73. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  74.  
  75.  
  76. /* --- BODY ---*/
  77.  
  78. body {
  79. background:{color:background};
  80. margin:0px;
  81. color:{color:text};
  82. font-family:Calibri;
  83. font-size:10px;
  84. line-height:110%;
  85. }
  86.  
  87. a {
  88. text-decoration:none;
  89. outline:none;
  90. -moz-outline-style:none;
  91. color:{color:link};
  92. }
  93.  
  94. img {
  95. border:none;
  96. }
  97.  
  98. blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:5px;
  105. border-left:2px solid;
  106. }
  107.  
  108. h1 {
  109. font-size:15px;
  110. text-transform:uppercase;
  111. text-align:center;
  112. }
  113.  
  114. a:hover {
  115. opacity:10;
  116. color:{color:hover};
  117. -webkit-transition: all 0.7s ease;
  118. -moz-transition: all 0.7s ease;
  119. -o-transition: all 0.7s ease
  120. }
  121.  
  122. /* --- POST ENTRIES ---*/
  123.  
  124.  
  125. #entries {
  126. padding:20px;
  127. width:500px;
  128. margin-left:430px;
  129. margin-top:0px;
  130. font-size:10px;
  131. }
  132.  
  133. /* --- BODY: POSTS ---*/
  134.  
  135.  
  136. #post {
  137. width:500px;
  138. padding-bottom:550px;
  139. padding:20px;
  140. margin-top:-5px;
  141. background-color:{color:Post};
  142. }
  143.  
  144. /* --- SIDEBAR IMAGE ---*/
  145.  
  146.  
  147. #sidebar {
  148. width:135px;
  149. height:135px;
  150. position:fixed;
  151. margin-left:180px;
  152. margin-top:300px;
  153. opacity:10;
  154. background-color:{color:Sidebar};
  155. }
  156.  
  157. #sidebarimage {
  158. padding:6px;
  159. margin-left:-14px;
  160. width:135px;
  161. height:135px;
  162. }
  163.  
  164. #sidebarimage img {
  165. width:170px;
  166.  
  167. }
  168.  
  169.  
  170. /* --- SIDEBAR LINKS ---*/
  171.  
  172. .links {
  173. width:154px;
  174. height:10px;
  175. padding:8px;
  176. font-size:10px;
  177. font-family:'calibri';
  178. text-align:center;
  179. margin-top:-154px;
  180. margin-left:20px;
  181. text-align:center;
  182. text-transform:uppercase;
  183. word-spacing:1px;
  184. position:fixed;
  185. letter-spacing:1px;
  186. background-color:#000;
  187. padding-bottom:7px;
  188. -moz-transition-duration:0.4s;
  189. -webkit-transition-duration:0.4s;
  190. -o-transition-duration:0.4s;
  191. }
  192.  
  193. .links a {
  194. color:#fff;
  195. display:inline;
  196. width:27px;
  197. padding:2px;
  198. font-size: 11px;
  199. -moz-transition-duration:0.4s;
  200. -webkit-transition-duration:0.4s;
  201. -o-transition-duration:0.4s;
  202. }
  203.  
  204. .links a:hover {
  205.  
  206. color:#000;
  207. -moz-transition-duration:0.4s;
  208. -webkit-transition-duration:0.4s;
  209. -o-transition-duration:0.4s;
  210. }
  211.  
  212.  
  213. /* --- DESCRIPTION ---*/
  214.  
  215. #description {
  216. z-index:-999999999999;
  217. background-color:#000;
  218. border:10px double #fff;
  219. position:absolute;
  220. font-family:calibri;
  221. line-height:120%;
  222. font-size:10px;
  223. width:140px;
  224. text-transform:uppercase;
  225. color:#fff;
  226. letter-spacing:1px;
  227. padding:8px;
  228. margin-top:-5px;
  229. margin-left:-3px;
  230. text-align:justify;
  231. color:#fff;
  232. }
  233.  
  234. #description a { color:#fff; padding:4px; -moz-transition-duration:0.4s;
  235. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  236.  
  237. /* --- PAGINATION---*/
  238.  
  239.  
  240. #pagination {
  241. background-color:#000;
  242. width:166px;
  243. color:#fff;
  244. padding:2px;
  245. font-size:8px;
  246. text-align:center;
  247. margin-left:-15px;
  248. margin-top:15px;
  249. position:fixed;
  250. font-family:consolas;;
  251. }
  252.  
  253. #pagination a{
  254. color:#fff;
  255. font-size:8px;
  256. letter-spacing:-7px
  257. }
  258.  
  259. #pagination a:hover {
  260. color:#000;
  261. }}
  262.  
  263. /* --- POST INFO ---*/
  264.  
  265.  
  266.  
  267. .swag {
  268. border-top:2px solid #000;
  269. width:495px;
  270. padding:2px;
  271. font-family:arial;
  272. font-size:7px;
  273. color:{color:link};
  274. text-transform:uppercase;
  275. font-style:normal;
  276. letter-spacing:2px;
  277. text-align:left;
  278. -moz-transition-duration:0.5s;
  279. -webkit-transition-duration:0.5s;
  280. -o-transition-duration:0.5s;
  281. }
  282.  
  283. .swag a {
  284. text-align:center;
  285. letter-spacing:1px;
  286. padding:5px;
  287. font-style:normal;
  288. -moz-transition-duration:0.4s;
  289. -webkit-transition-duration:0.4s;
  290. -o-transition-duration:0.4s;
  291. }
  292.  
  293. .swag a:hover {
  294. color:#fff;
  295. -moz-transition-duration:0.4s;
  296. -webkit-transition-duration:0.4s;
  297. -o-transition-duration:0.4s;
  298. }
  299.  
  300.  
  301. .source {
  302. width:490px;
  303. padding:2px;
  304. font-family:ARIAL;
  305. font-size:7px;
  306. margin-top:-15px;
  307. color:#fff;
  308. MARGIN-LEFT:7PX;
  309. text-transform:uppercase;
  310. font-style:normal;
  311. letter-spacing:1px;
  312. text-align:right;
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. -o-transition-duration:0.5s;
  316. }
  317.  
  318. .source a {
  319. background-color:#000;
  320. color:#fff;
  321. text-align:center;
  322. letter-spacing:1px;
  323. padding:4px;
  324. word-spacing:-5px;
  325. font-style:bold;
  326. -moz-transition-duration:0.4s;
  327. -webkit-transition-duration:0.4s;
  328. -o-transition-duration:0.4s;
  329. }
  330.  
  331. .source a:hover {
  332. color:#000;
  333. background-color:#fff;
  334. -moz-transition-duration:0.4s;
  335. -webkit-transition-duration:0.4s;
  336. -o-transition-duration:0.4s;}
  337.  
  338.  
  339.  
  340. .source a:hover {
  341. color:#000;
  342. background-color:#fff;
  343. -moz-transition-duration:0.4s;
  344. -webkit-transition-duration:0.4s;
  345. -o-transition-duration:0.4s;}
  346. /* --- TOOL TIP FOR INFO | DO NOT REMOVE ---*/
  347.  
  348. #s-m-t-tooltip {
  349.  
  350. max-width:300px;
  351.  
  352. padding:3px 4px 5px 4px;
  353.  
  354. margin:20px 0px 0px 20px;
  355.  
  356. background-color:#000; /* change the background color */
  357.  
  358. font-family:cambria; /* change the font */
  359.  
  360. font-size:8px; /* change the font size */
  361.  
  362. letter-spacing:2px; /* change the letter spacing */
  363.  
  364. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  365.  
  366. color:#FFF; /* change the text color */
  367.  
  368. z-index:999999999999999999999999999999999999;
  369.  
  370. line-height:100%;
  371.  
  372. }
  373.  
  374. /* --- POST TAGS---*/
  375.  
  376. #tags {
  377. padding:10px;
  378. font-family:arial;
  379. letter-spacing:0px;
  380. text-transform:uppercase;
  381. font-size:7px;
  382. margin-top:0px;
  383. padding-left:0px;
  384. text-align:left;
  385. }
  386.  
  387. #tags a {
  388. display:inline;
  389. padding:3px;
  390. text-align:left;
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  395.  
  396. #tags a:hover {
  397. color:#fff;
  398. }
  399.  
  400.  
  401. /* --- QUESTIONS ---*/
  402.  
  403.  
  404. #asker {
  405. font-size:10px;
  406. color:#fff;
  407. width:475px;
  408. padding:10px;
  409. font-family:arial;
  410. letter-spacing:0px;
  411. text-align:left;
  412. margin-left:1px;
  413. background-color:{color:askbg};
  414. }
  415.  
  416. #asker a{
  417. color:{color:asktext};
  418. }
  419.  
  420. #asker a:hover {
  421. text-decoration:underline;
  422. -moz-transition: all 0.6s ease-in-out;
  423. -o-transition: all 0.6s ease-in-out;
  424. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out
  425. }
  426.  
  427. #answer {
  428. margin-left:20px;
  429. margin-top:-20px;
  430. font-size:10px;
  431. font-family:arial;
  432. letter-spacing:0px;
  433. }
  434. /* --- QUOTE --- */
  435.  
  436. #quote {
  437. padding:20px;
  438. font-family:cambria;
  439. font-size:20px;
  440. line-height:130%;
  441. font-style:italic;
  442. }
  443.  
  444.  
  445. /* --- CHAT --- */
  446.  
  447. #chattitle {
  448. font-size:13px;
  449. font-family:cambria;
  450. padding:3px;
  451. }
  452.  
  453. #chat {
  454. width:500px;
  455. font-size:10px;
  456. font-family:cambria;
  457. line-height:120%;
  458. padding:5px;
  459. border:1px solid #F2F2F2;
  460. }
  461.  
  462. /* --- AUDIO TRACK --- */
  463.  
  464. #trackartist {
  465. padding:5px;
  466. font-family:calibri;
  467. letter-spacing:1px;
  468. word-spacing:1px;
  469. font-size:11px;
  470. }
  471.  
  472. #trackplays {
  473. padding:5px;
  474. font-family:calibri;
  475. letter-spacing:1px;
  476. word-spacing:1px;
  477. font-size:11px;
  478. }
  479.  
  480. #tracktitle {
  481. padding:5px;
  482. font-family:calibri;
  483. letter-spacing:1px;
  484. word-spacing:1px;
  485. font-size:11px;
  486. }
  487.  
  488. #track {
  489. width:450px;
  490. height:90px;
  491. background-color:#000;
  492. padding:20px;
  493. padding-top:15px;
  494. }
  495.  
  496.  
  497. /* --- LINK POSTS --- */
  498.  
  499. #bloglink {
  500. text-align:center;
  501. font-size:17px;
  502. padding:7px;
  503. }
  504.  
  505. #linkdescription {
  506. padding:1px;
  507. padding-left:5px;
  508. text-align:justify;
  509. }
  510.  
  511.  
  512. #credit {
  513.  
  514. position:fixed;
  515. bottom:5px;
  516. right:5px;
  517. padding:6px;
  518. font-size:15px;
  519. font-family:Calibri;
  520. -moz-transition-duration:0.2s;
  521. -webkit-transition-duration:0.2s; -o-transition-duration:0.2s;
  522. }
  523.  
  524. #credit a{
  525. -moz-transition-duration:0.2s;
  526. -webkit-transition-duration:0.2s; -o-transition-duration:0.2s;
  527. color:#000;
  528. }
  529.  
  530. #credit a:hover{
  531. text-shadow:3px 0 0;
  532. margin-right:1px;
  533. }
  534.  
  535.  
  536.  
  537. {CustomCSS}</style></head><body>
  538.  
  539. <!----TOOLTIP FO RTHE INFO | DO NOT REMOVE----->
  540.  
  541. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  542.  
  543. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  544.  
  545. <script>
  546.  
  547. (function($){
  548.  
  549. $(document).ready(function(){
  550.  
  551. $("a[title]").style_my_tooltips({
  552.  
  553. tip_follows_cursor:true,
  554.  
  555. tip_delay_time:90,
  556.  
  557. tip_fade_speed:600,
  558.  
  559. attribute:"title"
  560.  
  561. });
  562.  
  563. });
  564.  
  565. })(jQuery);
  566.  
  567. </script>
  568.  
  569. <!----SIDEBAR----->
  570.  
  571. <div id="sidebar">
  572.  
  573. <div class="links">
  574. <a href="/">home</a>
  575. <a href="/ask">mssg</a>
  576. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  577. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  578.  
  579. <div id="sidebarimage"><img src="{image:sidebar}">
  580.  
  581.  
  582. <!----DESCRIPTION----->
  583.  
  584. <div id="description">
  585. {Description}
  586.  
  587.  
  588. <!----LINKS----->
  589.  
  590.  
  591.  
  592.  
  593. <!----PAGINATION----->
  594.  
  595. {block:Pagination}<div id="pagination">
  596. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  597. {block:JumpPagination length="5"}
  598. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  599. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  600. {/block:JumpPagination}
  601. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  602. </div>{/block:Pagination}
  603.  
  604. </div></div></div></div>
  605.  
  606.  
  607. <!----POSTS----->
  608.  
  609. <div id="entries">{block:Posts}<div id="post">
  610.  
  611. <!----TEXT----->
  612.  
  613. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}{/block:Text}
  614.  
  615.  
  616. <!----PHOTOS----->
  617.  
  618. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  619.  
  620.  
  621. <!----PHOTOSETS----->
  622.  
  623. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  624.  
  625.  
  626. <!----QUOTES----->
  627.  
  628. {block:Quote}{block:Source} <div id="quote">❝ {Quote} ❞ — {source}</div>{/block:Source}{/block:Quote}
  629.  
  630.  
  631. <!----LINKS----->
  632.  
  633. {block:Link}<h1><div id="bloglink"><a href="{URL}" {Target}>⊱ {Name}</a></div></h1>{block:Description}<div id="linkdescription">{Description}</div>{/block:Description}{/block:Link}
  634.  
  635.  
  636. <!----CHAT----->
  637.  
  638. {block:Chat}{block:Title}<div id="chattitle"><h1>{Title}</h1></div>{/block:Title}{block:Lines}{block:Label}<div id="chat"><b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  639.  
  640. <!----AUDIO----->
  641.  
  642. {block:Audio}<div id="track"><left>{block:AlbumArt}<img src="{AlbumArtURL}" width="95px" height="95px" align="left" style="margin-right:10px" /><br>{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  643. {block:TrackName}<div id="tracktitle"><b>Title:</b> {TrackName}</div>{/block:TrackName}
  644. {block:Artist}<div id="trackartist"><b>Artist:</b> {Artist}</div>{/block:Artist}
  645. {/block:ExternalAudio}<div id="trackplays"><b>Played:</b> {PlayCount} times</div></div>
  646. {/block:Audio}
  647.  
  648.  
  649. <!----VIDEO----->
  650.  
  651. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  652.  
  653.  
  654. <!----ANSWER/QUESTION----->
  655. <!----ANSWER/QUESTION----->
  656.  
  657. {block:Answer}<div id="asker"><span style=" font-family:playball;font-size:18px;color:#eee;text-transform:lowercase;">{Asker}: </span>{Question}</div><left></div><div id="answer"> <span style="padding-left:20px;">{Answer}</span>{/block:Answer}
  658. <link href='http://fonts.googleapis.com/css?family=Playball|Spirax|Trochut' rel='stylesheet' type='text/css'>
  659. <!----INFO----->
  660.  
  661. <div id="info">
  662.  
  663. <br> {block:Date}<div class="swag"><a title="{TimeAgo}"href="{Permalink}"><span style="background-color:#000; margin-left:-7px;color:#fff;padding:4px;">{Month} {DayOfMonth}</span></a> {/block:Date}
  664.  
  665. <a href="{Permalink}"><span style="background-color:#000;padding:4px;color:#fff;margin-left:-10px;"><span style="color:red;">♥</span> {NoteCountWithLabel}</span></div></a>
  666.  
  667.  
  668. {block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">credit</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
  669. {block:HasTags}
  670.  
  671. <div id="tags"> {block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  672.  
  673. {/block:Posts}
  674. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  675. {/block:Posts}
  676.  
  677.  
  678.  
  679.  
  680.  
  681. <!--
  682. THEME MAKER CREDIT
  683. -->
  684. <link href='http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps|Walter+Turncoat|Gloria+Hallelujah|Great+Vibes|Norican' rel='stylesheet' type='text/css'>
  685.  
  686. <div id="credit"><a title="billiondays" href="http://billiondays.tumblr.com/">♡ </a></div>
  687.  
  688. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!