Advertisement
rasperries

big posts lp

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