API tools faq
paste
Advertisement
rasperries

sunrise 2

rasperries
Jun 19th, 2014
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.69 KB | None | 0 0
raw download clone embed print report
  1. <!-- septim theme -->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--Default Variables-->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#aaaaaa"/>
  17. <meta name="color:Link" content="#cccccc"/>
  18. <meta name="color:Title" content="#000000"/>
  19. <meta name="color:Link Hover" content="#000000"/>
  20. <meta name="color:Scrollbar" content="#aaaaaa"/>
  21. <meta name="color:Borders" content="#eeeeee"/>
  22.  
  23. <meta name="if:Hide Tags" content="1"/>
  24. <meta name="if:Hide Captions" content="1"/>
  25.  
  26. <meta name="if:500px" content="1"/>
  27.  
  28. <meta name="image:Header Image" content=""/>
  29. <meta name="image:About Image" content=""/>
  30.  
  31. <meta name="if:Header Image" content="1"/>
  32. <meta name="if:About Image" content="1"/>
  33.  
  34. <meta name="text:Short URL" content="url here"/>
  35. <meta name="text:About Title" content="About"/>
  36. <meta name="text:Message Title" content="Message"/>
  37. <meta name="text:Links Title" content="Links"/>
  38.  
  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. <meta name="text:Link 4 URL" content="" />
  46. <meta name="text:Link 4" content="" />
  47. <meta name="text:Link 5 URL" content="" />
  48. <meta name="text:Link 5" content="" />
  49.  
  50. <!-- jquery for tooltips-->
  51.  
  52.  
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54.  
  55. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56.  
  57. <script>
  58.  
  59. (function($){
  60.  
  61. $(document).ready(function(){
  62.  
  63. $("a[title]").style_my_tooltips({
  64.  
  65. tip_follows_cursor:true,
  66.  
  67. tip_delay_time:30,
  68.  
  69. tip_fade_speed:300,
  70.  
  71. attribute:"title"
  72.  
  73. });
  74.  
  75. });
  76.  
  77. })(jQuery);
  78.  
  79. </script>
  80.  
  81. <script src="http://static.tumblr.com/sas2ex2/ovqn6rc4a/woo.js" type="text/javascript"></script>
  82.  
  83. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  84.  
  85. <script type="text/javascript" src="http://static.tumblr.com/fki2yxd/XtUmn1zq3/jquery.sticky.js"></script>
  86. <script>
  87. $(window).load(function(){
  88. $(".sidebar").sticky({ topSpacing: 50 });
  89. $("#blogt").sticky({ topSpacing: 0 });
  90. });
  91. </script>
  92.  
  93.  
  94. <link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
  95. <link href="http://static.tumblr.com/sas2ex2/7gen6r4rm/same.css" rel='stylesheet' type='text/css'>
  96.  
  97.  
  98. <!--CSS customization here. -->
  99.  
  100. <style type="text/css">
  101.  
  102.  
  103.  
  104. #s-m-t-tooltip{
  105. position:absolute;
  106. margin:20px 15px;
  107. z-index:9999;
  108. background:{color:background};
  109. font-size:9px;
  110. text-transform:;
  111. letter-spacing:px;
  112. font-family:georgia;
  113. border:1px solid {color:borders};
  114. padding:5px 10px;
  115. box-shadow:2px 2px 2px rgba({RGBcolor:text},.6);
  116. }
  117.  
  118. #text {position:fixed;
  119. right:15px;
  120. bottom:15px;
  121. font-size:9px;}
  122.  
  123. /*basics*/
  124. blockquote {padding:0 0 0 10px;
  125. border-left:1px solid {color:borders};
  126. margin:5px 0;
  127. }
  128.  
  129. body {
  130. background:{color:background};
  131. color:{color:text};
  132. font-family:georgia;
  133. font-size:10px;
  134. text-align:justify;
  135. margin:0;
  136. line-height:150%;}
  137.  
  138. a {
  139. color:{color:link};
  140. text-decoration:none;
  141. }
  142.  
  143. a:hover {color:{color:link hover};
  144. text-decoration:none;
  145. }
  146.  
  147.  
  148. ::-webkit-scrollbar-thumb{
  149. background:{color:scrollbar};
  150. border:3px solid {color:background};
  151. height:auto;
  152. }
  153.  
  154. ::-webkit-scrollbar {
  155. height:auto;
  156. width:11px;
  157. background:{color:scrollbar};
  158. border:5px solid {color:background};
  159. }
  160.  
  161.  
  162. iframe#tumblr_controls {
  163. -webkit-filter: invert(100%);
  164. -moz-filter: invert(100%);
  165. -o-filter: invert(100%);
  166. -ms-filter: invert(100%);
  167. filter: invert(100%);
  168. white-space:nowrap;
  169. }
  170.  
  171.  
  172. img{opacity:1;
  173. border:none;
  174. text-decoration:none}
  175.  
  176.  
  177. small {
  178. font-size:12px;}
  179.  
  180. big {
  181. font-size:12px;}
  182.  
  183.  
  184. #title {font-size:10px;
  185. margin-bottom:25px;
  186. text-align:center;
  187. color:{color:title};
  188. }
  189. #title a {color:{color:title};}
  190.  
  191. /*header*/
  192. #header {
  193. {block:ifHeaderImage}
  194. margin-top:250px;
  195. {block:if500px}
  196. margin-top:350px;
  197. {/block:if500px}
  198. {/block:ifHeaderImage}
  199. {block:ifnotHeaderImage}
  200. margin-top:75px;
  201. {block:if500px}
  202. margin-top:200px;
  203. {block:if500px}
  204. {/block:ifnotHeaderImage}
  205. }
  206.  
  207.  
  208. #blogt {width:400px;
  209. {block:if500px}
  210. width:500px;
  211. {/block:if500px}
  212. padding:0 50px 0 49px;
  213. font-weight:100;
  214. font-family:lato;
  215. text-align:center;
  216. position: relative;
  217. line-height:69px;
  218. z-index:1000;
  219. background:{color:background};
  220. border-bottom:1px solid {color:borders};
  221. border-left:1px solid {color:borders};
  222. letter-spacing:3px;
  223. font-size:11px;
  224. text-transform:uppercase;
  225. }
  226. #blogt a {color:{color:title};}
  227.  
  228. *[class^="prlx"] {
  229. position: absolute;
  230. overflow:hidden;
  231. width: 500px;
  232. height: 250px;
  233. {block:if500px}
  234. width: 600px;
  235. height: 350px;
  236. {/block:if500px}
  237. top:0;
  238. left:0;
  239. z-index: -1;
  240. }
  241. .prlx-1{ background: url('{image:header image}') center center repeat;
  242. -webkit-background-size: cover;
  243. -moz-background-size: cover;
  244. -o-background-size: cover;
  245. background-size: cover;
  246. }
  247.  
  248.  
  249. .sidebar {
  250. z-index:2!Important;
  251. position:Relative;
  252. display:block;
  253. }
  254. #s {
  255. position:absolute;
  256. }
  257. .wrap {position:absolute;
  258. background:{color:background};
  259. width:300px;
  260. left:-300px;
  261. }
  262. .nav {
  263. margin-left:15px;
  264. padding-top:50px;
  265. width:15px;
  266. list-style:none;
  267. z-index:9999;
  268. }
  269.  
  270. #bar {width:600px;
  271. position:fixed;
  272. top:0;
  273. background:{color:background};
  274. border-right:1px solid {color:borders};
  275. left:50%;
  276. margin-left:-850px;
  277. {block:if500px}
  278. margin-left:-900px;
  279. {block:if500px}
  280. z-index:20!important;
  281. height:100%;
  282. }
  283.  
  284. .nav li {cursor:pointer;
  285. font-size:12px;
  286. display:block;
  287. margin-bottom:15px;
  288. }
  289.  
  290. .nav li:hover, .nav li.active {color:black;}
  291.  
  292. .panel {padding:50px 15px;
  293. background:{color:background};
  294. width:270px;
  295. position:absolute;}
  296.  
  297. .panel #one {left:0;}
  298. .panel #two, .panel #three, .panel #four {left:-300px;}
  299.  
  300. #two a {display:block;
  301. margin:5px 0;
  302. text-transform:uppercase;
  303. letter-spacing:px;
  304. font-size:10px;
  305. float:left;
  306. width:50%;
  307. font-family:georgia;
  308. text-align:right;
  309. }
  310.  
  311. #avatar {text-align:center;margin-bottom:25px;}
  312. #avatar img {width:100px;
  313. height:100px;
  314. border-radius:100%;
  315. }
  316.  
  317. .tat {color:{color:title};
  318. font-size:10px;
  319. margin-bottom:15px;
  320. text-transform:capitalize;
  321. }
  322. #two .tat {padding-bottom:10px;
  323. border-bottom:1px solid {color:borders};}
  324. /*pagination*/
  325. #pagination {
  326. margin:100px 0 50px 0;
  327. text-align:center;
  328. font-style:italic;
  329. font-size:10px;
  330. }
  331. #pagination a {
  332. padding:0 15px;
  333. }
  334.  
  335. /*container*/
  336. #con {
  337. left:50%;
  338. top:0;
  339. width:500px;
  340. margin-left:-250px;
  341. {block:if500px}
  342. width:600px;
  343. margin-left:-300px;
  344. {/block:if500px}
  345. position:absolute;
  346. overflow-x:hidden;
  347. }
  348. .woah {border-left:1px solid {color:borders};
  349. border-right:1px solid {color:borders};
  350. background:transparent;
  351. width:500px;
  352. margin-left:-251px;
  353. {block:if500px}
  354. width:600px;
  355. margin-left:-301px;
  356. {/block:if500px}
  357. height:100%;
  358. left:50%;
  359. top:0;
  360. position:fixed;
  361. }
  362.  
  363.  
  364. /*posts*/
  365.  
  366. #entries {display:block;
  367. background:{color:background};
  368. width:400px;
  369. {block:if500px}
  370. width:500px;
  371. {/block:if500px}
  372. border-left:1px solid {color:borders};
  373. padding:50px 50px 50px 49px;
  374. }
  375.  
  376.  
  377.  
  378. #posts {
  379. width:400px;
  380. {block:if500px}
  381. width:500px;
  382. {/block:if500px}
  383. {block:IndexPage}
  384. margin-bottom:100px;
  385. {/block:IndexPage}
  386. {block:PermalinkPage}
  387. margin-bottom:50px;
  388. {/block:PermalinkPage}
  389.  
  390. }
  391. #posts img {
  392. max-width:400px;
  393. {block:if500px}
  394. max-width:500px;
  395. {/block:if500px}
  396. }
  397.  
  398. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  399. .caption {
  400. width:100%;
  401. margin-top:10px;
  402. {block:ifhidecaptions}
  403. {block:indexpage}
  404. display:none;
  405. {/block:indexpage}
  406. {/block:ifhidecaptions}
  407. }
  408.  
  409. /*quote*/
  410.  
  411. #titlequote{text-align:center;
  412. font-size:10px;
  413. line-height:150%;
  414. color:{color:title};
  415. }
  416. #source {
  417. margin-top:15px;
  418. text-align:center;}
  419.  
  420. /*audio*/
  421. .tumblr_audio_player {width:400px;}
  422.  
  423. .player {
  424. width:30px;
  425. height:30px;
  426. overflow:hidden;
  427. background:white;
  428. margin:0 auto;
  429. text-align:center;
  430. }
  431.  
  432. .audioinfo {
  433. margin-top:15px;
  434. text-align:center;
  435. }
  436.  
  437.  
  438. /*asks*/
  439. .q {margin-bottom:25px;
  440. text-align:center;
  441. font-style:italic;
  442. }
  443. .as {color:{color:title};
  444. font-weight:bold;
  445. margin-bottom:10px;
  446. }
  447. .as a {color:{color:title};}
  448.  
  449. .a {
  450. margin-top:10px;
  451. }
  452.  
  453.  
  454. /*chat*/
  455.  
  456. .chat ol {
  457. padding:0;
  458. list-style:none;
  459. }
  460. .line {padding:5px 0;}
  461.  
  462. .label {font-weight:bold;
  463. }
  464.  
  465.  
  466.  
  467.  
  468.  
  469. /*permalink and notes*/
  470.  
  471. #permalink {
  472. margin-top:15px;
  473. padding-top:10px;
  474. border-top:1px solid {color:borders};
  475. font-size:9px;
  476. letter-spacing:px;
  477. text-align:center;
  478. font-style:;
  479. font-family:georgia;
  480. }
  481. #permalink a {margin:0 5px;
  482. color:{color:text};
  483. }
  484. #permalink a:hover {color:{color:link hover};}
  485. .tags {
  486. word-break:break-all;
  487. {block:ifhidetags}
  488. {block:indexpage}
  489. display:none;
  490. {/block:indexpage}
  491. {/block:ifhidetags}
  492. }
  493.  
  494. .pagenotes {
  495. font-size:9px;
  496. width:400px;
  497. {block:if500px}
  498. width:400px;
  499. {/block:if500px}
  500. text-align:center;
  501. margin-bottom:100px;
  502. }
  503. .pagenotes img {
  504. display:none!important;}
  505. .pagenotes ol {margin:0;padding:0;
  506. line-height:200%;}
  507. .pagenotes li {font-family:georgia;
  508. list-style-type:none;
  509. text-align:center;
  510. text-transform:;
  511. letter-spacing:px;
  512. }
  513.  
  514. input[type="search"] {
  515. -webkit-appearance:textfield;
  516. -moz-box-sizing:content-box;
  517. -webkit-box-sizing:content-box;
  518. box-sizing:content-box}
  519.  
  520. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
  521.  
  522. .search-form {margin:0 0 20px 0;
  523. border:none;
  524. border-bottom:1px solid {color:borders};
  525. }
  526.  
  527. #lame {position:Absolute;
  528. right:15px;
  529. margin-top:10px;
  530. width:15px;
  531. background:transparent;
  532. }
  533.  
  534. .search-form input {
  535. border:none;
  536. width:250px;
  537. padding:5px 20px 5px 0;
  538. background:{color:background};
  539. outline:none
  540. }
  541.  
  542. .search-form input:focus{outline:none}
  543.  
  544.  
  545. {CustomCSS}
  546.  
  547.  
  548. </style>
  549.  
  550.  
  551.  
  552. </head>
  553.  
  554.  
  555. <body>
  556.  
  557. <div id="bar"></div>
  558.  
  559. <div class="woah"></div>
  560. <div id="con">
  561.  
  562.  
  563. <div id="header">
  564. {block:ifheaderimage}<div class="prlx-1"></div>{/block:ifheaderimage}
  565. <div id="blogt"><a href="/">{Title}</a></div>
  566. <div id="s">
  567. <div class="sidebar">
  568. <div class="wrap">
  569. <div class="panel" id="one">
  570. {block:ifaboutimage}<div id="avatar"><img src="{image:about image}"></div>{/block:ifaboutimage}
  571. <div class="tat">{text:About Title}</div>
  572. {Description}
  573. </div>
  574. <div class="panel" id="two">
  575. <form action="/search" class="search-form" method="get">
  576. <div class="icon-search" id="lame"></div>
  577. <input id="searchField" name="q" placeholder="Search" type="text" value="" />
  578. </form>
  579. <div class="tat">{text:Links Title}</div>
  580. <a href="/">Home</a>
  581. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  582. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  583. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  584. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  585. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  586. </div>
  587. <div class="panel" id="three">
  588. <div class="tat">{text:Message Title}</div>
  589. <iframe frameborder="0" height="260" id="ask_form" scrolling="auto" src="http://www.tumblr.com/ask_form/{text:Short URL}.tumblr.com" width="100%"> </iframe>
  590. </div>
  591. </div>
  592. <div class="nav">
  593. <li class="null" id="o"><div class="icon-user"></div></li>
  594. <li class="null" id="e"><div class="icon-bubble"></div></li>
  595. <li class="null" id="t"><div class="icon-list"></div></li>
  596. </div>
  597. </div>
  598. </div>
  599.  
  600. </div>
  601.  
  602.  
  603.  
  604.  
  605. <div id="entries">
  606.  
  607. {block:Posts}
  608. <div id="posts">
  609.  
  610.  
  611. {block:Quote}
  612.  
  613.  
  614. <div id="titlequote">{Quote}</div>
  615. {block:Source}<div id="source">{Source}</div>{/block:Source}
  616. {/block:Quote}
  617.  
  618.  
  619.  
  620. {block:Text}
  621.  
  622. {block:Title}
  623. <div id="title">{Title}</div>{/block:Title}
  624. {Body}
  625. {/block:Text}
  626.  
  627. {block:Link}
  628. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  629. {/block:Link}
  630.  
  631. {block:Chat}
  632. {block:Title}<div id="title">{Title}</div>{/block:Title}
  633. <div class="chat">
  634. <ol>{block:Lines}
  635. <li class="line {Alt}">
  636. {block:Label}
  637. <span class="label">
  638. {Label}</span>
  639. {/block:Label}{Line}</li>
  640. {/block:Lines}
  641. </ol></div>
  642. {/block:Chat}
  643.  
  644. {block:Photo}
  645. {block:ifnot500px}
  646. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  647. {/block:ifnot500px}
  648. {block:if500px}
  649. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  650. {/block:if500px}
  651. {/block:Photo}
  652.  
  653. {block:Photoset}
  654. {block:ifnot500px}
  655. {Photoset-400}
  656. {/block:ifnot500px}
  657. {block:if500px}
  658. {Photoset-500}
  659. {/block:if500px}
  660. {/block:Photoset}
  661.  
  662. {block:Video}
  663. {block:ifnot500px}
  664. {video-400}
  665. {/block:ifnot500px}
  666. {block:if500px}
  667. {video-500}
  668. {/block:if500px}
  669. {/block:Video}
  670.  
  671. {block:Audio}
  672. <div class="player">{AudioPlayerWhite}</div>
  673. <div class="audioinfo">
  674. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  675. </div>
  676. {/block:Audio}
  677.  
  678. {block:Answer}
  679. <div class="q">
  680. <div class="as">{Asker} said: </div>
  681. {Question}</div>
  682. <div class="a">{Answer}</div>
  683. {/block:Answer}
  684.  
  685. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  686.  
  687. {block:Date}
  688. <div id="permalink">
  689. <a href="{Permalink}" title="{12Hour}:{Minutes} {AmPm}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  690. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  691. </div>
  692. {/block:Date}
  693.  
  694.  
  695.  
  696. </div>
  697.  
  698.  
  699. {block:PostNotes}
  700. <div class="pagenotes">
  701. <div id="title">Notes</div>
  702. {PostNotes}
  703. </div>
  704. {/block:PostNotes}
  705.  
  706.  
  707. {/block:Posts}
  708.  
  709.  
  710. {block:Pagination}
  711. <div id="pagination">
  712. {block:PreviousPage}
  713. <a href="{PreviousPage}">&larr; previous </a>
  714. {/block:PreviousPage}
  715.  
  716.  
  717. {block:NextPage}
  718. <a href="{NextPage}">next &rarr;</a>
  719. {/block:NextPage}
  720. </div>
  721. {/block:Pagination}
  722.  
  723.  
  724.  
  725. </div>
  726.  
  727. </div>
  728.  
  729.  
  730. {block:ContentSource}
  731. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  732. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  733. {/block:SourceLogo}
  734. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  735. {/block:ContentSource}
  736. <div id="text"><script language="JavaScript">
  737. var ref = (''+document.referrer+'');
  738. var w_h = window.screen.width + " x " + window.screen.height;
  739. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4212946&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  740. </script>|<a href="http://farahmir.tumblr.com" title="septim" target="_blank"> S</a></div>
  741. </body>
  742.  
  743. <script type="text/javascript">
  744. $(document).ready(function() {
  745. $(window).scroll(function(){
  746. $('*[class^="prlx"]').each(function(r){
  747. var pos = $(this).offset().top;
  748. var scrolled = $(window).scrollTop();
  749. $('*[class^="prlx"]').css('top', +(scrolled * 0.5) + 'px');
  750. });
  751. });
  752. });
  753. </script>
  754.  
  755.  
  756.  
  757.  
  758.  
  759. </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!