API tools faq
paste
Advertisement
audreyhepburn

Alleyways

audreyhepburn
Aug 16th, 2014
715
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 KB | None | 0 0
raw download clone embed print report
  1. <!--theme by museofastronomy - do not steal/remove credit-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <title>{title}</title>
  7.  
  8. <link rel="shortcut icon" href="{favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="if:hover permalinks" content="true"/>
  13. <meta name="if:hidden captions" content="true"/>
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#888888"/>
  16. <meta name="color:links" content="000000"/>
  17. <meta name="color:sidebar links" content="ffffff"/>
  18. <meta name="color:sidebar links hover" content="cccccc"/>
  19. <meta name="color:sidebar links background" content="#000000"/>
  20. <meta name="color:borders" content="#f6f6f6"/>
  21. <meta name="text:short description" content="keep it short"/>
  22. <meta name="text:link 1" content=""/>
  23. <meta name="text:link 1 url" content=""/>
  24. <meta name="text:link 2" content=""/>
  25. <meta name="text:link 2 url" content=""/>
  26. <meta name="text:link 3" content=""/>
  27. <meta name="text:link 3 url" content=""/>
  28. <meta name="text:link 4" content=""/>
  29. <meta name="text:link 4 url" content=""/>
  30.  
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33.  
  34. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37.  
  38. (function($){
  39.  
  40. $(document).ready(function(){
  41.  
  42. $("a[title]").style_my_tooltips({
  43.  
  44. tip_follows_cursor:true,
  45.  
  46. tip_delay_time:30,
  47.  
  48. tip_fade_speed:300,
  49.  
  50. attribute:"title"
  51.  
  52. });
  53.  
  54. });
  55.  
  56. })(jQuery);
  57.  
  58. </script>
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. #s-m-t-tooltip{
  64. position:absolute;
  65. margin-top:15px;
  66. padding-left:8px;
  67. padding-right:8px;
  68. z-index:9999999999;
  69. color:{color:text};
  70. background:{color:background};
  71. font-size:9px;
  72. max-width:300px;
  73. text-align:center;
  74. }
  75.  
  76. ::-webkit-scrollbar{height: 5px;
  77. width: 3px;
  78. -webkit-border-radius: 0px;
  79. background-color:#FFF}
  80. ::-webkit-scrollbar-thumb{background-color:#fff;}
  81. ::-webkit-scrollbar-track{background-color:{color:sidebar links background};}
  82.  
  83. blockquote {padding:5px 0 5px 30px;
  84. border-left:1px solid {color:borders};
  85. margin-left:30px;
  86. }
  87.  
  88. body {
  89. background:{color:background};
  90. color:{color:text};
  91. font-family: Helvetica, Arial, sans-serif;
  92. font-weight:lighter;
  93. font-size:11px;
  94. text-align:justify;
  95. line-height:16px;
  96. margin:0;
  97. }
  98.  
  99.  
  100. a {
  101. color:{color:links};
  102. text-decoration:none;
  103. }
  104.  
  105. a:hover {
  106. color:{color:links};
  107. text-decoration:line-through;}
  108.  
  109. img{opacity:1;
  110. border:none;
  111. text-decoration:none}
  112.  
  113.  
  114. small {
  115. font-size:9px;}
  116.  
  117. big {
  118. font-size:12px;}
  119.  
  120.  
  121. #title {font-size:12px;
  122. line-height:18px;
  123. margin-bottom:10px;
  124. text-transform:uppercase;
  125. text-align:center;}
  126.  
  127. #container {
  128. position:absolute;
  129. left:50%;
  130. margin-left:-250px;
  131. width:700px;
  132. }
  133.  
  134. #sidebar {
  135. width:160px;
  136. position:fixed;
  137. top:60px;
  138. left:40px;
  139. }
  140.  
  141. .picture img{
  142. border:5px solid {color:borders};
  143. margin-bottom:50px;
  144. }
  145.  
  146. #blogtitle {
  147. letter-spacing:2px;
  148. }
  149.  
  150. #description {
  151. width:140px;
  152. padding:10px;
  153. background:{color:borders};
  154. position:fixed;
  155. left:40px;
  156. bottom:120px;
  157. text-align:center;
  158. font-style:italic;
  159. }
  160.  
  161.  
  162. #links {
  163. color:{color:sidebar links};
  164. margin-left:-50px;
  165. margin-bottom:10px;
  166. width:70px;
  167. overflow:hidden;
  168. text-align:right;
  169. padding-right:5px;
  170. padding-top:3px;
  171. padding-bottom:3px;
  172. background:{color:sidebar links background};
  173. -webkit-transition:all 0.4s;
  174. -moz-transition:all 0.4s;
  175. -ms-transition:all 0.4s;
  176. -o-transition:all 0.4s;
  177. transition:all 0.4s;
  178. }
  179.  
  180. #links a {
  181. color:{color:sidebar links};
  182. }
  183.  
  184. #links a:hover {
  185. color:{color:sidebar links hover};
  186. text-decoration:none;
  187. }
  188.  
  189. #links:hover {
  190. padding-left:10px;
  191. -webkit-transition:all 0.4s;
  192. -moz-transition:all 0.4s;
  193. -ms-transition:all 0.4s;
  194. -o-transition:all 0.4s;
  195. transition:all 0.4s;
  196. }
  197.  
  198. #links2 {
  199. color:{color:sidebar links};
  200. margin-left:-50px;
  201. margin-bottom:10px;
  202. width:100px;
  203. overflow:hidden;
  204. text-align:right;
  205. padding-right:5px;
  206. padding-top:3px;
  207. padding-bottom:3px;
  208. background:{color:sidebar links background};
  209. -webkit-transition:all 0.4s;
  210. -moz-transition:all 0.4s;
  211. -ms-transition:all 0.4s;
  212. -o-transition:all 0.4s;
  213. transition:all 0.4s;
  214. text-transform:uppercase;
  215. }
  216.  
  217. #links2 a {
  218. color:{color:sidebar links};
  219. }
  220.  
  221. #links2 a:hover {
  222. text-decoration:none;
  223. }
  224.  
  225. #links2:hover {
  226. padding-left:20px;
  227. -webkit-transition:all 0.4s;
  228. -moz-transition:all 0.4s;
  229. -ms-transition:all 0.4s;
  230. -o-transition:all 0.4s;
  231. transition:all 0.4s;
  232. }
  233.  
  234. #entries {
  235. position:absolute;
  236. padding-left:100px;
  237. padding-right:100px;
  238. border-left:1px solid {color:borders};
  239. border-right:1px solid {color:borders};
  240. width:500px;
  241. }
  242.  
  243. #posts {
  244. width:500px;
  245. {block:indexpage}
  246. margin-top:150px;
  247. margin-bottom:150px;
  248. {/block:indexpage}
  249. {block:permalinkpage}
  250. margin-top:100px;
  251. margin-bottom:100px;
  252. {/block:permalinkpage}
  253. }
  254.  
  255. #posts:hover #timestamp {
  256. {block:indexpage}
  257. opacity:1;
  258. {/block:indexpage}
  259. }
  260.  
  261. #timestamp {
  262. margin-bottom:10px;
  263. font-size:10px;
  264. text-align:left;
  265. text-transform:lowercase;
  266. {block:ifhoverpermalinks}
  267. {block:indexpage}
  268. opacity:0;
  269. {/block:indexpage}
  270. {/block:ifhoverpermalinks}
  271. }
  272.  
  273. #permalink {
  274. {block:indexpage}
  275. display:none;
  276. {/block:indexpage}
  277. margin-top:3px;
  278. font-size:10px;
  279. text-align:right;
  280. text-transform:lowercase;
  281. }
  282.  
  283. #permalink a {margin-left:10px;
  284. }
  285.  
  286. #tags {
  287. margin-top:10px;
  288. font-size:10px;
  289. text-align:right;
  290. text-transform:lowercase;
  291. {block:ifhoverpermalinks}
  292. {block:indexpage}
  293. opacity:0;
  294. {/block:indexpage}
  295. {/block:ifhoverpermalinks}
  296. }
  297.  
  298. #tags a {margin-left:10px;
  299. }
  300.  
  301. #posts:hover #tags {
  302. {block:indexpage}
  303. opacity:1;
  304. {/block:indexpage}
  305. }
  306.  
  307. #posts img {
  308. width:500px;
  309. }
  310.  
  311. #sets {
  312. width:500px;
  313. }
  314.  
  315. #sets:hover {
  316. {block:indexpage}
  317. -webkit-filter: saturate(1);
  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. {/block:indexpage}
  324. }
  325.  
  326. #posts img, #posts li, #posts blockquote{
  327. max-width:500px;
  328. }
  329.  
  330. .caption {
  331. {block:ifhiddencaptions}
  332. {block:indexpage}
  333. display:none;
  334. {/block:indexpage}
  335. {/block:ifhiddencaptions}
  336. margin-top:10px;
  337. width:500px;
  338. }
  339.  
  340. .caption img {
  341. max-width:500px;
  342. }
  343.  
  344. #textpost {
  345. padding-top:10px;
  346. padding-bottom:10px;
  347. }
  348.  
  349. #words {
  350. padding-top:10px;
  351. padding-bottom:10px;
  352. }
  353.  
  354. #titlequote{text-align:center;
  355. font-size:12px;
  356. line-height:18px;
  357. }
  358.  
  359. #source {text-align:center;
  360. font-size:10px;
  361. margin-bottom:8px;
  362. padding-bottom:5px;
  363. border-bottom:1px solid {color:borders};
  364. }
  365.  
  366. #music {
  367. padding-top:10px;
  368. padding-bottom:10px;
  369. }
  370.  
  371. .player {
  372. text-align:center;
  373. opacity:0.2;}
  374.  
  375. .audioinfo {
  376. text-align:center;
  377. margin-bottom:10px;
  378. padding-bottom:10px;
  379. border-bottom:1px solid {color:borders};
  380. }
  381.  
  382. #queries {
  383. padding-top:10px;
  384. padding-bottom:10px;
  385. text-align:center;
  386. }
  387.  
  388. .question {margin-bottom:10px;
  389. padding-bottom:10px;
  390. border-bottom:1px solid {color:borders};
  391. }
  392.  
  393. .answer {
  394. font-style:none;}
  395.  
  396. #chatter {
  397. padding-top:10px;
  398. padding-bottom:10px;
  399. }
  400.  
  401. .chat ol {
  402. padding:0;
  403. list-style:none;
  404. }
  405. .line {padding:5px 0;}
  406.  
  407. .label {font-weight:bold;
  408. }
  409.  
  410. .postnotes {
  411. margin-top:20px;
  412. text-align:justify;
  413. font-size:9px;
  414. line-height:15px;
  415. }
  416. .postnotes img {
  417. display:none!important;}
  418. .postnotes li {
  419. list-style-type:lower-roman;}
  420.  
  421. #credit a {position:fixed;
  422. right:15px;
  423. bottom:15px;
  424. z-index:5;
  425. font-size:11px;
  426. }
  427.  
  428. #credit a:hover {text-decoration:none}
  429.  
  430. {CustomCSS}
  431.  
  432. </style>
  433.  
  434. </script>
  435.  
  436. </head>
  437.  
  438. <body>
  439.  
  440. <div id="credit"><a href="http://museofastronomy.tumblr.com/themes" title=URAINIA target="_blank">✈</a>
  441. </div>
  442.  
  443. <div id="sidebar">
  444.  
  445. <div class="picture"><a href="/"><img src="{portraiturl-128}"></a></div>
  446.  
  447. <div id="links2">
  448. <div id="blogtitle">
  449. <a href="/">{title}</a></div>
  450. </div>
  451.  
  452. {block:iflink1}<div id="links"><a href="{text:link 1 url}">{text:link 1}</a></div>{/block:iflink1}
  453. {block:iflink2}<div id="links"><a href="{text:link 2 url}">{text:link 2}</a></div>{/block:iflink2}
  454. {block:iflink3}<div id="links"><a href="{text:link 3 url}">{text:link 3}</a></div>{/block:iflink3}
  455. {block:iflink4}<div id="links">
  456. <a href="{text:link 4 url}">{text:link 4}</a></div>{/block:iflink4}
  457.  
  458. {block:pagination}{block:PreviousPage}<div id="links2"><a href="{PreviousPage}">prev</a></div>{/block:PreviousPage}{/block:pagination}
  459. {block:pagination}{block:NextPage}<div id="links2"><a href="{NextPage}">next</a></div>{/block:NextPage}{/block:pagination}
  460.  
  461. </div>
  462.  
  463. {block:ifshortdescription}
  464. <div id="description">
  465. {text:short description}
  466. </div>
  467. {/block:ifshortdescription}
  468.  
  469. <div id="container">
  470.  
  471. <div id="entries">
  472.  
  473. {block:Posts}
  474.  
  475. <div id="posts">
  476.  
  477. {block:date}
  478. <div id="timestamp">
  479. <a href="{permalink}">{dayofmonth}{dayofmonthsuffix} {shortmonth} {year}</a>
  480. </div>
  481. {/block:date}
  482.  
  483. {block:Quote}
  484. <div id="words">
  485. {block:Source}<div id="source">{Source}</div>{/block:Source}
  486. <div id="titlequote">{Quote}</div></div>
  487. {/block:Quote}
  488.  
  489.  
  490.  
  491. {block:Text}
  492. <div id="textpost">
  493. {block:Title}
  494. <div id="title">{Title}</div>{/block:Title}
  495. {Body}
  496. </div>
  497. {/block:Text}
  498.  
  499. {block:Link}
  500. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  501. {/block:Link}
  502.  
  503. {block:Chat}
  504. <div id="chatter">
  505. {block:Title}
  506. <h1>{Title}</h1>
  507. {/block:Title}
  508. <div class="chat">
  509. <ol>{block:Lines}
  510. <li class="line {Alt}">
  511. {block:Label}
  512. <span class="label">
  513. {Label}</span>
  514. {/block:Label}{Line}</li>
  515. {/block:Lines}
  516. </ol></div>
  517. </div>
  518. {/block:Chat}
  519.  
  520. {block:Photo}
  521. {LinkOpenTag}
  522. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  523. {LinkCloseTag}
  524. {/block:Photo}
  525.  
  526. {block:Photoset}
  527. <div id="sets">
  528. {Photoset-500}
  529. </div>
  530. {/block:Photoset}
  531.  
  532. {block:Video}
  533. {video-500}
  534. {/block:Video}
  535.  
  536. {block:Audio}
  537. <div id="music">
  538. <div class="audioinfo">
  539. {block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  540. <div class="player">{AudioPlayerWhite}</div>
  541. </div>
  542. {/block:Audio}
  543.  
  544. {block:Answer}
  545. <div id="queries">
  546. <div class="question">"{Question}"<p>by {Asker}</div>
  547. <div class="answer">{Answer}</div>
  548. </div>
  549. {/block:Answer}
  550.  
  551. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  552.  
  553. {block:Date}
  554. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  555. <div id="permalink">
  556. {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">via</a>{block:ContentSource}<a href="{ReblogRootURL}" target="_blank">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  557. </div>
  558. <div class="postnotes">
  559. {PostNotes}
  560. </div>
  561. {/block:Date}
  562.  
  563. </div>
  564.  
  565. {/block:Posts}
  566.  
  567.  
  568.  
  569. </div>
  570.  
  571. </div>
  572.  
  573. {block:ContentSource}
  574. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  575. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  576. {/block:SourceLogo}
  577. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  578. {/block:ContentSource}
  579.  
  580. </body>
  581.  
  582. </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!