API tools faq
paste
septims

Sans

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