API tools faq
paste
Advertisement
Guest User

No Title Needed

a guest
Oct 25th, 2014
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.93 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2.  
  3. THEME: ASTERIA
  4. By str-wrs
  5. (Part XII of Mythos)
  6.  
  7. - don't steal this pls
  8. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  9.  
  10. - see http://str-wrs.tumblr.com for more themes
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. {block:ifnotPaginate}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifnotPaginate}
  18.  
  19. <meta name="image:Sidebar" content=""/>
  20.  
  21. <meta name="if:Caption" content="0"/>
  22. <meta name="if:Paginate" content="1"/>
  23. <meta name="if:Image" content="1"/>
  24. <meta name="if:250px" content="1"/>
  25. <meta name="if:400px" content="0"/>
  26. <meta name="if:500px" content="0"/>
  27.  
  28. <meta name="color:Background" content="#fff"/>
  29. <meta name="color:Post" content="#fff"/>
  30. <meta name="color:Border" content="#eee"/>
  31. <meta name="color:Title" content="#222"/>
  32. <meta name="color:Link" content="#999"/>
  33. <meta name="color:Text" content="#555"/>
  34.  
  35. <meta name="text:Link 1" content="/"/>
  36. <meta name="text:Link 1 Title" content="about"/>
  37. <meta name="text:Link 2" content="/" />
  38. <meta name="text:Link 2 Title" content="tags"/>
  39. <meta name="text:Link 3" content="/" />
  40. <meta name="text:Link 3 Title" content="self"/>
  41. <meta name="text:Link 4" content="/" />
  42. <meta name="text:Link 4 Title" content="blogroll"/>
  43. <meta name="text:Link 5" content="/" />
  44. <meta name="text:Link 5 Title" content="twitter"/>
  45.  
  46. <title>{Title}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <link rel="shortcut icon" href="{Favicon}">
  51.  
  52. <script>
  53. $(document).ready(function(){
  54. $(".lb").hide();
  55. $(".lh").show();$('.lh').toggle(function(){
  56. $(".lb").slideDown(function(){});
  57. },function(){
  58. $(".lb").slideUp(function(){});
  59. });
  60. });
  61. </script>
  62.  
  63.  
  64. <script>
  65. $(document).ready(function(){
  66. $(".db").hide();
  67. $(".dh").show();$('.dh').toggle(function(){
  68. $(".db").slideDown(function(){});
  69. },function(){
  70. $(".db").slideUp(function(){});
  71. });
  72. });
  73. </script>
  74.  
  75. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){
  78. $(document).ready(function(){
  79. $("[title]").style_my_tooltips({
  80. tip_follows_cursor:true,
  81. tip_delay_time:200,
  82. tip_fade_speed:300
  83. }
  84. );
  85. });
  86. })(jQuery);
  87. </script>
  88.  
  89. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  90.  
  91. <style type="text/css">
  92.  
  93. ::-webkit-scrollbar {width:5px;height:5px;background:{color:Post};}
  94. ::-webkit-scrollbar-thumb {background:{color:Border};}
  95.  
  96. /* General */
  97.  
  98. body {
  99. margin:0px;
  100. background:{color:Background};
  101. font-family: 'Montserrat', sans-serif;
  102. font-size:9px;
  103. color:{color:Text};
  104. }
  105.  
  106. a:hover {color:{color:Title};}
  107. a:link, a:active, a:visited {
  108. text-decoration:none;
  109. transition:0.5s ease;
  110. -o-transition:0.5s ease;
  111. -moz-transition:0.5s ease;
  112. -webkit-transition:0.5s ease;
  113. color:{color:Link};
  114. }
  115.  
  116. /* Containers */
  117.  
  118. #c {position:fixed;bottom:30px;right:30px;text-transform:uppercase;}
  119. #center {
  120. position:relative;
  121. margin:80px auto 0px;
  122. {block:if250px}width:538px;{/block:if250px}
  123. {block:if400px}width:688px;{/block:if400px}
  124. {block:if500px}width:788px;{/block:if500px}
  125. }
  126.  
  127. #content {
  128. background:{color:Post};
  129. border:1px solid {color:Border};
  130. padding:50px;
  131. height:400px;
  132. margin-left:181px;
  133. overflow-y:scroll;
  134. {block:if250px}width:255px;{/block:if250px}
  135. {block:if400px}width:405px;{/block:if400px}
  136. {block:if500px}width:505px;{/block:if500px}
  137. }
  138.  
  139. #entry img {max-width:100%;}
  140. #entry {
  141. position:relative;
  142. margin:10px 0px;
  143. {block:if250px}width:250px;{/block:if250px}
  144. {block:if400px}width:400px;{/block:if400px}
  145. {block:if500px}width:500px;{/block:if500px}
  146. }
  147.  
  148. /* Sidebar */
  149.  
  150. #sidebar {
  151. background:{color:Post};
  152. position:fixed;
  153. width:130px;
  154. margin:0px;
  155. height:450px;
  156. border:1px solid {color:Border};
  157. border-right:0px;
  158. padding:25px;
  159. }
  160.  
  161. .image img{width:100%;}
  162. .image {border:1px solid {color:Border};}
  163. .links {margin:10px 0px;}
  164. .pag a{color:{color:Title};}
  165. .lb {text-align:center;}
  166. .lb a{margin:0px 2px;}
  167. .lb a:hover {text-decoration:underline;}
  168. .lb, .db {line-height:150%;border-bottom:1px solid {color:Border};}
  169. .db{text-align:justify;max-height:100px;overflow:auto;}
  170. .reg, .lh, .dh, .lb, .db{padding:5px;}
  171. .lh, .dh {cursor:help;}
  172. .reg, .lh, .dh {
  173. display:block;
  174. text-transform:uppercase;
  175. font-size:7px;
  176. letter-spacing:1px;
  177. border-bottom:1px solid {color:Border};
  178. }
  179.  
  180. /* Titles */
  181.  
  182. h2 a{color:{color:Title};}
  183. h2 {margin:0px;font-weight:400;font-size:10px;color:{color:Title};}
  184. .qut {margin:15px;font-size:11px;font-style:italic;}
  185. .src {
  186. font-size:7px;
  187. text-align:right;
  188. letter-spacing:0.5px;
  189. text-transform:uppercase;
  190. }
  191.  
  192. /* Permalinks */
  193.  
  194. #entry:hover .ph {opacity:1;}
  195. .ph a{color:{color:Title};}
  196. .ph {
  197. height:100%;
  198. padding:1px 0px;
  199. top:0px;
  200. left:0px;
  201. position:absolute;
  202. opacity:0;
  203. z-index:9999;
  204. background:rgba(255,255,255,0.85);
  205. transition:0.5s ease;
  206. -o-transition:0.5s ease;
  207. -moz-transition:0.5s ease;
  208. -webkit-transition:0.5s ease;
  209. {block:if250px}width:250px;{/block:if250px}
  210. {block:if400px}width:400px;{/block:if400px}
  211. {block:if500px}width:500px;{/block:if500px}
  212. }
  213.  
  214. .perma {
  215. top:50%;
  216. position:relative;
  217. font-size:9px;
  218. font-weight:500;
  219. letter-spacing:1px;
  220. line-height:0px;
  221. text-align:center;
  222. text-transform:uppercase;
  223. transition:0.5s ease;
  224. -o-transition:0.5s ease;
  225. -moz-transition:0.5s ease;
  226. -webkit-transition:0.5s ease;
  227. }
  228.  
  229. .reb a{color:{color:Link};}
  230. .reb {
  231. font-weight:normal;
  232. margin:10px 0px 0px;
  233. font-size:7px;
  234. line-height:10px;
  235. letter-spacing:1px;
  236. }
  237.  
  238. .pp a{margin:0px 5px;}
  239. .pp {
  240. border-top:1px solid {color:Border};
  241. border-bottom:1px solid {color:Border};
  242. margin:10px 0px;
  243. padding:5px;
  244. font-size:7px;
  245. letter-spacing:0.5px;
  246. line-height:150%;
  247. text-align:center;
  248. text-transform:uppercase;
  249. }
  250.  
  251. /* Audio & Chat */
  252.  
  253. .chat {padding:10px;line-height:200%;}
  254. .lines b{color:{color:Title};}
  255. .cover {width:70px;overflow:hidden;}
  256. #audio:hover .play {opacity:1;width:30px;}
  257. #audio:hover img {margin-left:30px;}
  258. #audio {
  259. float:left;
  260. width:70px;
  261. height:70px;
  262. position:relative;
  263. overflow:hidden;
  264. }
  265.  
  266. .cover img {
  267. width:70px;
  268. position:absolute;
  269. transition:0.5s ease;
  270. -o-transition:0.5s ease;
  271. -moz-transition:0.5s ease;
  272. -webkit-transition:0.5s ease;
  273. }
  274.  
  275. .play {
  276. overflow:hidden;
  277. width:0px;
  278. height:30px;
  279. background:#fff;
  280. position:absolute;
  281. padding:20px 0px;
  282. transition:0.5s ease;
  283. -o-transition:0.5s ease;
  284. -moz-transition:0.5s ease;
  285. -webkit-transition:0.5s ease;
  286. }
  287.  
  288. .au b{color:{color:Title};text-transform:uppercase;}
  289. .au {
  290. height:45px;
  291. padding:12.5px 10px;
  292. line-height:15px;
  293. margin-left:70px;
  294. text-align:left;
  295. }
  296.  
  297. /* Asks */
  298.  
  299. #ask {
  300. color:#777;
  301. padding:15px;
  302. text-align:justify;
  303. border-bottom:1px solid {color:Border};
  304. margin:0px 0px 10px;
  305. }
  306.  
  307. .asker a{color:{color:Title};}
  308. .asker {
  309. margin:0px 0px 5px 0px;
  310. color:{color:Title};
  311. text-transform:uppercase;
  312. }
  313.  
  314. /* Text */
  315.  
  316. pre, small, sub, sup, big {font-size:9px;}
  317. p {margin:10px;text-align:justify;line-height:150%;}
  318. ul {list-style-type:square;line-height:150%;}
  319. blockquote {
  320. margin:5px;
  321. padding:5px;
  322. border-left:1px solid {color:Border};
  323. }
  324.  
  325. pre {
  326. white-space:pre-wrap;
  327. white-space:-moz-pre-wrap;
  328. white-space:-pre-wrap;
  329. white-space:-o-pre-wrap;
  330. word-wrap:break-word;
  331. }
  332.  
  333. /* Etc */
  334.  
  335. #pnotes img {display:none;}
  336. #pnotes ol {margin:0;padding:0;line-height:150%;}
  337. #pnotes li {list-style-type:none;}
  338. #pnotes {font-size:8px;font-style:italic;}
  339.  
  340. #s-m-t-tooltip{
  341. max-width:300px;
  342. margin:0px 20px;
  343. z-index:99999999;
  344. background:{color:Post};
  345. border:1px solid {color:Border};
  346. padding:5px;
  347. }
  348.  
  349. .notes img {width:0px;}
  350. img {margin-bottom:-2px;}
  351. </style>
  352. </head>
  353. <body>
  354. <div id="center">
  355.  
  356. <div id="sidebar">
  357. {block:ifImage}<div class="image"><a href="/"><img src="{image:Sidebar}"></a></div>{/block:ifImage}
  358. <div class="links">
  359. <a class="reg" href="/">home</a>
  360. <a href="#" class="dh">about</a>
  361. <div class="db">{Description}</div>
  362. <a class="reg" href="/ask">message</a>
  363. <a href="#" class="lh">links</a>
  364. <div class="lb">
  365. {block:ifLink1}
  366. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  367. {/block:ifLink1}{block:ifLink2}
  368. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  369. {/block:ifLink2}{block:ifLink3}
  370. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  371. {/block:ifLink3}{block:ifLink4}
  372. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  373. {/block:ifLink4}{block:ifLink5}
  374. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  375. {/block:ifLink5}
  376. </div>
  377. <a class="reg" href="/archive">history</a>
  378. </div>
  379. {block:ifPaginate}{block:Pagination}<div class="pag">
  380. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  381. {block:NextPage}<a style="float:right;" href="{NextPage}">&rarr;</a>{/block:NextPage}
  382. </div>{/block:Pagination}{/block:ifPaginate}
  383. </div>
  384.  
  385.  
  386. <div id="content">
  387. {block:Posts}
  388. <div id="entry">
  389.  
  390. {block:IndexPage}<div class="ph"><div class="perma">
  391. <a href="{Permalink}">{NoteCountWithLabel}</a>
  392. <div class="reb"><a href="{ReblogURL}">reblog</a></div>
  393. </div></div>{/block:IndexPage}
  394.  
  395. {block:Text}
  396. {block:Title}<h2>{Title}</h2>{/block:Title}{Body}
  397. {/block:Text}
  398.  
  399. {block:Link}
  400. <a title="{URL}" href="{URL}"><h2> {Name} &rarr;</h2></a>
  401. {block:Description}{Description}{/block:Description}
  402. {/block:Link}
  403.  
  404. {block:Photo}
  405. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  406. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  407. {/block:Photo}
  408.  
  409. {block:Photoset}
  410. {block:if250px}{Photoset-250}{/block:if250px}
  411. {block:if400px}{Photoset-400}{/block:if400px}
  412. {block:if500px}{Photoset-500}{/block:if500px}
  413. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  414. {/block:Photoset}
  415.  
  416. {block:Quote}
  417. <div class="qut">❝ {Quote}</div>
  418. <div class="src">{Source}</div>
  419. {/block:Quote}
  420.  
  421. {block:Chat}
  422. <div class="chat">
  423. {block:Title}<h2>{Title}</h2>{/block:Title}
  424. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">
  425. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  426. </div>
  427. {/block:Chat}
  428.  
  429. {block:Audio}
  430. <div id="audio">
  431. {block:AlbumArt}<div class="cover">
  432. <img src="{AlbumArtURL}"/>
  433. </div>{/block:AlbumArt}
  434. <div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  435. </div>
  436.  
  437. <div class="au">
  438. <b>Track:</b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span> {block:TrackName}{TrackName}{/block:TrackName}<br>
  439. <b>Artist:</b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br>
  440. <b>Plays:</b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}
  441. </div>
  442. {/block:Audio}
  443.  
  444. {block:Video}
  445. {block:if250px}{Video-250}{/block:if250px}
  446. {block:if400px}{Video-400}{/block:if400px}
  447. {block:if500px}{Video-500}{/block:if500px}
  448. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  449. {/block:Video}
  450.  
  451. {block:Answer}
  452. <div id="ask">
  453. <div class="asker">{Asker}:</div>
  454. <div class="ques">{Question}</div>
  455. </div>
  456. {Answer}
  457. {/block:Answer}
  458.  
  459. {block:PermalinkPage}
  460. {block:Date}
  461. <div class="pp">
  462. {DayofMonthWithZero} {Month} with {NoteCountWithLabel}
  463. <br>
  464. <a href="{ReblogURL}">reblog
  465. {block:RebloggedFrom}
  466. <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  467. <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a>
  468. {/block:RebloggedFrom}
  469.  
  470. {block:HasTags}<br>
  471. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  472. {/block:HasTags}
  473.  
  474. </div>
  475. {/block:Date}
  476. {/block:PermalinkPage}
  477.  
  478. {block:PostNotes}
  479. <div id="pnotes">{PostNotes}</div>
  480. {/block:PostNotes}
  481.  
  482. {block:ContentSource}
  483. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  484. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  485. {/block:SourceLogo}
  486. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  487. {/block:ContentSource}
  488.  
  489. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  490.  
  491. </div>
  492. {/block:Posts}
  493.  
  494.  
  495. </div>
  496.  
  497. <div id="c">&copy; <a href="http://str-wrs.tumblr.com">str-wrs</a></div>
  498.  
  499. </div>
  500. </body>
  501. </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!