Advertisement
rasperries

lp2

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