API tools faq
paste
Advertisement
septims

Harmony

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