Advertisement
rasperries

sunrise 2

Jun 19th, 2014
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.69 KB | None | 0 0
  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