Advertisement
rasperries

Famine (Bouise)

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