API tools faq
paste
Advertisement
septims

Blackbird

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