Advertisement
septims

Heather

Jan 31st, 2015
9,605
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.36 KB | None | 0 0
  1.  
  2.  
  3.  
  4. <!--
  5.  
  6. septim
  7.  
  8. -->
  9.  
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--Default Variables-->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#7d7d7d"/>
  24. <meta name="color:Link" content="#7d7d7d"/>
  25. <meta name="color:Title"content="#000000"/>
  26. <meta name="color:Blog Title"content="#000000"/>
  27. <meta name="color:Scrollbar" content="#d5d5d5" />
  28. <meta name="color:Borders" content="#eeeeee"/>
  29.  
  30. <meta name="if:Show Captions" content="1"/>
  31. <meta name="if:Hide Tags" content="0"/>
  32. <meta name="if:Image" content="1"/>
  33.  
  34. <meta name="image:Image" content=""/>
  35.  
  36. <meta name="text:Link 1 URL" content="" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 2 URL" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 3 URL" content="" />
  41. <meta name="text:Link 3" content="" />
  42.  
  43. <!--jquery-->
  44.  
  45. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  46. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  47. <script>
  48. $(function() {
  49. $(document).tooltip({
  50. track:true
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56. <script>
  57. $(document).ready(function(){
  58. $(".t").click(function(){
  59. $(".pagenotes").toggle();
  60. });
  61. });
  62. </script>
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. /*tumblr controls and lightbox*/
  69.  
  70. iframe#tumblr_controls {
  71. white-space:nowrap!important;
  72. -webkit-filter:invert(100%)!important;
  73. -moz-filter:invert(100%)!important;
  74. -ms-filter:invert(100%)!important;
  75. -o-filter:invert(100%)!important;
  76. filter:invert(100%)!important;
  77. top:5px!important;
  78. right:15px!important;
  79. opacity:.2!important;
  80. position:fixed!important;
  81. }
  82.  
  83. #tumblr_lightbox {
  84. background-color:rgba(255, 255, 255, .9)!important;
  85. z-index:99999!important;
  86. }
  87.  
  88. #tumblr_lightbox img {opacity:0;}
  89.  
  90. #tumblr_lightbox_caption {
  91. color:black!important;
  92. font-family:arial!important;
  93. font-size:10px!important;
  94. font-weight:normal!important;
  95. text-shadow:none!important;
  96. }
  97.  
  98. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  99. padding:10px!important;
  100. background:white!important;
  101. margin-top:-10px!important;
  102. margin-left:-10px!important;
  103. -moz-box-shadow:none!important;
  104. -webkit-box-shadow:none!important;
  105. box-shadow:none!important;
  106. -moz-border-radius:0px!important;
  107. -webkit-border-radius:0px!important;
  108. border-radius:0pxpx!important;
  109. opacity:1!important;
  110. }
  111.  
  112. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  113.  
  114. /*tooltip*/
  115.  
  116. .ui-tooltip {
  117. position:Absolute;
  118. z-index:9999;
  119. padding-top:10px;
  120. }
  121.  
  122. .ui-tooltip-content {
  123. background:{color:background};
  124. color:{color:title};
  125. padding-bottom:3px;
  126. font-size:8px;
  127. text-transform:uppercase;
  128. border-bottom:1px solid {color:borders};
  129. letter-spacing:1px;
  130. }
  131.  
  132. /*scrollbar*/
  133.  
  134. ::-webkit-scrollbar{
  135. height:5px;
  136. width:8px;
  137. -webkit-border-radius: 0px;
  138. background-color:{color:background};
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb{
  142. background-color:{color:background};
  143. border-left:1px solid {color:background};
  144. }
  145.  
  146. ::-webkit-scrollbar-track{
  147. background-color:{color:background};
  148. border-left:1px solid {color:scrollbar};
  149. }
  150.  
  151. /*general*/
  152.  
  153. body {
  154. background:{color:background};
  155. color:{color:text};
  156. font-family:times;
  157. font-size:10px;
  158. text-align:justify;
  159. margin:0;
  160. line-height:150%}
  161.  
  162. img {
  163. opacity:1;
  164. border:none;
  165. text-decoration:none;
  166. }
  167.  
  168. h1, h2, h3, h4 {
  169. font-size:10px;
  170. font-weight:normal;
  171. color:{color:title};
  172. }
  173.  
  174. b, strong {color:{color:title};}
  175.  
  176. em {color:{color:text};}
  177.  
  178. p {margin:5px 0;}
  179.  
  180. p:first-of-type {margin-top:0;}
  181.  
  182. p:last-of-type {margin-bottom:0;}
  183.  
  184. ol {list-style:lower-roman;}
  185.  
  186. ul {list-style:circle;}
  187.  
  188. small {font-size:10px;}
  189.  
  190. big {font-size:10px;}
  191.  
  192. a {
  193. color:{color:text};
  194. border-bottom:1px solid {color:link};
  195. text-decoration:none;
  196. }
  197.  
  198. a:hover {
  199. border-bottom:1px solid {color:text};
  200. text-decoration:none;
  201. }
  202.  
  203. blockquote {
  204. border-left:1px solid {color:borders};
  205. margin:5px 10px;
  206. padding:5px 10px;
  207. }
  208.  
  209. .caption blockquote {
  210. margin:5px 0;
  211. padding:0;
  212. border:0;
  213. position:relative;
  214. font-style:italic;
  215. margin-left:20px;
  216. }
  217. .caption blockquote blockquote:before {display:none;}
  218.  
  219. .caption blockquote blockquote {
  220. margin:0;
  221. padding:0;
  222. }
  223.  
  224. .caption blockquote:before {
  225. position:Absolute;
  226. content:'';
  227. width:15px;
  228. left:-20px;
  229. margin-top:7px;
  230. height:1px;
  231. background:{color:borders};
  232. }
  233.  
  234. pre {
  235. width:400px!important;
  236. overflow-x:scroll;
  237. word-break:break-all;
  238. font-family:times;
  239. font-size:10px;
  240. background:transparent;
  241. }
  242.  
  243. /*sidebar*/
  244.  
  245. #headers {
  246. width:150px;
  247. position:fixed;
  248. top:100px;
  249. left:50%;
  250. margin-left:250px;
  251. text-align:left;
  252. }
  253.  
  254. #headers img {
  255. display:block;
  256. width:150px;
  257. margin-bottom:15px;
  258. }
  259.  
  260. #blogt {
  261. font-size:14px;
  262. margin-bottom:10px;
  263. letter-spacing:3px;
  264. text-transform:uppercase;
  265. }
  266.  
  267. #blogt a {
  268. color:{color:blog title};
  269. text-decoration:none;
  270. border:0;
  271. }
  272.  
  273. #standardlinks {
  274. margin-left:35px;
  275. position:Relative;
  276. -webkit-transition:all 0.6s;
  277. -moz-transition:all 0.6s;
  278. -ms-transition:all 0.6s;
  279. -o-transition:all 0.6s;
  280. transition:all 0.6s;
  281. }
  282.  
  283. #standardlinks a {
  284. margin-left:3px;
  285. cursor:pointer;
  286. text-transform:lowercase;
  287. }
  288.  
  289. #standardlinks:before {
  290. position:Absolute;
  291. content:'';
  292. width:30px;
  293. left:-35px;
  294. top:7px;
  295. height:1px;
  296. background:{color:borders};
  297. }
  298.  
  299. .description {
  300. text-align:justify;
  301. margin-bottom:10px;
  302. }
  303.  
  304. /*pagination*/
  305.  
  306. #pagination {
  307. margin:10px 0 100px 0;
  308. padding-top:8px;
  309. border-top:1px solid {color:borders};
  310. }
  311.  
  312. #pagination a {
  313. border:none;
  314. padding:10px;
  315. }
  316.  
  317. .song {float:right;}
  318.  
  319. .current_page {
  320. padding:10px;
  321. color:{color:title};
  322. border-top:1px solid {color:title};
  323. }
  324.  
  325. .jump_page {
  326. color:{color:link};
  327. }
  328.  
  329. /*posts*/
  330.  
  331. #ent {
  332. width:400px;
  333. margin:100px auto 0 auto;
  334. {block:PermalinkPage}
  335. margin:100px auto;
  336. {/block:PermalinkPage}
  337. }
  338.  
  339. #posts {
  340. -webkit-animation-name: fade-in;
  341. -webkit-animation-duration: 1.5s;
  342. width:400px;
  343. {block:IndexPage}
  344. margin-bottom:100px;
  345. {/block:IndexPage}
  346. {block:PermalinkPage}
  347. margin-bottom:25px;
  348. {/block:PermalinkPage}
  349. }
  350.  
  351. #posts img {max-width:400px;}
  352.  
  353. #posts li, #posts blockquote {max-width: 100%;}
  354.  
  355. .photo img {display:block;}
  356.  
  357. .photoset {display:block;}
  358.  
  359. /*titles*/
  360.  
  361. #title {
  362. font-size:12px;
  363. margin-bottom:15px;
  364. font-style:italic;
  365. margin-left:40px;
  366. position:relative;
  367. color:{color:title};
  368. }
  369.  
  370. #title:before {
  371. position:Absolute;
  372. content:'';
  373. width:30px;
  374. left:-40px;
  375. top:7px;
  376. height:1px;
  377. background:{color:borders};
  378. }
  379.  
  380. #title a {color:{color:title};}
  381.  
  382. /*captions*/
  383.  
  384. .caption img {max-width:400px;}
  385.  
  386. .caption {
  387. {block:ifnotshowcaptions}
  388. {block:indexpage}
  389. display:none;
  390. {/block:indexpage}
  391. {/block:ifnotshowcaptions}
  392. margin-top:15px;
  393. padding:0;
  394. width:100%;
  395. text-transform:none;
  396. }
  397.  
  398. /*quotes*/
  399.  
  400. #titlequote{
  401. font-size:12px;
  402. font-style:italic;
  403. margin:0 50px;
  404. color:{color:title};
  405. }
  406.  
  407. #source {
  408. text-align:left;
  409. position:relative;
  410. margin-top:10px;
  411. margin-left:20px;
  412. }
  413.  
  414. #source:before {
  415. position:Absolute;
  416. content:'';
  417. width:15px;
  418. left:-20px;
  419. margin-top:7px;
  420. height:1px;
  421. background:{color:borders};
  422. }
  423.  
  424. /*asks*/
  425.  
  426. .q {
  427. padding:5px 0;
  428. font-style:italic;
  429. text-transform:none;
  430. }
  431.  
  432. .as {
  433. letter-spacing:2px;
  434. text-transform:uppercase;
  435. font-size:8px;
  436. position:Relative;
  437. margin-left:20px;
  438. }
  439.  
  440. .as:before {
  441. position:Absolute;
  442. content:'';
  443. width:15px;
  444. left:-20px;
  445. top:7px;
  446. height:1px;
  447. background:{color:borders};
  448. }
  449.  
  450. .a {margin-top:15px;}
  451.  
  452. .a ol, li, blockquote {text-align:left;}
  453.  
  454. /*chat*/
  455.  
  456. .chat ol {
  457. padding:0;
  458. margin:0;
  459. list-style:none;
  460. }
  461.  
  462. .line.odd {padding:5px 0;}
  463.  
  464. .line.even {padding:5px 0;}
  465.  
  466. .label {
  467. font-weight:bold;
  468. padding-right:1px;
  469. color:{color:title};
  470. }
  471.  
  472. /*audio*/
  473.  
  474. .tumblr_audio_player {
  475. width:400px;
  476. height:30px;
  477. }
  478.  
  479. .player {
  480. width:30px;
  481. overflow:hidden;
  482. padding-left:10px;
  483. border-left:1px solid {color:borders};
  484. height:33px;
  485. float:left;
  486. padding-top:2px;
  487. border-right:10px solid {color:background};
  488. }
  489.  
  490. .audio_info {
  491. padding-top:5px;
  492. letter-spacing:1px;
  493. font-size:8px;
  494. text-transform:uppercase;
  495. }
  496.  
  497. .plays {
  498. font-style:italic;
  499. text-transform:none;
  500. letter-spacing:0;
  501. font-size:10px;
  502. }
  503.  
  504. /*permalink and notes*/
  505.  
  506. #permalink {
  507. margin-top:10px;
  508. font-size:8px;
  509. text-transform:uppercase;
  510. letter-spacing:1px;
  511. }
  512.  
  513. #permalink a {{block:indexpage}margin-right:5px;{/block:indexpage}}
  514.  
  515. .tags {
  516. {block:indexpage}
  517. {block:ifhidetags}
  518. display:none;
  519. {/block:ifhidetags}
  520. {/block:indexpage}
  521. position:relative;
  522. margin-left:0px;
  523. }
  524.  
  525. .tags:before {
  526. position:Absolute;
  527. content:'';
  528. width:0;
  529. left:0px;
  530. margin-top:6px;
  531. height:1px;
  532. background:{color:borders};
  533. -webkit-transition:all 0.6s;
  534. -moz-transition:all 0.6s;
  535. -ms-transition:all 0.6s;
  536. -o-transition:all 0.6s;
  537. transition:all 0.6s;
  538. }
  539.  
  540. .tags a {
  541. letter-spacing:0;
  542. font-size:9px;
  543. text-transform:none;
  544. font-style:italic;
  545. {block:permalinkpage}
  546. margin-right:5px!important;
  547. {/block:permalinkpage}
  548. }
  549.  
  550. /*notes*/
  551.  
  552. .pagenotes {
  553. -webkit-animation-name: fade-in;
  554. -webkit-animation-duration: 1.5s;
  555. width:375px;
  556. padding:5px 0 5px 24px;
  557. margin-bottom:20px;
  558. display:none;
  559. border-left:1px solid {color:borders};
  560. }
  561.  
  562. .pagenotes ol {
  563. margin:0;
  564. padding:0;
  565. }
  566.  
  567. .pagenotes img {display:none!important;}
  568.  
  569. .pagenotes li {
  570. list-style-type:none;
  571. padding:5px 0px;
  572. text-align:left;
  573. font-size:8px;
  574. letter-spacing:1px;
  575. text-transform:uppercase;
  576. }
  577.  
  578. .t {
  579. -webkit-animation-name: fade-in;
  580. -webkit-animation-duration: 1.5s;
  581. font-style:italic;
  582. color:{color:title};
  583. position:relative;
  584. font-size:12px;
  585. cursor:pointer;
  586. margin-top:25px;
  587. margin-bottom:10px;
  588. margin-left:35px;
  589. }
  590.  
  591. .t:before {
  592. position:Absolute;
  593. content:'';
  594. width:25px;
  595. left:-35px;
  596. margin-top:6px;
  597. height:1px;
  598. background:{color:borders};
  599. -webkit-transition:all 0.6s;
  600. -moz-transition:all 0.6s;
  601. -ms-transition:all 0.6s;
  602. -o-transition:all 0.6s;
  603. transition:all 0.6s;
  604. }
  605.  
  606. .more_notes_link {
  607. display:block;
  608. border:0;
  609. font-weight:bold;
  610. text-align:left;}
  611.  
  612. .more_notes_link:hover {border:0;}
  613.  
  614.  
  615. #hot {
  616. position:fixed;
  617. right:15px;
  618. bottom:15px;
  619. }
  620.  
  621. {customCss}
  622.  
  623. @-webkit-keyframes fade-in {
  624. 0% { opacity: 0; }
  625. 50% { opacity: 0; }
  626. 100% { opacity: 1; }
  627.  
  628.  
  629. </style>
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637. <body>
  638.  
  639. <div id="hot"><a href="http://farahmir.tumblr.com" title="Septim" style="border:none">&copy;</a></div>
  640.  
  641. <div id="headers">
  642. {block:ifimage}<a href="/"><img src="{image:image}"/></a>{/block:ifimage}
  643. <div id="blogt"><a href="/">{title}</a></div>
  644. <div class="description">{description}</div>
  645. <div id="standardlinks">
  646. <a href="/">index</a>,
  647. <a href="/ask">message</a>,
  648. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>,{/block:ifLink1}
  649. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>,{/block:ifLink2}
  650. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3},</a>{/block:ifLink3}
  651. <a href="/archive">archive</a>
  652. </div>
  653. </div>
  654.  
  655. <div id="ent">
  656.  
  657. {block:Posts}
  658.  
  659. <div id="posts" >
  660.  
  661. {block:Quote}
  662. <div id="titlequote">“{Quote}”</div>
  663. {block:Source}<div id="source">{Source}</div>{/block:Source}
  664. {/block:Quote}
  665.  
  666. {block:Text}
  667. {block:Title}<div id="title">{Title}</div>{/block:Title}
  668. <div class="te">{Body}</div>
  669. {/block:Text}
  670.  
  671. {block:Link}
  672. <div id="title"><a href="{URL}">{Name}</a></div>
  673. {block:Description}{Description}{/block:Description}
  674. {/block:Link}
  675.  
  676. {block:Chat}
  677. {block:Title}<div id="title">{Title}</div>{/block:Title}
  678. <div class="chat">
  679. <ol>{block:Lines}
  680. <li class="line {Alt}">
  681. {block:Label}
  682. <span class="label">
  683. {Label}</span>
  684. {/block:Label}{Line}</li>
  685. {/block:Lines}
  686. </ol></div>
  687. {/block:Chat}
  688.  
  689. {block:Photo}
  690. <div class="photo">
  691. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  692. </div>
  693. {/block:Photo}
  694.  
  695. {block:Photoset}
  696. <div class="photoset">{photoset}</div>
  697. {/block:Photoset}
  698.  
  699. {block:Answer}
  700. <div class="as">{Asker} said:</div>
  701. <div class="q">{Question}</div>
  702. <div class="a">{Answer}</div>
  703. {/block:Answer}
  704.  
  705. {block:Video}
  706. {video-400}
  707. {/block:Video}
  708.  
  709. {block:Audio}
  710. {block:AudioPlayer}
  711. <div class="player">{AudioPlayerWhite}</div>
  712. {/block:AudioPlayer}
  713. <div class="audio_info">
  714. {block:TrackName}{TrackName}{/block:TrackName}
  715. <div class="plays">{block:Artist}{Artist} &mdash; {/block:Artist}
  716. {playcountwithlabel}
  717. </div>
  718. </div>
  719. {/block:Audio}
  720.  
  721. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  722.  
  723. {block:Date}
  724. <div id="permalink">
  725. {block:indexpage}<a href="{Permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}/&nbsp;&nbsp;<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}/&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:indexpage}
  726. {block:permalinkpage}Posten on <a href="{Permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<br><a href="{ReblogURL}" target="_blank">reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} &mdash; <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  727. {block:HasTags}<div class="tags">Indexed: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  728. </div>
  729. {/block:Date}
  730.  
  731. </div>
  732.  
  733. {block:PostNotes}
  734. <div class="t">Notes</div>
  735. <div class="pagenotes">{PostNotes}</div>
  736. {/block:PostNotes}
  737.  
  738. {/block:Posts}
  739.  
  740. {block:Pagination}
  741. <div id="pagination">
  742. <div class="song">
  743. {block:PreviousPage}
  744. <a href="{PreviousPage}" style="font-style:italic">Back</a>/
  745. {/block:PreviousPage}
  746. {block:NextPage}
  747. <a href="{NextPage}" style="font-style:italic">Next</a>
  748. {/block:NextPage}
  749. </div>
  750. {block:JumpPagination length="5"}
  751. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  752. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  753. {/block:JumpPagination}
  754. </div>
  755. {/block:Pagination}
  756.  
  757. </div>
  758.  
  759. {block:ContentSource}
  760. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  761. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  762. {/block:SourceLogo}
  763. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  764. {/block:ContentSource}
  765.  
  766. </body>
  767.  
  768. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement