Advertisement
rasperries

indemne septim

Nov 20th, 2014
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.88 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:link hover" content="#FFF661"/>
  30. <meta name="color:title"content="#000000"/>
  31. <meta name="color:blog title"content="#000000"/>
  32. <meta name="color:scrollbar" content="#d5d5d5" />
  33. <meta name="color:borders" content="#cccccc"/>
  34. <meta name="if:Infinite Scroll" content="1"/>
  35.  
  36.  
  37. <meta name="image:Sidebar image" content=""/>
  38.  
  39. <meta name="if:500px posts" content="0"/>
  40. <meta name="if:Centered Content" content="1"/>
  41. <meta name="if:Show Sidebar Image" content="1"/>
  42. <meta name="if:Small Sidebar Image" content="1"/>
  43. <meta name="if:Show Tags" content="0"/>
  44. <meta name="if:Show Captions" content="1"/>
  45. <meta name="if:Show Title" content="1"/>
  46. <meta name="if:Top Sidebar" content="0"/>
  47. <meta name="text:Link 1 URL" content="" />
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 2 URL" content="" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:Link 3 URL" content="" />
  52. <meta name="text:Link 3" content="" />
  53.  
  54.  
  55.  
  56.  
  57. <!-- jquery -->
  58.  
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65.  
  66. (function($){
  67.  
  68. $(document).ready(function(){
  69.  
  70. $("a[title]").style_my_tooltips({
  71.  
  72. tip_follows_cursor:true,
  73.  
  74. tip_delay_time:30,
  75.  
  76. tip_fade_speed:300,
  77.  
  78. attribute:"title"
  79.  
  80. });
  81.  
  82. });
  83.  
  84. })(jQuery);
  85.  
  86. </script>
  87.  
  88. {block:indexpage}
  89. {block:ifinfinitescroll}
  90. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  91. {/block:ifinfinitescroll}
  92. {/block:indexpage}
  93.  
  94. <!--CSS customization here. -->
  95.  
  96. <style type="text/css">
  97.  
  98.  
  99. #s-m-t-tooltip{
  100. font-size:9px;
  101. position:absolute;
  102. margin-top: 15px;
  103. letter-spacing:1px;
  104. z-index:9999;
  105. background:white;
  106. color:{color:text};
  107. text-transform:uppercase;
  108. padding:2px 3px 2px 3px;
  109. -webkit-transition:all 0.3s;
  110. -moz-transition:all 0.3s;
  111. -ms-transition:all 0.3s;
  112. -o-transition:all 0.3s;
  113. transition:all 0.3s;
  114. }
  115.  
  116.  
  117.  
  118.  
  119. /*scrollbar*/
  120. ::-webkit-scrollbar{height: 5px;
  121. width: 4px;
  122. -webkit-border-radius: 0px;
  123. background-color:{color:background}}
  124. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  125. ::-webkit-scrollbar-track{background-color:{color:background};}
  126.  
  127.  
  128.  
  129.  
  130.  
  131. #text {margin-bottom:75px;
  132. margin-top:5px;
  133. text-transform:uppercase;
  134. font-size:6px;
  135. letter-spacing:2px;
  136. text-align:center;}
  137.  
  138.  
  139. /*main structure*/
  140. blockquote {padding:5px 0 5px 15px;
  141. border-left:1px solid #ddd;
  142. margin:10px 0px 10px 0px;
  143. max-width:390px;
  144. }
  145.  
  146. .caption blockquote {padding:0 0 0 15px;
  147. margin:10px 0;
  148. max-width:390px;
  149. }
  150.  
  151. body {
  152. background:{color:background};
  153. color:{color:text};
  154. font-family:arial;
  155. font-size:10px;
  156. text-align:justify;
  157. margin:0;
  158. line-height:125%;}
  159.  
  160. a {color:{color:link};
  161. text-decoration:none;
  162. }
  163.  
  164. a:hover {
  165. text-shadow:1px 1px {color:link hover};
  166. }
  167.  
  168. img{
  169. border:none;
  170. text-decoration:none}
  171.  
  172. b, strong {
  173. color:{color:title}}
  174. i, em {
  175. color:{color:text}}
  176. p {
  177. margin-top:5px;
  178. margin-bottom:5px}
  179. ol {
  180. list-style:normal;}
  181. ul {
  182. list-style:square;}
  183.  
  184. small {
  185. font-size:10px;}
  186.  
  187. big {
  188. font-size:14px;}
  189.  
  190.  
  191.  
  192.  
  193. #title {font-size:13px;
  194. line-height:18px;
  195. margin-bottom:10px;
  196. font-weight:900;
  197. text-transform:lowercase;
  198. color:{color:title};}
  199. #title a {color:{color:title};}
  200.  
  201.  
  202.  
  203.  
  204. /*header*/
  205. #headers {{block:iftopsidebar}
  206. top:100px;
  207. {/block:iftopsidebar}
  208. {block:ifnottopsidebar}
  209. bottom:150px;
  210. {/block:ifnottopsidebar}
  211. width:150px;
  212. text-align:left;
  213. position:fixed;
  214. {block:if500pxposts}
  215. margin-left:550px;
  216. {/block:if500pxposts}
  217. {block:ifnot500pxposts}
  218. margin-left:450px;
  219. {/block:ifnot500pxposts}}
  220.  
  221. #bat img {
  222. {block:ifsmallsidebarimage}
  223. width:75px;
  224. height:75px;
  225. {/block:ifsmallsidebarimage}
  226. {block:ifnotsmallsidebarimage}
  227. width:150px;
  228. {/block:ifnotsmallsidebarimage}
  229. }
  230. #bat a {border:none}
  231.  
  232. #blogt {font-size:13px;
  233. margin-top:15px;
  234. font-weight:900;}
  235. #blogt a {color:{color:blog title};
  236. border:none;}
  237. #standardlinks {border-top:1px solid {color:borders};
  238. padding-top:20px; line-height:20px;
  239. }
  240. #standardlinks a {
  241. display:inline-block;
  242. width:70px;
  243. border:none;
  244. }
  245. #description {
  246. text-align:justify;
  247. margin:15px 0 20px 0;
  248.  
  249. }
  250.  
  251. /*pagination*/
  252. #pagination {
  253. text-align:center;
  254. margin-top:50px;
  255. font-size:12px;
  256. text-transform:lowercase;
  257. font-weight:bold;
  258. }
  259. #pagination a {
  260. margin:0 35px;
  261. border:none;
  262. text-decoration:none;
  263. }
  264. #pagination a:hover {font-style:italic;}
  265. /*container*/
  266. #con {
  267. {block:ifcenteredcontent}
  268. left:50%;
  269. {block:if500pxposts}
  270. margin-left:-250px;
  271. {/block:if500pxposts}
  272. {block:ifnot500pxposts}
  273. margin-left:-200px;
  274. {/block:ifnot500pxposts}
  275. {/block:ifcenteredcontent}
  276. {block:ifnotcenteredcontent}
  277. left:50px;
  278. {/block:ifnotcenteredcontent}
  279. position:absolute;
  280. }
  281.  
  282.  
  283.  
  284. /*posts*/
  285.  
  286. #entries {
  287. margin-top:100px;
  288. {block:if500pxposts}
  289. width:500px;
  290. {/block:if500pxposts}
  291. {block:ifnot500pxposts}
  292. width:400px;
  293. {/block:ifnot500pxposts}
  294. }
  295.  
  296.  
  297.  
  298. .posts {
  299. {block:if500pxposts}
  300. width:500px;
  301. {/block:if500pxposts}
  302. {block:ifnot500pxposts}
  303. left:400px;
  304. {/block:ifnot500pxposts}
  305. {block:IndexPage}
  306. margin-bottom:100px;
  307. {/block:IndexPage}
  308. {block:PermalinkPage}
  309. margin-bottom:25px;
  310. {/block:PermalinkPage}
  311. }
  312.  
  313. /*images*/
  314. .posts img {{block:if500pxposts}
  315. max-width:500px;
  316. {/block:if500pxposts}
  317. {block:ifnot500pxposts}
  318. max-width:400px;
  319. {/block:ifnot500pxposts}}
  320. .photo img {
  321. {block:if500pxposts}
  322. width:500px;
  323. {/block:if500pxposts}
  324. {block:ifnot500pxposts}
  325. width:400px;
  326. {/block:ifnot500pxposts}
  327. display:block;
  328. }
  329.  
  330.  
  331. .photoset {
  332. display:block;
  333. }
  334.  
  335.  
  336. /*quote*/
  337. #titlequote{
  338. text-indent:20px;
  339. width:390px;
  340. }
  341. #titlequote:before {content:'“';
  342. font-size:45px;
  343. margin-left:-40px;
  344. width:30px;
  345. position:absolute;
  346. padding-right:15px;
  347. padding-bottom:5px;}
  348.  
  349. #source {
  350. font-size:7px;
  351. text-transform:uppercase;
  352. letter-spacing:1px;
  353. line-height:16px;
  354. padding-top:10px;}
  355.  
  356. .posts li, .posts blockquote {max-width:390px;}
  357. .caption img{max-width:390px;}
  358. .caption {
  359. {block:ifNotShowCaptions}
  360. {block:IndexPage}
  361. display:none;
  362. {/block:IndexPage}
  363. {/block:ifNotShowCaptions}
  364. margin:15px 0;
  365. text-transform:none;
  366. }
  367.  
  368.  
  369.  
  370. /*audio*/
  371.  
  372. .player {
  373. width:25px;
  374. height:25px;
  375. overflow:hidden;
  376. position:absolute;
  377. background:white;}
  378.  
  379. .audioinfo {
  380. margin-left:50px;
  381. }
  382.  
  383.  
  384.  
  385. /*asks*/
  386.  
  387. .q {
  388. padding-bottom:15px;
  389. border-bottom:1px solid {color:borders};
  390. margin-bottom:15px;
  391.  
  392. }
  393. .as {
  394. text-transform:uppercase;
  395. color:{color:title};
  396. font-weight:bold;}
  397. .ast{
  398. text-transform:uppercase;
  399. color:{color:title};
  400. float:left;
  401. padding-right:5px;
  402. font-weight:bold;}
  403. .a {
  404. padding-bottom:2px;}
  405.  
  406.  
  407.  
  408. /*chat*/
  409.  
  410. .chat ol {
  411. padding:0;
  412. line-height:180%;
  413. list-style:none;
  414. }
  415.  
  416. .line.odd {padding:10px;
  417. border-bottom:1px solid {color:borders};
  418. }
  419. .line.even {
  420. padding:10px;
  421. border-bottom:1px solid {color:borders};
  422. }
  423. .line:last-of-type {border:none;
  424. padding-bottom:0;}
  425.  
  426. .label {font-weight:bold;
  427. padding-right:1px;
  428. letter-spacing:1px;
  429. text-transform:uppercase;
  430. color:{color:title};
  431. }
  432.  
  433. /*text*/
  434. .texta {margin:0}
  435.  
  436.  
  437.  
  438. /*permalink and notes*/
  439.  
  440.  
  441. #permalink {
  442. border-top:1px solid {color:borders};
  443. padding:5px 10px 0 10px;
  444. margin-top:10px;
  445. font-size:7px;
  446. letter-spacing:1px;
  447. text-transform:uppercase;
  448. }
  449. #permalink a {
  450. border:none;
  451. margin-right:5px;
  452. text-decoration:none;
  453. }
  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:0 10px 3px 10px;
  463. border-bottom:1px solid {color:borders};
  464. margin-right:-10px;
  465. margin-bottom:10px;
  466. margin-left:-10px;}
  467.  
  468. .from {float:right;}
  469. .from a {margin-right:0;
  470. margin-left:5px;}
  471.  
  472. .pagenotes {
  473. {block:IndexPage}
  474. display: none!important;
  475. {/block:IndexPage}
  476. {block:if500pxposts}
  477. width:500px;
  478. {/block:if500pxposts}
  479. {block:ifnot500pxposts}
  480. width:400px;
  481. {/block:ifnot500pxposts}
  482. text-align:left;
  483.  
  484. }
  485. .pagenotes img {
  486. display:none!important;}
  487. .pagenotes li {
  488. list-style-type:none;
  489. padding:5px 0px;
  490. text-align:left;
  491. margin:0 0 0 -40px;
  492. font-size:7px;
  493. letter-spacing:1px;
  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:lowercase;}
  502.  
  503.  
  504. *,
  505. *:after,
  506. *:before {
  507. box-sizing: border-box;
  508. }
  509.  
  510. select {border:none;
  511. text-transform:capitalize;
  512. -webkit-appearance: none;cursor:pointer;
  513. }
  514.  
  515. #link {width:70px;
  516. display:inline-block;
  517. cursor:pointer;
  518. }
  519. select:hover {text-shadow:1px 1px {color:link hover};
  520. }
  521.  
  522. #theme{
  523. position:fixed;
  524. bottom:12px;
  525. right:12px;
  526. -webkit-border-radius:100px;
  527. padding:3px 5px 2px;
  528. text-transform:lowercase;
  529. -webkit-transition:0.6s ease-in;
  530. cursor:default;
  531. font-size:7px;
  532. color:#999;
  533. }
  534.  
  535. #theme:hover{
  536. background-color:{color:white};
  537. color:#ccc;
  538. }
  539.  
  540. {CustomCSS}
  541.  
  542.  
  543. </style>
  544.  
  545.  
  546. </head>
  547.  
  548. <body>
  549.  
  550. <div id="con">
  551.  
  552. <div id="headers">
  553.  
  554.  
  555. {block:IfShowSidebarImage}
  556. <div id="bat">
  557. <a href="/"><img src="{image:Sidebar image}"></a>
  558. </div>
  559. {/block:IfShowSidebarImage}
  560. {block:IfShowTitle}
  561. <div id="blogt"><a href="/">{Title}</a></div>
  562. {/block:IfShowTitle}
  563. <div id="description">{Description}</div>
  564. <div id="standardlinks">
  565. <a href="/">home</a>
  566. <a href="/about">about</a>
  567. <a href="/faq">inbox</a>
  568. <div id="link">
  569. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width:75px; font-family:arial; font-size:10px;color:#888;background:#fff;text-transform:lowercase;">
  570. <option value="/">links</option>
  571. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</a></option>{/block:ifLink1}
  572. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</a></option>{/block:ifLink2}{block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</a></option>{/block:ifLink3}
  573. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</a></option>{/block:ifLink4}
  574. </select>
  575. </div>
  576. </div>
  577. </div>
  578.  
  579.  
  580.  
  581.  
  582. <div id="entries">
  583.  
  584. {block:Posts}
  585. <div class="posts">
  586.  
  587.  
  588. {block:Quote}
  589.  
  590.  
  591. <div id="titlequote">{Quote}</div>
  592. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  593. {/block:Quote}
  594.  
  595.  
  596.  
  597. {block:Text}
  598.  
  599. {block:Title}
  600. <div id="title">{Title}</div>{/block:Title}
  601. <div class="texta">{Body}</div>
  602.  
  603.  
  604. {/block:Text}
  605.  
  606. {block:Link}
  607.  
  608. <div id="title"><a href="{URL}">{Name}</a></div>
  609. {block:Description}<div class="texta">{Description}</div>{/block:Description}
  610.  
  611. {/block:Link}
  612.  
  613. {block:Chat}
  614. {block:Title}
  615. <h1>{Title}</h1>
  616. {/block:Title}
  617. <div class="chat">
  618. <ol>{block:Lines}
  619. <li class="line {Alt}">
  620. {block:Label}
  621. <span class="label">
  622. {Label}</span>
  623. {/block:Label}{Line}</li>
  624. {/block:Lines}
  625. </ol></div>
  626. {/block:Chat}
  627.  
  628. {block:Photo}
  629. <div class="photo">
  630. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  631. </div>
  632.  
  633. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  634.  
  635.  
  636. {/block:Photo}
  637.  
  638. {block:Photoset}
  639. <div class="photoset">
  640. {block:if500pxposts}
  641. {Photoset-500}
  642. {/block:if500pxposts}
  643. {block:ifnot500pxposts}
  644. {Photoset-400}
  645. {/block:ifnot500pxposts}
  646. </div>
  647. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  648.  
  649.  
  650. {/block:Photoset}
  651.  
  652. {block:Video}
  653. {/block:IndexPage}
  654. {block:if500pxposts}
  655. {Video-500}
  656. {/block:if500pxposts}
  657. {block:ifnot500pxposts}
  658. {Video-400}
  659. {/block:ifnot500pxposts}
  660. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  661. {/block:Video}
  662.  
  663.  
  664.  
  665. {block:Audio}
  666. <div class="player">{AudioPlayerWhite}</div>
  667. <div class="audioinfo">
  668. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  669. </div><br>
  670. {/block:Audio}
  671.  
  672.  
  673.  
  674. {block:Answer}
  675. <div class="q"><span class="as">Q: </span>{Question} ({asker})</div>
  676. <div class="a"><span class="ast">A: </span>{Answer}</div>
  677. {/block:Answer}
  678.  
  679.  
  680.  
  681. {block:Date}
  682.  
  683. <div id="permalink">
  684. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  685. <div class="from">
  686. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>/{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  687. <a href="{Permalink}">{ShortMonth} {DayofMonthwithSuffix}</a>{block:NoteCount}/ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  688. </div>
  689. {/block:Date}
  690.  
  691.  
  692.  
  693. </div>
  694.  
  695.  
  696. {block:PostNotes}
  697. <div class="pagenotes">
  698. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  699. {PostNotes}
  700. </div>
  701. {/block:PostNotes}
  702.  
  703.  
  704. {/block:Posts}
  705. {block:ifnotinfinitescroll}
  706. {block:Pagination}
  707. <div id="pagination">
  708. {block:PreviousPage}
  709. <a href="{PreviousPage}">&larr; back</a>
  710. {/block:PreviousPage}
  711. {block:NextPage}
  712. <a href="{NextPage}">next &rarr;</a>
  713. {/block:NextPage}
  714. </div>
  715. {/block:Pagination}
  716. {/block:ifnotinfinitescroll}
  717.  
  718.  
  719. <div id="text"></div>
  720.  
  721. <div id="theme"><script language="JavaScript">
  722. var ref = (''+document.referrer+'');
  723. var w_h = window.screen.width + " x " + window.screen.height;
  724. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3539933&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');</script></div></a>
  725.  
  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