API tools faq
paste
Advertisement
septims

Connect

septims
Feb 22nd, 2014
3,423
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.06 KB | None | 0 0
raw download clone embed print report
  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. <!DOCTYPE html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!--Default Variables-->
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#cccccc"/>
  26. <meta name="color:link" content="#a7a7a7"/>
  27. <meta name="color:title"content="#070707"/>
  28. <meta name="color:blog title"content="#aaaaaa"/>
  29. <meta name="color:scrollbar" content="#d5d5d5" />
  30. <meta name="color:link hover" content="#aaaaaa"/>
  31.  
  32. <meta name="if:Show Tags" content="0">
  33. <meta name="if:Hide Captions" content="1">
  34.  
  35. <meta name="text:Link 1 URL" content="" />
  36. <meta name="text:Link 1" content="" />
  37. <meta name="text:Link 2 URL" content="" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:Link 3 URL" content="" />
  40. <meta name="text:Link 3" content="" />
  41. <meta name="text:Link 4 URL" content="" />
  42. <meta name="text:Link 4" content="" />
  43.  
  44.  
  45. <!-- jquery -->
  46.  
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49.  
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51.  
  52. <script>
  53.  
  54. (function($){
  55.  
  56. $(document).ready(function(){
  57.  
  58. $("a[title]").style_my_tooltips({
  59.  
  60. tip_follows_cursor:true,
  61.  
  62. tip_delay_time:30,
  63.  
  64. tip_fade_speed:300,
  65.  
  66. attribute:"title"
  67.  
  68. });
  69.  
  70. });
  71.  
  72. })(jQuery);
  73.  
  74. </script>
  75.  
  76.  
  77. <!--CSS customization here. -->
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip{
  82. font-size:9px;
  83. position:absolute;
  84. margin-top: 15px;
  85. letter-spacing:1px;
  86. z-index:9999;
  87. font-style:italic;
  88. border-bottom:1px dotted {color:link hover};
  89. color:{color:text};
  90. text-transform:lowercase;
  91. padding:0px 3px;
  92. background:{color:background};
  93. }
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100. /*scrollbar*/
  101. ::-webkit-scrollbar{height: 5px;
  102. width: 3px;
  103. -webkit-border-radius: 0px;
  104. background-color:{color:background}}
  105. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  106. ::-webkit-scrollbar-track{background-color:{color:background};}
  107.  
  108.  
  109.  
  110.  
  111. #text {position:fixed;
  112. bottom:5px;
  113. right:10px;
  114. padding:5px;
  115. font-size:12px;}
  116. #text a {text-decoration:none;}
  117.  
  118. /*main structure*/
  119. blockquote {padding:5px 0 5px 30px;
  120. border-left:1px solid {color:text};
  121. margin-left:30px;
  122. text-align:justify;
  123. }
  124. .caption blockquote {
  125. padding:0;
  126. border:none;
  127. text-align:center;}
  128.  
  129.  
  130. body {
  131. background:{color:background};
  132. color:{color:text};
  133. font-family:serif;
  134. font-size:11px;
  135. font-weight:normal;
  136. text-align:justify;
  137. margin:0;
  138. line-height:17px;}
  139.  
  140.  
  141. a {
  142. color:{color:link};
  143. text-decoration:none;
  144. border-bottom:1px dotted transparent;
  145. }
  146.  
  147. a:hover {border-bottom:1px dotted {color:link hover};
  148. color:{color:title}; }
  149.  
  150. img{
  151. opacity:1;
  152. border:none;
  153. text-decoration:none}
  154.  
  155.  
  156. b, strong {
  157. color:{color:title}}
  158. i, em {
  159. color:{color:text}}
  160. p {
  161. margin-top:5px;
  162. margin-bottom:5px}
  163. ol {
  164. list-style:normal;
  165. text-align:justify;}
  166. ul {
  167. list-style:square;
  168. text-align:justify;}
  169.  
  170. small {
  171. font-size:10px;}
  172.  
  173. big {
  174. font-size:14px;}
  175.  
  176.  
  177.  
  178.  
  179. #title {font-size:12px;
  180. line-height:20px;
  181. text-align:center;
  182. font-style:italic;
  183. margin-bottom:20px;
  184. color:{color:title};}
  185. #title a {color:{color:title};}
  186.  
  187. h1 {font-size:12px;}
  188. h2 {font-size:12px;}
  189. h3 {font-size:12px;}
  190. /*header*/
  191.  
  192.  
  193. #headers {
  194. width:500px;
  195. text-align:center;
  196. margin-top:150px;
  197. margin-bottom:100px;}
  198.  
  199.  
  200.  
  201. #blogt {font-size:28px;
  202. width:170px;
  203. display:inline-block;
  204. text-align:right;
  205. letter-spacing:2px;
  206. text-transform:uppercase;}
  207. #blogt a {color:{color:blog title};border:none;}
  208. .standardlinks {
  209. font-size:8px;margin-top:5px;
  210. line-height:12px;
  211. letter-spacing:1px;
  212. text-transform:uppercase;
  213. }
  214.  
  215.  
  216. .standardlinks a {
  217. margin:0 0 0 5px;
  218. color:{color:blog title};
  219. }
  220.  
  221.  
  222. #description {width:300px;
  223. padding-right:15px;
  224. margin-left:15px;
  225. margin-top:-5px;
  226. text-align:left;
  227. float:right;}
  228.  
  229. /*pagination*/
  230. #pagination {
  231. margin:10px 0 100px 0;
  232. padding-top:7px;
  233. font-size:8px;
  234. text-align:center;
  235. letter-spacing:1px;
  236. text-transform:uppercase;
  237. border-top:1px dotted {color:link hover};
  238. }
  239.  
  240.  
  241. #pagination a {
  242. border:none;
  243. padding:10px 15px;}
  244.  
  245.  
  246. .current_page {
  247. padding:9px 15px;
  248. font-weight:bold;
  249. font-size:10px;
  250. color:{color:title};
  251. border-top:1px solid {color:title};
  252. }
  253. .jump_page { font-size:10px;
  254. color:{color:link};
  255. }
  256.  
  257. #con {
  258. left:50%;
  259. margin-left:-250px;
  260. position:absolute;
  261. }
  262.  
  263.  
  264.  
  265. /*posts*/
  266.  
  267. #entries {
  268. margin-top:30px;
  269. width:500px;
  270. }
  271.  
  272.  
  273.  
  274. #posts {
  275. width:500px;
  276. {block:IndexPage}
  277. margin-bottom:150px;
  278. {/block:IndexPage}
  279. {block:PermalinkPage}
  280. margin-bottom:75px;
  281. {/block:PermalinkPage}
  282. }
  283.  
  284. #posts img {
  285. max-width:400px;
  286. display:block;
  287. }
  288.  
  289.  
  290.  
  291.  
  292. #buttt img {width:500px;}
  293.  
  294. #titlequote{
  295. font-size:12px;
  296. text-align:center;
  297. font-style:italic;
  298. line-height:24px;
  299. color:{color:title};
  300. }
  301.  
  302. #source {
  303. font-size:8px;
  304. text-align:center;
  305. text-transform:uppercase;
  306. margin-top:10px;}
  307.  
  308. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  309. .caption img{max-width:200px;}
  310. .caption {
  311. padding:25px 25px 15px 25px;
  312. text-align:center;
  313. text-transform:none;
  314. {block:IfHideCaptions}
  315. {block:IndexPage}
  316. display:none;
  317. {/block:IndexPage}
  318. {/block:IfHideCaptions}
  319. }
  320. .photoset {display:block;}
  321.  
  322. .text {padding:25px}
  323.  
  324. /*audio*/
  325.  
  326. .player {
  327. height:27px;
  328. overflow:hidden;
  329. width:27px;
  330. margin:0 auto;
  331. border:1px dotted {color:text};}
  332. .tumblr_audio_player {width:auto;
  333. z-index:0;}
  334. .audioinfo {
  335. text-transform:uppercase;
  336. font-size:8px;
  337. text-align:center;
  338. padding:10px;
  339. line-height:14px;
  340. letter-spacing:1px;
  341. }
  342. .audioinfo b {font-size:12px;
  343. font-weight:normal;
  344. text-transform:none;
  345. font-style:italic;}
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354. /*asks*/
  355. .q {
  356. line-height:20px;
  357. text-align:center;
  358. font-style:italic;
  359. font-size:12px;
  360. color:{color:title};
  361. }
  362. .as {
  363. font-size:8px;
  364. text-align:center;
  365. letter-spacing:1px;
  366. text-transform:uppercase;}
  367.  
  368. .a {margin-top:15px}
  369.  
  370.  
  371.  
  372.  
  373.  
  374. .chat ol {
  375. padding:0;
  376. line-height:180%;
  377. list-style:none;
  378. }
  379.  
  380. .line.odd {
  381. padding:5px 0;
  382. }
  383.  
  384. .line.even {
  385. padding:5px 0;
  386. }
  387.  
  388. .label {font-weight:bold;
  389. display:inline-block;
  390. text-transform:uppercase;
  391. color:{color:title};
  392. }
  393.  
  394.  
  395.  
  396.  
  397.  
  398. /*permalink and notes*/
  399.  
  400.  
  401. #permalink {
  402. text-align:center;
  403. margin-top:10px;
  404. font-size:8px;
  405. letter-spacing:1px;
  406. text-transform:uppercase;
  407. }
  408. #permalink a {display:inline-block;
  409. margin-right:5px;
  410. }
  411.  
  412.  
  413. .tags {{block:ifNotShowTags}
  414. {block:IndexPage}
  415. display:none;
  416. {/block:IndexPage}
  417. {/block:ifNotShowTags}
  418. word-break:break-all;
  419. font-size:8px;
  420.  
  421. }
  422. .tags a{margin:0 5px;
  423. text-transform:none;
  424. text-decoration:none;}
  425.  
  426. .pagenotes {
  427. {block:IndexPage}
  428. display: none!important;
  429. {/block:IndexPage}
  430. margin-bottom:5px;
  431. text-align:Center;
  432. width:500px;
  433. }
  434. .pagenotes img {
  435. display:none!important;}
  436. .pagenotes li {
  437. list-style-type:none;
  438. padding:5px 0px;
  439. margin:0 0 0 -40px;
  440. font-size:8px;
  441. letter-spacing:1px;
  442. text-align:left;
  443. text-transform:uppercase;
  444. }
  445. #displayNotes {font-style:italic;
  446. text-align:left;
  447. color:{color:title};}
  448.  
  449.  
  450.  
  451.  
  452. {CustomCSS}
  453.  
  454.  
  455.  
  456.  
  457. </style>
  458.  
  459. <!-- notes -->
  460.  
  461. <script language="javascript">
  462.  
  463. function toggle() {
  464. var ele = document.getElementById("toggleNotes");
  465. var text = document.getElementById("displayNotes");
  466. if(ele.style.display == "block") {
  467. ele.style.display = "none";
  468. text.innerHTML = "show notes";
  469. }
  470. else {
  471. ele.style.display = "block";
  472. text.innerHTML = "hide notes";
  473. }
  474. }
  475.  
  476. </script>
  477.  
  478. </head>
  479.  
  480. <body>
  481.  
  482. <div id="text"><a href="http://farahmir.tumblr.com" title="septim" target="_blank">☢</a></div>
  483.  
  484. <div id="con">
  485.  
  486. <div id="h">
  487. <div id="headers">
  488. <div id="description">{Description}</div>
  489. <div id="blogt"><a href="/">{Title}</a>
  490. <div class="standardlinks">
  491. <a href="/">index</a>
  492. <a href="/ask">ask</a>
  493. <a href="/archive">archive</a>
  494. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  495. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  496. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  497. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  498. </div>
  499. </div>
  500.  
  501. </div>
  502. </div>
  503.  
  504. <div id="entries">
  505. {block:Posts}
  506. <div id="posts">
  507.  
  508.  
  509.  
  510. {block:Quote}
  511. <div class="text">
  512. <div id="titlequote">{Quote}</div>
  513. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  514. </div>
  515. {/block:Quote}
  516.  
  517.  
  518.  
  519. {block:Text}
  520. <div class="text">
  521. {block:Title}<div id="title">{Title}</div>{/block:Title}
  522. {Body}
  523. </div>
  524. {/block:Text}
  525.  
  526. {block:Link}
  527. <div class="text">
  528. <div id="title"><a href="{URL}">{Name}</a></div>
  529. {block:Description}{Description}{/block:Description}
  530. </div>
  531. {/block:Link}
  532.  
  533. {block:Chat}
  534. <div class="text">
  535. {block:Title}
  536. <h1>{Title}</h1>
  537. {/block:Title}
  538. <div class="chat">
  539. <ol>{block:Lines}
  540. <li class="line {Alt}">
  541. {block:Label}
  542. <span class="label">
  543. {Label}</span>
  544. {/block:Label}{Line}</li>
  545. {/block:Lines}
  546. </ol></div>
  547. </div>
  548. {/block:Chat}
  549.  
  550. {block:Photo}
  551. <div id="buttt">
  552. {block:indexpage}
  553. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</a>
  554. {/block:indexpage}
  555. {block:permalinkpage}
  556. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  557. {block:permalinkpage}
  558. </div>
  559.  
  560.  
  561. {/block:Photo}
  562.  
  563. {block:Photoset}
  564. <div class="photoset">
  565. {Photoset-500}
  566. </div>
  567. {/block:Photoset}
  568.  
  569. {block:Video}
  570. {Video-500}
  571. {/block:Video}
  572.  
  573.  
  574.  
  575. {block:Audio}
  576. <div class="text">
  577. <div class="audioinfo">
  578. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  579. </div>
  580. <div class="playerback">
  581. <div class="player">{AudioPlayerWhite}</div>
  582. </div>
  583. </div>
  584. {/block:Audio}
  585.  
  586. {block:Answer}
  587. <div class="text">
  588. <div class="as">{Asker} said:</div>
  589. <div class="q">{Question}</div>
  590. <div class="a">{Answer}</div>
  591. </div>
  592. {/block:Answer}
  593.  
  594. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  595.  
  596. {block:Date}
  597. <div id="permalink">
  598. <a href="{Permalink}">{monthnumber}.{dayofmonth}.{year}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">Reblog</a>{block:permalinkPage}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">( source )</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkPage}
  599. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  600. </div>
  601. {/block:Date}
  602.  
  603. </div>
  604.  
  605.  
  606.  
  607.  
  608. {block:PostNotes}
  609. <div class="text">
  610. <div class="pagenotes">
  611. <a id="displayNotes" href="javascript:toggle();">Show Notes</a>
  612. <div id="toggleNotes" style="display:none;">
  613. {PostNotes}
  614. </div>
  615. </div>
  616. </div>
  617. {/block:PostNotes}
  618.  
  619.  
  620. {/block:Posts}
  621. </div>
  622.  
  623. {block:PermalinkPagination}
  624. <div id="pagination" style="text-align:left">
  625. {block:NextPost}
  626. <a href="{NextPost}">Previous Post</a>
  627. {/block:NextPost}
  628. {block:PreviousPost}
  629. <span style="float:right">
  630. <a href="{PreviousPost}">Next Post</a>
  631. </span>
  632. {/block:PreviousPost}
  633. </div>
  634. {/block:PermalinkPagination}
  635.  
  636. {block:Pagination}
  637. <div id="pagination">
  638. {block:PreviousPage}
  639. <a href="{PreviousPage}">Back</a>
  640. {/block:PreviousPage}
  641. {block:JumpPagination length="5"}
  642. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  643. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  644. {/block:JumpPagination}
  645. {block:NextPage}
  646. <a href="{NextPage}">Next</a>
  647. {/block:NextPage}
  648. </div>
  649. {/block:Pagination}
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656. </div>
  657. {block:ContentSource}
  658. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  659. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  660. {/block:SourceLogo}
  661. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  662. {/block:ContentSource}
  663.  
  664. </body></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!