API tools faq
paste
Advertisement
rasperries

fireproof up

rasperries
Feb 28th, 2014
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.27 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by septim
  4.  
  5. ╔╔ ══ ══ Rules:
  6. ║║ -do not use as base
  7. ╚╚ ══ ╗╗ -do not steal bits of code
  8. ║║ -do not remove credits
  9. ══ ══ ╝╝
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  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. <!--Default Variables-->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29. <meta name="color:title"content="#000000"/>
  30. <meta name="color:blog title"content="#000000"/>
  31. <meta name="color:scrollbar" content="#d5d5d5" />
  32. <meta name="color:borders" content="#ededed"/>
  33.  
  34. <meta name="image:Header Image" content=""/>
  35.  
  36. <meta name="if:Show Header Image" content="1"/>
  37. <meta name="if:Hide Tags" content="0">
  38. <meta name="if:Show Title" content="1"/>
  39. <meta name="text:Link 1 URL" content="" />
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 2 URL" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 3 URL" content="" />
  44. <meta name="text:Link 3" content="" />
  45.  
  46.  
  47.  
  48.  
  49. <!-- jquery -->
  50.  
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  81.  
  82. <script type="text/javascript">
  83. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  84. $(document).ready(function() {
  85. function photosetResize() {
  86. $('iframe.photoset').each(function(){
  87. var newSize = 450;
  88. var newSrc = $(this).attr('src').replace('500',newSize);
  89. $(this).attr('src', newSrc).width(newSize);
  90. var high = $(this).css('height');
  91. var calculate = parseInt(high, 10)* newSize/500;
  92. $(this).css('height', calculate);
  93. });
  94. }
  95. photosetResize();
  96. });
  97. </script>
  98.  
  99. <!--CSS customization here. -->
  100.  
  101. <style type="text/css">
  102.  
  103.  
  104.  
  105.  
  106. #s-m-t-tooltip{
  107. font-size:9px;
  108. position:absolute;
  109. margin-top: 15px;
  110. letter-spacing:1px;
  111. z-index:9999;
  112. background:white;
  113. color:{color:text};
  114. text-transform:uppercase;
  115. padding:2px 3px 2px 3px;
  116. }
  117.  
  118.  
  119.  
  120.  
  121. /*scrollbar*/
  122. ::-webkit-scrollbar{height: 5px;
  123. width: 4px;
  124. -webkit-border-radius: 0px;
  125. background-color:{color:background}}
  126. ::-webkit-scrollbar-thumb{background-color:{color:background};
  127. border:1px solid {color:scrollbar};}
  128. ::-webkit-scrollbar-track{background-color:{color:background};}
  129.  
  130.  
  131.  
  132.  
  133.  
  134. #text {margin-bottom:100px;
  135. margin-top:5px;
  136. text-transform:uppercase;
  137. font-size:6px;
  138. letter-spacing:2px;
  139. text-align:center;}
  140.  
  141.  
  142. /*main structure*/
  143. blockquote {padding:5px 0 5px 10px;
  144. border-left:1px solid {color:borders};margin:10px 10px;
  145. }
  146.  
  147. body {
  148. background:{color:background};
  149. color:{color:text};
  150. font-family:times new roman;
  151. font-size:10px;
  152. text-align:justify;
  153.  
  154. margin:0;
  155. line-height:18px;}
  156.  
  157. a {color:{color:link};
  158. border-bottom:1px solid transparent;
  159. padding:2px;
  160. text-decoration:none;
  161. -webkit-transition:all 0.8s;
  162. -moz-transition:all 0.8s;
  163. -ms-transition:all 0.8s;
  164. -o-transition:all 0.8s;
  165. transition:all 0.8s; }
  166.  
  167. a:hover {
  168. border-bottom:1px solid {color:link};
  169. -webkit-transition:all 0.8s;
  170. -moz-transition:all 0.8s;
  171. -ms-transition:all 0.8s;
  172. -o-transition:all 0.8s;
  173. transition:all 0.8s; }
  174.  
  175. img{
  176. border:none;
  177. text-decoration:none}
  178.  
  179. b, strong {
  180. color:{color:title};}
  181. i, em {
  182. color:{color:text}}
  183. p {
  184. margin-top:5px;
  185. margin-bottom:5px}
  186. ol {
  187. list-style:normal;}
  188. ul {
  189. list-style:square;}
  190.  
  191. small {
  192. font-size:8px;}
  193.  
  194. big {
  195. font-size:12px;}
  196.  
  197.  
  198.  
  199.  
  200. #title {font-size:12px;
  201. line-height:18px;
  202. margin-bottom:10px;
  203. padding-bottom:9px;
  204. text-align:left;
  205. letter-spacing:3px;
  206.  
  207. font-weight:bold;
  208. border-bottom:1px solid {color:borders};
  209. color:{color:title};}
  210. #title a {color:{color:title};text-transform:lowercase;}
  211.  
  212.  
  213.  
  214.  
  215. /*header*/
  216. #headers {
  217. margin-top:65px;
  218. width:450px;
  219. }
  220.  
  221. #bat img {width:75px;
  222. height:75px;
  223. margin-bottom:25px;
  224. border-radius:100%;
  225. }
  226. #bat a {border:none}
  227. #blogt {font-size:18px;
  228. margin-top:10px;
  229. text-transform:lowercase;
  230. font-family:georgia;
  231. font-style:italic;}
  232. #blogt a {color:{color:blog title};}
  233.  
  234.  
  235. #standardlinks {
  236. font-size:7px;
  237. margin:10px 0;
  238. padding:9px 0;
  239. letter-spacing:2px;
  240. line-height:16px;
  241. text-transform:uppercase;
  242. border-top:1px solid {color:borders};
  243.  
  244. }
  245. #standardlinks a {
  246. margin-right:3px;
  247. }
  248.  
  249.  
  250. #description {
  251. margin-top:15px;
  252. text-align:justify;
  253. }
  254.  
  255.  
  256. /*pagination*/
  257. #pagination {
  258. text-align:center;
  259. margin-top:50px;
  260. font-size:8px;
  261. text-transform:uppercase;
  262. letter-spacing:2px;
  263. line-height:16px;
  264. }
  265. #pagination a {
  266. margin:0 15px;
  267. }
  268.  
  269. /*container*/
  270. #con {
  271. left:50%;
  272. margin-left:-225px;
  273. position:absolute;
  274. }
  275.  
  276.  
  277.  
  278. /*posts*/
  279.  
  280. #entries {
  281. margin-top:110px;
  282. width:450px;
  283. }
  284.  
  285.  
  286.  
  287. .posts {
  288. width:450px;
  289. {block:IndexPage}
  290. margin-bottom:150px;
  291. {/block:IndexPage}
  292. {block:PermalinkPage}
  293. margin-bottom:50px;
  294. {/block:PermalinkPage}
  295. }
  296.  
  297. /*images*/
  298. .photo a {padding:0;}
  299. .photo img {width:450px;
  300. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
  301. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
  302. box-shadow: 0px 2px 8px rgba(0,0,0,0.6);}
  303. .posts img {
  304. max-width:450px;
  305. display:block;
  306. }
  307. .photoset {
  308. display:block;
  309.  
  310. }
  311. /*quote*/
  312. #titlequote{
  313. font-size:10px;
  314. line-height:18px;
  315. font-weight:;
  316. color:{color:text};
  317. }
  318.  
  319. #source {
  320. font-size:10px;
  321. text-transform:;
  322. letter-spacing:px;
  323. text-align:right;
  324. margin-top:10px;
  325. border-top:1px solid {color:borders};
  326. padding-top:9px;}
  327.  
  328. .posts li, .posts blockquote {max-width: 100%;}
  329. .caption img{max-width:300px;}
  330. .caption {width:100%;
  331. margin:15px 0;
  332. text-transform:none;
  333. }
  334.  
  335.  
  336.  
  337.  
  338. /*audio*/
  339.  
  340. .player {
  341. width:25px;
  342. height:25px;
  343. overflow:hidden;
  344. margin-left:12px;
  345. padding:5px;
  346. position:absolute;
  347. margin-top:12px;
  348. background:white;
  349. z-index:2;}
  350.  
  351. .audioinfo {
  352. text-align:right;
  353. z-index:2;
  354. position:absolute;
  355. padding-top:12px;
  356. text-transform:;
  357. width:380px;
  358. font-size:10px;
  359. margin-left:50px;
  360. }
  361.  
  362.  
  363. .playerback {height:58px;
  364. background-color:#fafafa;
  365. }
  366.  
  367.  
  368.  
  369.  
  370. /*asks*/
  371. .q {
  372. }
  373. .as {
  374. display:inline;
  375. font-weight:bold;}
  376. .as a {padding:0;}
  377. .a {border-top:1px solid {color:borders};
  378. padding-top:9px;
  379. margin-top:10px;
  380. text-align:justify}
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. .chat ol {
  389. padding:0;
  390. line-height:180%;
  391. list-style:none;
  392. }
  393.  
  394. .line.odd {border-bottom:1px solid {color:borders};
  395. padding:5px;
  396. }
  397. .line.even {
  398. padding:5px;
  399. }
  400.  
  401. .label {font-weight:bold;
  402. padding-right:1px;
  403. letter-spacing:1px;
  404. text-transform:;
  405. color:{color:title};
  406. }
  407.  
  408. /*text*/
  409. .texta {margin:0;}
  410.  
  411.  
  412.  
  413. /*permalink and notes*/
  414.  
  415.  
  416. #permalink {
  417. margin-top:10px;
  418. font-size:9px;
  419. letter-spacing:px;
  420. text-transform:lowercase;
  421.  
  422. }
  423. #permalink a {padding:0;
  424. margin:0 2px;
  425. }
  426.  
  427.  
  428. .tags {{block:ifHideTags}
  429. {block:IndexPage}
  430. display:none;
  431. {/block:IndexPage}
  432. {/block:ifHideTags}
  433. {block:ifnotHideTags}
  434. display:inline;
  435. {/block:ifnotHideTags}
  436. word-break:break-all;
  437. }
  438. .tags a {padding:0
  439. margin:0 2px;
  440. }
  441.  
  442. .pagenotes {
  443. {block:IndexPage}
  444. display: none!important;
  445. {/block:IndexPage}
  446. {block:PermalinkPage}
  447. width:450px;
  448. {/block:PermalinkPage}
  449. text-align:left;
  450.  
  451. }
  452. .pagenotes img {
  453. display:none!important;}
  454. .pagenotes li {
  455. list-style-type:none;
  456. padding:5px 0px;
  457. text-align:left;
  458. margin:0 0 0 -40px;
  459. font-size:9px;
  460. text-transform:uppercase;
  461. }
  462. .t {
  463. font-size:12px;
  464. font-weight:bold;
  465. letter-spacing:1px;
  466. color:{color:title};
  467. text-transform:uppercase;}
  468.  
  469.  
  470.  
  471. #theme{
  472. position:fixed;
  473. bottom:12px;
  474. right:12px;
  475. -webkit-border-radius:100px;
  476. padding:3px 5px 2px;
  477. text-transform:lowercase;
  478. -webkit-transition:0.6s ease-in;
  479. cursor:default;
  480. font-size:8px;
  481. color:white;
  482. }
  483.  
  484. #theme:hover{
  485. background-color:{color:white};
  486. color:white;
  487. }
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. {CustomCSS}
  496.  
  497.  
  498. </style>
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507. </head>
  508.  
  509. <body>
  510.  
  511. <div id="con">
  512.  
  513. <div id="headers">
  514. {block:IfShowHeaderImage}
  515. <div id="bat">
  516. <a href="/"><img src="{image:Header image}"></a>
  517. </div>
  518. {/block:IfShowHeaderImage}
  519. {block:IfShowTitle}
  520. <div id="blogt"><a href="/">{Title}</a></div>
  521. {/block:IfShowTitle}
  522. <div id="standardlinks">
  523. <a href="/ask">inbox</a>
  524. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  525. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  526. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  527. <a href="/archive">archive</a>
  528. </div>
  529. <div id="description">{Description}</div>
  530.  
  531.  
  532.  
  533.  
  534.  
  535. </div>
  536.  
  537.  
  538.  
  539.  
  540. <div id="entries">
  541.  
  542. {block:Posts}
  543. <div class="posts">
  544.  
  545.  
  546.  
  547.  
  548.  
  549. {block:Quote}
  550.  
  551.  
  552. <div id="titlequote">{Quote}</div>
  553. {block:Source}<div id="source">{Source}</div>{/block:Source}
  554. {/block:Quote}
  555.  
  556.  
  557.  
  558. {block:Text}
  559.  
  560. {block:Title}
  561. <div id="title">{Title}</div>{/block:Title}
  562. <div class="texta">{Body}</div>
  563.  
  564.  
  565. {/block:Text}
  566.  
  567. {block:Link}
  568.  
  569. <div id="title"><a href="{URL}">{Name}</a></div>
  570. {block:Description}<div class="texta">{Description}</div>{/block:Description}
  571.  
  572. {/block:Link}
  573.  
  574. {block:Chat}
  575. {block:Title}
  576. <h1>{Title}</h1>
  577. {/block:Title}
  578. <div class="chat">
  579. <ol>{block:Lines}
  580. <li class="line {Alt}">
  581. {block:Label}
  582. <span class="label">
  583. {Label}</span>
  584. {/block:Label}{Line}</li>
  585. {/block:Lines}
  586. </ol></div>
  587. {/block:Chat}
  588.  
  589. {block:Photo}
  590. <div class="photo">
  591. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  592. </div>
  593. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  594.  
  595.  
  596. {/block:Photo}
  597.  
  598. {block:Photoset}
  599. <div class="photoset">
  600. {Photoset-500}
  601. </div>
  602. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  603.  
  604.  
  605. {/block:Photoset}
  606.  
  607. {block:Video}
  608. <div style="padding:24px;
  609. border:1px solid {color:borders}">
  610. {Video-400}
  611. </div>
  612. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  613. {/block:Video}
  614.  
  615.  
  616.  
  617. {block:Audio}
  618.  
  619. <div class="audioinfo">
  620. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  621. </div>
  622. <div class="playerback">
  623. <div class="player">{AudioPlayerWhite}</div>
  624. </div>
  625. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  626. {/block:Audio}
  627.  
  628.  
  629.  
  630. {block:Answer}
  631. <div class="q">
  632. <div class="as">{Asker} said: </div> {Question}
  633. </div>
  634.  
  635. <div class="a">{Answer}</div>
  636.  
  637. {/block:Answer}
  638.  
  639.  
  640.  
  641. {block:Date}
  642. <div id="permalink">
  643. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}/<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}/<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  644. {block:HasTags}<div class="tags">/{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  645. </div>
  646. {/block:Date}
  647.  
  648.  
  649.  
  650. </div>
  651.  
  652.  
  653.  
  654. {block:PostNotes}
  655. <div class="pagenotes">
  656. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  657. {PostNotes}
  658. </div>
  659. {/block:PostNotes}
  660.  
  661.  
  662. {/block:Posts}
  663.  
  664.  
  665. {block:Pagination}
  666. <div id="pagination">
  667. {block:PreviousPage}
  668. <a href="{PreviousPage}">< BACK</a>
  669. {/block:PreviousPage}
  670. {block:NextPage}
  671. <a href="{NextPage}">FORTH ></a>
  672. {/block:NextPage}
  673. </div>
  674. {/block:Pagination}
  675.  
  676.  
  677. <div id="text">
  678. Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>
  679.  
  680. </div>
  681.  
  682. {block:ContentSource}
  683. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  684. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  685. {/block:SourceLogo}
  686. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  687. {/block:ContentSource}
  688. <div id="theme"><script language="JavaScript">
  689. var ref = (''+document.referrer+'');
  690. var w_h = window.screen.width + " x " + window.screen.height;
  691. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3539933&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');</script></div></a>
  692. </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!