rasperries

free falling

Sep 23rd, 2014
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.54 KB | None | 0 0
  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 = 400;
  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 {
  135. position:fixed;
  136. right:5px;
  137. font-weight:;
  138. bottom:5px;
  139. text-transform:uppercase;
  140. font-family:arial;
  141. padding:5px 5px;
  142. font-size:10px;
  143. transform:rotate(90deg);
  144. -ms-transform:rotate(90deg); /* IE 9 */
  145. -webkit-transform:rotate(90deg); /* Safari and Chrome */}}
  146. #text a {text-decoration:none;}
  147.  
  148.  
  149. /*main structure*/
  150. blockquote {padding:5px 0 5px 10px;
  151. border-left:1px solid {color:borders};margin:10px 10px;
  152. }
  153.  
  154. body {
  155. background:{color:background};
  156. color:{color:text};
  157. font-family:times;
  158. font-size:10px;
  159. text-align:justify;
  160.  
  161. margin:0;
  162. line-height:18px;}
  163.  
  164. a {color:{color:link};
  165. border-bottom:1px solid transparent;
  166. padding:2px;
  167. text-decoration:none;
  168. -webkit-transition:all 0.8s;
  169. -moz-transition:all 0.8s;
  170. -ms-transition:all 0.8s;
  171. -o-transition:all 0.8s;
  172. transition:all 0.8s; }
  173.  
  174. a:hover {
  175. border-bottom:px solid {color:link};
  176. -webkit-transition:all 0.8s;
  177. -moz-transition:all 0.8s;
  178. -ms-transition:all 0.8s;
  179. -o-transition:all 0.8s;
  180. transition:all 0.8s; }
  181.  
  182. img{
  183. border:none;
  184. text-decoration:none}
  185.  
  186. b, strong {
  187. color:{color:title};}
  188. i, em {
  189. color:{color:text}}
  190. p {
  191. margin-top:5px;
  192. margin-bottom:5px}
  193. ol {
  194. list-style:normal;}
  195. ul {
  196. list-style:square;}
  197.  
  198. small {
  199. font-size:8px;}
  200.  
  201. big {
  202. font-size:12px;}
  203.  
  204.  
  205.  
  206.  
  207. #title {font-size:12px;
  208. line-height:18px;
  209. margin-bottom:10px;
  210. padding-bottom:9px;
  211. text-align:left;
  212. letter-spacing:3px;
  213.  
  214. font-weight:;
  215. border-bottom:1px solid {color:borders};
  216. color:{color:title};}
  217. #title a {color:{color:title};text-transform:lowercase;}
  218.  
  219.  
  220.  
  221.  
  222. /*header*/
  223. #headers {
  224. margin-top:px;
  225. width:400px;
  226. }
  227.  
  228. #bat img {width:75px;
  229. height:75px;
  230. margin-bottom:25px;
  231. border-radius:100%;
  232. }
  233. #bat a {border:none}
  234. #blogt {font-size:24px;
  235. margin-top:10px;
  236. text-align:center;
  237. letter-spacing:2px;
  238. text-transform:lowercase;
  239. font-family:times;
  240. font-style:italic;}
  241. #blogt a {color:{color:blog title};}
  242.  
  243.  
  244. #standardlinks {
  245. font-size:7px;
  246. margin-top:5px;
  247. text-align:center;
  248. padding:9px 0;
  249. letter-spacing:2px;
  250. line-height:16px;
  251. text-transform:uppercase;
  252. border-bottom:1px solid {color:borders};
  253.  
  254. }
  255. #standardlinks a {
  256. margin-right:3px;
  257. }
  258.  
  259.  
  260. #description {
  261. margin-top:15px;
  262. padding-bottom:15px;
  263. text-align:justify;
  264. border-bottom:1px solid {color:borders};
  265. }
  266.  
  267.  
  268. /*pagination*/
  269. #pagination {
  270. text-align:center;
  271. margin-top:50px;
  272. font-size:8px;
  273. text-transform:uppercase;
  274. letter-spacing:2px;
  275. line-height:16px;
  276. }
  277. #pagination a {
  278. margin:0 15px;
  279. margin-bottom:20px;
  280. }
  281.  
  282. /*container*/
  283. #con {
  284. left:50%;
  285. margin-left:-205px;
  286. position:absolute;
  287. }
  288.  
  289.  
  290.  
  291. /*posts*/
  292.  
  293. #entries {
  294. margin-top:100px;
  295. width:400px;
  296. }
  297.  
  298.  
  299.  
  300. .posts {
  301. width:400px;
  302. {block:IndexPage}
  303. margin-bottom:110px;
  304. {/block:IndexPage}
  305. {block:PermalinkPage}
  306. margin-bottom:50px;
  307. {/block:PermalinkPage}
  308. }
  309.  
  310. /*images*/
  311. .photo a {padding:0;}
  312. .photo img {width:400px;
  313. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
  314. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
  315. box-shadow: 0px 2px 8px rgba(0,0,0,0.6);}
  316. .posts img {
  317. max-width:400px;
  318. display:block;
  319. }
  320. .photoset {
  321. display:block;
  322.  
  323. }
  324. /*quote*/
  325. #titlequote{
  326. font-size:10px;
  327. line-height:18px;
  328. font-weight:;
  329. color:{color:text};
  330. }
  331.  
  332. #source {
  333. font-size:10px;
  334. text-transform:;
  335. letter-spacing:px;
  336. text-align:right;
  337. margin-top:10px;
  338. border-top:1px solid {color:borders};
  339. padding-top:9px;}
  340.  
  341. .posts li, .posts blockquote {max-width: 100%;}
  342. .caption img{max-width:300px;}
  343. .caption {width:100%;
  344. margin:15px 0;
  345. text-transform:none;
  346. }
  347.  
  348.  
  349.  
  350.  
  351. /*audio*/
  352.  
  353. .player {
  354. width:25px;
  355. height:25px;
  356. overflow:hidden;
  357. margin-left:12px;
  358. padding:5px;
  359. position:absolute;
  360. margin-top:12px;
  361. background:white;
  362. z-index:2;}
  363.  
  364. .audioinfo {
  365. text-align:right;
  366. z-index:2;
  367. position:absolute;
  368. padding-top:12px;
  369. text-transform:;
  370. width:330px;
  371. font-size:10px;
  372. margin-left:50px;
  373. }
  374.  
  375.  
  376. .playerback {height:58px;
  377. background-color:#fafafa;
  378. }
  379.  
  380.  
  381.  
  382.  
  383. /*asks*/
  384. .q {
  385. }
  386. .as {
  387. display:inline;
  388. font-weight:bold;}
  389. .as a {padding:0;}
  390. .a {border-top:1px solid {color:borders};
  391. padding-top:9px;
  392. margin-top:10px;
  393. text-align:justify}
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401. .chat ol {
  402. padding:0;
  403. line-height:180%;
  404. list-style:none;
  405. }
  406.  
  407. .line.odd {border-bottom:1px solid {color:borders};
  408. padding:5px;
  409. }
  410. .line.even {
  411. padding:5px;
  412. }
  413.  
  414. .label {font-weight:;
  415. padding-right:1px;
  416. letter-spacing:1px;
  417. text-transform:;
  418. color:{color:title};
  419. }
  420.  
  421. /*text*/
  422. .texta {margin:0;}
  423.  
  424.  
  425.  
  426. /*permalink and notes*/
  427.  
  428.  
  429. #permalink {
  430. margin-top:10px;
  431. font-size:10px;
  432. letter-spacing:px;
  433. text-transform:;
  434.  
  435. }
  436. #permalink a {padding:0;
  437. margin:0 2px;
  438. }
  439.  
  440.  
  441. .tags {{block:ifHideTags}
  442. {block:IndexPage}
  443. display:none;
  444. {/block:IndexPage}
  445. {/block:ifHideTags}
  446. {block:ifnotHideTags}
  447. display:inline;
  448. {/block:ifnotHideTags}
  449. word-break:break-all;
  450. }
  451. .tags a {padding:0
  452. margin:0 2px;
  453. }
  454.  
  455. .pagenotes {
  456. {block:IndexPage}
  457. display: none!important;
  458. {/block:IndexPage}
  459. {block:PermalinkPage}
  460. width:400px;
  461. {/block:PermalinkPage}
  462. text-align:left;
  463.  
  464. }
  465. .pagenotes img {
  466. display:none!important;}
  467. .pagenotes li {
  468. list-style-type:none;
  469. padding:5px 0px;
  470. text-align:left;
  471. margin:0 0 0 -40px;
  472. font-size:9px;
  473. text-transform:uppercase;
  474. }
  475. .t {
  476. font-size:12px;
  477. font-weight:bold;
  478. letter-spacing:1px;
  479. color:{color:title};
  480. text-transform:uppercase;}
  481.  
  482.  
  483.  
  484. #theme{
  485. position:fixed;
  486. bottom:12px;
  487. right:12px;
  488. -webkit-border-radius:100px;
  489. padding:3px 5px 2px;
  490. text-transform:lowercase;
  491. -webkit-transition:0.6s ease-in;
  492. cursor:default;
  493. font-size:8px;
  494. color:white;
  495. }
  496.  
  497. #theme:hover{
  498. background-color:{color:white};
  499. color:white;
  500. }
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508. {CustomCSS}
  509.  
  510.  
  511. </style>
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520. </head>
  521.  
  522. <body>
  523.  
  524. <div id="con">
  525.  
  526. <div id="headers">
  527. {block:IfShowHeaderImage}
  528. <div id="bat">
  529. <a href="/"><img src="{image:Header image}"></a>
  530. </div>
  531. {/block:IfShowHeaderImage}
  532. {block:IfShowTitle}
  533. <div id="blogt"><a href="/">{Title}</a></div>
  534. {/block:IfShowTitle}
  535. <div id="standardlinks">
  536. <a href="/about">about</a>
  537. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  538. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  539. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  540. <a href="/archive">archive</a>
  541. <script language="JavaScript">
  542. var ref = (''+document.referrer+'');
  543. var w_h = window.screen.width + " x " + window.screen.height;
  544. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4436339&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  545. </script>
  546. </div>
  547. <div id="description">{Description}</div>
  548.  
  549.  
  550.  
  551.  
  552.  
  553. </div>
  554.  
  555.  
  556.  
  557.  
  558. <div id="entries">
  559.  
  560. {block:Posts}
  561. <div class="posts">
  562.  
  563.  
  564.  
  565.  
  566.  
  567. {block:Quote}
  568.  
  569.  
  570. <div id="titlequote">{Quote}</div>
  571. {block:Source}<div id="source">{Source}</div>{/block:Source}
  572. {/block:Quote}
  573.  
  574.  
  575.  
  576. {block:Text}
  577.  
  578. {block:Title}
  579. <div id="title">{Title}</div>{/block:Title}
  580. <div class="texta">{Body}</div>
  581.  
  582.  
  583. {/block:Text}
  584.  
  585. {block:Link}
  586.  
  587. <div id="title"><a href="{URL}">{Name}</a></div>
  588. {block:Description}<div class="texta">{Description}</div>{/block:Description}
  589.  
  590. {/block:Link}
  591.  
  592. {block:Chat}
  593. {block:Title}
  594. <h1>{Title}</h1>
  595. {/block:Title}
  596. <div class="chat">
  597. <ol>{block:Lines}
  598. <li class="line {Alt}">
  599. {block:Label}
  600. <span class="label">
  601. {Label}</span>
  602. {/block:Label}{Line}</li>
  603. {/block:Lines}
  604. </ol></div>
  605. {/block:Chat}
  606.  
  607. {block:Photo}
  608. <div class="photo">
  609. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  610. </div>
  611. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  612.  
  613.  
  614. {/block:Photo}
  615.  
  616. {block:Photoset}
  617. <div class="photoset">
  618. {Photoset-500}
  619. </div>
  620. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  621.  
  622.  
  623. {/block:Photoset}
  624.  
  625. {block:Video}
  626. <div style="padding:24px;
  627. border:1px solid {color:borders}">
  628. {Video-400}
  629. </div>
  630. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  631. {/block:Video}
  632.  
  633.  
  634.  
  635. {block:Audio}
  636.  
  637. <div class="audioinfo">
  638. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  639. </div>
  640. <div class="playerback">
  641. <div class="player">{AudioPlayerWhite}</div>
  642. </div>
  643. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  644. {/block:Audio}
  645.  
  646.  
  647.  
  648. {block:Answer}
  649. <div class="q">
  650. <div class="as">{Asker} said: </div> {Question}
  651. </div>
  652.  
  653. <div class="a">{Answer}</div>
  654.  
  655. {/block:Answer}
  656.  
  657.  
  658.  
  659. {block:Date}
  660. <div id="permalink">
  661. <a href="{Permalink}">{ShortMonth} {dayofmonth}{dayofmonthsuffix}</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}
  662. {block:HasTags}<div class="tags">/{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  663. </div>
  664. {/block:Date}
  665.  
  666.  
  667.  
  668. </div>
  669.  
  670.  
  671.  
  672. {block:PostNotes}
  673. <div class="pagenotes">
  674. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  675. {PostNotes}
  676. </div>
  677. {/block:PostNotes}
  678.  
  679.  
  680. {/block:Posts}
  681.  
  682.  
  683. {block:Pagination}
  684. <div id="pagination">
  685. {block:PreviousPage}
  686. <a href="{PreviousPage}">< BACK</a>
  687. {/block:PreviousPage}
  688. {block:NextPage}
  689. <a href="{NextPage}">FORTH ></a>
  690. {/block:NextPage}
  691. </div>
  692. {/block:Pagination}
  693. <br><br><br><br>
  694.  
  695. <div id="text"><a href="http://farahmir.tumblr.com">S</a></div>
  696.  
  697. </div>
  698.  
  699. {block:ContentSource}
  700. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  701. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  702. {/block:SourceLogo}
  703. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  704. {/block:ContentSource}
  705. </body></html>
Add Comment
Please, Sign In to add comment