Advertisement
rasperries

farahmir background

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