Advertisement
septims

Machina

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