API tools faq
paste
Advertisement
rasperries

bouise theme (art gallery)

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