Advertisement
anebeitia

Murakami

Jan 30th, 2015
385
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.37 KB | None | 0 0
  1.  
  2. <!--
  3. theme by aesthesos
  4. ╔╔═╗╗
  5. ║║ ║║ Rules:
  6. ║║ ║║ -do not steal
  7. ║║ ║║ -do not remove credit
  8. ╚╚══╚╚═ -do not use as base code
  9.  
  10. -->
  11.  
  12. <html lang="en">
  13.  
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{favicon}"/>
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  21.  
  22. <meta name="image:background" content=""/>
  23.  
  24. <meta name="if:hovercaptions" content="1"/>
  25. <meta name="if:showcaptions" content="0" />
  26. <meta name="if:boxshadow" content="1"/>
  27. <meta name="if:cover" content="0" />
  28. <meta name="if:pattern" content="1" />
  29. <meta name="if:gradient" content="0" />
  30. <meta name="if:grid" content="1" />
  31.  
  32. <meta name="font:body" content="Helvetica"/>
  33.  
  34. <meta name="text:Link 1 URL" content="" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 2 URL" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 3 URL" content="" />
  39. <meta name="text:Link 3" content="" />
  40. <meta name="text:Link 4 URL" content="" />
  41. <meta name="text:Link 4" content=""/>
  42. <meta name="text:Link 5 URL" content="" />
  43. <meta name="text:Link 5" content="" />
  44.  
  45. <meta name="color:gradient 1" content="#bee5e3" />
  46. <meta name="color:gradient 2" content="#edc2d9" />
  47. <meta name="color:gradient 3" content="#ffd885" />
  48. <meta name="color:background" content="#ffffff">
  49. <meta name="color:sidebar" content="#000000" />
  50. <meta name="color:linksidebar" content="#ffffff">
  51. <meta name="color:blogtitle" content="#ffffff" />
  52. <meta name="color:post" content="#ffffff">
  53. <meta name="color:blockquote" content="#f7f7f7">
  54. <meta name="color:link" content="#666666">
  55. <meta name="color:captionbg" content="#ffffff">
  56. <meta name="color:caption a" content="#000000">
  57. <meta name="color:title" content ="#000000">
  58. <meta name="color:text" content="#000000">
  59. <meta name="color:border" content="#666666" />
  60.  
  61. <meta name="select:Postwidth" content="post-width-500" title="500px">
  62. <meta name="select:Postwidth" content="post-width-400" title="400px">
  63. <meta name="select:Postwidth" content="post-width-250" title="250px">
  64.  
  65. <script type="text/javascript"
  66. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
  69.  
  70. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  71.  
  72. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  73.  
  74. <script>
  75. $(document).ready(function() {
  76. $menuLeft = $('.pushmenu-left');
  77. $nav_list = $('#nav-icon3');
  78.  
  79. $nav_list.click(function() {
  80. $(this).toggleClass('active');
  81. $('.pushmenu-push').toggleClass('pushmenu-push-toright');
  82. $menuLeft.toggleClass('pushmenu-open');
  83. });
  84. });
  85. </script>
  86.  
  87. <script>$(document).ready(function(){
  88. $('#nav-icon3').click(function(){
  89. $(this).toggleClass('open');
  90. });
  91. });</script>
  92.  
  93. {block:ifgrid}
  94. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  95. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  96.  
  97. <script>
  98. $(function(){
  99. var $container = $('#entry');
  100. $container.imagesLoaded(function(){
  101. $container.masonry({
  102. itemSelector: '.post',
  103. });
  104. });
  105. $container.infinitescroll({
  106. itemSelector : ".post",
  107. navSelector : "div.pagination",
  108. nextSelector : "#pagination a#next",
  109. loadingImg : "",
  110. loadingText : "<em></em>",
  111. bufferPx : 10000,
  112. extraScrollPx: 12000,
  113. },
  114. // trigger Masonry as a callback
  115. function( newElements ) {
  116. var $newElems = $( newElements ).css({ opacity: 0 });
  117. // ensure that images load before adding to masonry layout
  118. $newElems.imagesLoaded(function(){
  119. $newElems.animate({ opacity: 1 });
  120. $container.masonry( 'appended', $newElems, true );
  121. });
  122. }
  123. );
  124. });
  125. </script>
  126. {/block:ifgrid}
  127.  
  128. <style type="text/css">
  129.  
  130. ::-webkit-scrollbar-thumb {background-color:#0645ad; border:5px {color:blockquote} solid;}
  131. ::-webkit-scrollbar { height: 15px; width: 11px; }
  132.  
  133. body {
  134. font-size:11px;
  135. margin:0px;
  136. letter-spacing:1px;
  137. text-align:justify;
  138. word-break:break-word;
  139. line-height:110%;
  140. font-family:{font:Body};
  141. color:{color:text};
  142. {block:ifcover}background: url({image:Background});background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;{/block:ifcover}
  143. {block:ifpattern}background: url({image:Background});background-repeat:repeat;background-attachment: fixed;{/block:ifpattern}
  144. {block:ifgradient}background: {color:Gradient 1}; /* Old browsers */background-image:-moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-webkit-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-o-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%);background-image:-ms-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 50%,{color:Gradient 3} 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,{color:Gradient 1}), color-stop(50%,{color:Gradient 2}),color-stop(100%,{color:Gradient 3}));background-attachment:fixed;{/block:ifgradient}}
  145.  
  146. /************EDIT TEXT SETTINGS HERE************/
  147. a:link, a:visited, a:active{color:{color:link};}
  148.  
  149. h1 {
  150. font-size:16px;
  151. text-transform:none;
  152. font-family: 'Playfair Display', serif;
  153. font-style:italic;
  154. font-weight:lighter;
  155. line-height:110%;
  156. padding-left:10px;}
  157.  
  158. blockquote {margin:0px 15px;padding:1px 10px;background:{color:blockquote};}
  159.  
  160. /************EDIT POST POSITION/WIDTH HERE************/
  161.  
  162. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  163.  
  164. #entry {margin-top:-70px;{block:ifgrid}margin-left:100px;{/block:ifgrid}}
  165.  
  166. /************EDIT OVERALL POSTS HERE************/
  167.  
  168. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  169.  
  170. .post {
  171. float:center;
  172. text-align:justify;
  173. margin:100px;}
  174.  
  175. .post-width-500 .post { width: 512px;}
  176. .post-width-400 .post { width: 412px;}
  177. .post-width-250 .post { width: 262px;}
  178.  
  179. .post-width-500 .element-width-400, .post-width-500 .element-width-250 {display:none;}
  180. .post-width-400 .element-width-500, .post-width-400 .element-width-250 {display:none;}
  181. .post-width-250 .element-width-500, .post-width-250 .element-width-400 {display:none;}
  182.  
  183. {block:ifboxshadow}.photo {padding:5px;border:1px solid {color:border};background:{color:captionbg};box-shadow:8px 8px {color:border};}{/block:ifboxshadow}{block:ifboxshadow}.text{background:{color:captionbg};padding:15px;border:1px solid {color:border};box-shadow:8px 8px {color:border};}{/block:ifboxshadow}
  184.  
  185. /************EDIT CAPTION/DATA POSTS HERE************/
  186.  
  187. .post:hover .caption {opacity:1;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
  188.  
  189. {block:ifhovercaptions}
  190. .post-width-500 .caption { width:460px;max-height:300px;}
  191. .post-width-400 .caption { width:360px;max-height:200px;}
  192. .post-width-250 .caption { width:210px;max-height:100px;}
  193. {/block:ifhovercaptions}
  194.  
  195. {block:ifshowcaptions}
  196. .post-width-500 .caption { width:480px;}
  197. .post-width-400 .caption { width:370px;}
  198. .post-width-250 .caption { width:230px;}
  199. {/block:ifshowcaptions}
  200.  
  201. {block:ifboxshadow}{block:ifshowcaptions}
  202. .post-width-500 .caption { width:490px;}
  203. .post-width-400 .caption { width:390px;}
  204. .post-width-250 .caption { width:240px;}
  205. {/block:ifshowcaptions}{/block:ifboxshadow}
  206.  
  207. .caption {
  208. text-align:justify;
  209. overflow:scroll;
  210. padding:10px;{block:ifhovercaptions}
  211. opacity:0;
  212. margin:10px;
  213. position:absolute;{/block:ifhovercaptions}
  214. {block:ifshowcaptions}margin-top:15px;{block:ifboxshadow}border:1px solid {color:border};box-shadow:8px 8px {color:border};{/block:ifboxshadow}{/block:ifshowcaptions}
  215. font-family:{font:Body};
  216. background:{color:captionbg};
  217. -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
  218.  
  219. /************EDIT PERMALINK HERE************/
  220.  
  221. {block:indexpage}
  222. .permalink {
  223. position:relative;
  224. margin-top:12px;
  225. text-align:right;
  226. font-size:9px;
  227. font-weight:normal;
  228. transition: all 0.5s ease-in-out;}
  229.  
  230. .permalink a{margin:5px;}
  231. .tags{position:absolute;margin-top:-11px;width:12px;height:12px;overflow:hidden;font-size:9px;text-align:left;word-break:break-all;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;;}
  232. .tags:hover{width:200px;height:77px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
  233. .tags img{height:11px; box-shadow:0px /* shadows for any other browser go here */;}
  234. .tags a{display:block;margin-top:-11px;}
  235.  
  236. .post-width-500 .tags { margin-left: 483px;}
  237. .post-width-400 .tags { margin-left: 383px;}
  238. .post-width-250 .tags { margin-left: 233px;}
  239.  
  240. .post-width-500 .permalink { width: 475px;}
  241. .post-width-400 .permalink { width: 375px;}
  242. .post-width-250 .permalink { width: 225px;}
  243.  
  244. {block:ifboxshadow}
  245. .post-width-500 .tags { margin-left: 500px;}
  246. .post-width-400 .tags { margin-left: 400px;}
  247. .post-width-250 .tags { margin-left: 250px;}
  248.  
  249. .post-width-500 .permalink { width: 490px;}
  250. .post-width-400 .permalink { width: 380px;}
  251. .post-width-250 .permalink { width: 240px;}
  252. {/block:ifboxshadow}
  253.  
  254. {/block:indexpage}
  255.  
  256. /************EDIT QUOTE POSTS HERE************/
  257.  
  258. .quote {
  259. font-family: 'Playfair Display', serif;
  260. font-size:18px;
  261. font-style:italic;
  262. text-align:center;
  263. line-height:120%;
  264. padding:10px;}
  265.  
  266. #source {
  267. font-family:{font:Body};
  268. text-align:center;
  269. padding-top:10px;}
  270.  
  271. /************EDIT QUESTION POSTS HERE************/
  272.  
  273. .question {
  274. font-size:11px;
  275. padding:10px;
  276. background:{color:blockquote};
  277. letter-spacing:1px;
  278. text-align:justify;
  279. margin-left:60px;
  280. margin-top:-52px;
  281. line-height:150%;
  282. font-family:{font:Body};}
  283.  
  284. #question img{padding:10px;background:{color:blockquote};}
  285.  
  286. /************EDIT AUDIO POSTS HERE************/
  287.  
  288. #hold {display:inline-block;width:75px;height:75px;}
  289. #art {position:absolute;width:75px;height:75px;overflow:hidden;padding:5px;}
  290. #art img {width:65px;position:absolute;}
  291. #art2 {position:absolute;width:75px;height:75px;}
  292. #hold2 {position:absolute;display:inline-block;height:75px; text-align:left;margin-left:10px;margin-top:-5px;}
  293. .post-width-500 #hold2 { width:420px;}
  294. .post-width-400 #hold2 { width:320px;}
  295. .post-width-250 #hold2 { width:175px;}
  296. #player {position:absolute;height:28px;width:28px;margin:9px;overflow:hidden;}
  297. #circle {position:absolute;width:46px;height:46px;border-radius: 23px;background-color:white;z-index:1;margin:15px;opacity: .6;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  298. #circle:hover {opacity: .8;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  299.  
  300. /************EDIT CHAT POSTS HERE************/
  301.  
  302. .chat{margin:0px;line-height:130%;}
  303. .chat li{list-style-type:none;margin:5px 0px; border-radius:3px; padding:5px; text-align:;background:{color:blockquote};box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;border:1px {color:blockquote} solid; }
  304. .chat li:nth-child(odd){ text-align:left; background:white; display:block;margin-left:0px;border:1px #eee solid;box-shadow: 0px rgb(255, 255, 255) inset;}
  305. /************EDIT PUSH HERE************/
  306.  
  307. .pushmenu {width: 300px;height: 100%;top: 0;z-index: 1000;position:fixed;background:{color:sidebar};}
  308. .pushmenu-left {left:-300px;}
  309. .pushmenu-left.pushmenu-open {left: 0;}
  310. .pushmenu-push {overflow-x: hidden;position: relative;left: 0;}
  311. .pushmenu-push-toright {left: 300px;}
  312. .pushmenu, .pushmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
  313. #nav-icon3 {width: 30px;height: 30px;position: fixed;margin:10px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
  314. #nav-icon3 span {display: block;position: absolute;height: 5px;width: 100%;
  315. background:{color:link};border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  316. #nav-icon3 span:nth-child(1) {top: 0px;}
  317. #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 9px;}
  318. #nav-icon3 span:nth-child(4) {top: 18px;}
  319. #nav-icon3.open span:nth-child(1) {top: 9px;width: 0%;left: 50%;}
  320. #nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  321. #nav-icon3.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  322. #nav-icon3.open span:nth-child(4) {top: 9px;width: 0%;left: 50%;}
  323. .buttonset {height: 16px;}
  324.  
  325. .blogtitle{font-size:35px;color:{color:blogtitle};text-align:center;padding:30px;font-family: 'Playfair Display', serif;font-style:italic;}
  326. .description{color:{color:blogtitle};padding:0px 20px;}
  327. .links{padding:5px 40px;margin-top:10px;}
  328. .links a{display:block;line-height:150%;color:{color:linksidebar};}
  329.  
  330. #pagination{font-size:20px;margin:25px;}
  331. .post-width-500 #notes { width:500px;}
  332. .post-width-400 #notes { width:400px;}
  333. .post-width-250 #notes { width:250px;}
  334. ol.notes li.note {padding: 4px;display: inline-block;}
  335. ol.notes li.note img.avatar {border-radius:100%;border:5px solid white;}
  336. ol.notes li.note span.action,ol.notes div.clear,ol.notes li.note .answer_content,ol.notes li.note blockquote,ol.notes li.note blockquote a {display: none;}
  337.  
  338. </style>
  339. </head>
  340. <body>
  341.  
  342. <body class="pushmenu-push">
  343. <div class="pushmenu pushmenu-left">
  344. <div class="blogtitle">{Title}</div>
  345. <div class="description">{Description}</div>
  346. <div class="links">
  347. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  348. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  349. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  350. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  351. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  352. </div></div>
  353.  
  354. <div class="container">
  355.  
  356. <section class="buttonset"><div id="nav-icon3"><span></span><span></span><span></span><span></span></div></section>
  357.  
  358. <center>
  359.  
  360. <div id="entry" class="{select:Postwidth}">
  361.  
  362. <div class = "autopagerize_page_element" >
  363.  
  364. {block:Posts}
  365.  
  366. <div class="post" "{select:Postwidth}">
  367.  
  368. {block:Text}<div class="text">
  369. {block:Title}<h1>{Title}</h1>{/block:Title}
  370. {Body}
  371. {block:More} <a href="{Permalink}">Go further in depth...</a> {/block:More}
  372. </div>{/block:Text}
  373.  
  374. {block:Photo}
  375. {block:indexpage}{block:ifhovercaptions}{block:Caption}<span class="caption">{Caption}</span>
  376. {/block:Caption}{/block:ifhovercaptions}{/block:indexpage}
  377. <div class="photo"><img class="element-width-500" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  378. <img class="element-width-400" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  379. <img class="element-width-250" src="{PhotoURL-250}" alt="{PhotoAlt}"/></div>
  380. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  381. {/block:Photo}
  382.  
  383.  
  384. {block:Photoset}
  385. {block:indexpage}{block:ifhovercaptions}{block:Caption}<span class="caption">{Caption}</span>
  386. {/block:Caption}{/block:ifhovercaptions}{/block:indexpage}
  387. <div class="photo"><div class="element-width-500">{Photoset-500}</div>
  388. <div class="element-width-400">{Photoset-400}</div>
  389. <div class="element-width-250">{Photoset-250}</div></div>
  390. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  391. {/block:Photoset}
  392.  
  393. {block:Quote}<div class="text">
  394. <div class="quote">❝ {Quote} ❞</div>
  395. {block:Source}
  396. <div id="source">{Source}</div>
  397. {/block:Source}</div>
  398. {/block:Quote}
  399.  
  400. {block:Link}<div class="text">
  401. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  402. {block:Description}
  403. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  404. {/block:Description}</div>
  405. {/block:Link}
  406.  
  407. {block:Chat}<div class="text">
  408. <section class="chat">{block:Title}<section class="title"><h1>{Title}</h1></section>{/block:title}
  409. {block:Lines}<li><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>{/block:Lines}</section></div>
  410. {/block:Chat}
  411.  
  412. {block:Audio}<div class="text">
  413. <div id="hold">
  414. <div id="art">
  415. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg">
  416. {block:AlbumArt}<div id="art2"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  417. </div>
  418. <div id="circle"><div id="player">{AudioPlayerwhite}</div></div>
  419. </div>
  420. <div id="hold2"><p>{block:TrackName}<b>Trackname: </b><big>{TrackName}</big>{/block:TrackName}</p>
  421. <p>{block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</p>
  422. </div></div>
  423. {/block:Audio}
  424.  
  425. {block:Video}<div class="photo">
  426. <div class="element-width-500">{Video-500}</div>
  427. <div class="element-width-400">{Video-400}</div>
  428. <div class="element-width-250">{Video-250}</div>
  429. {block:Caption}{Caption}{/block:Caption}
  430. </div>{/block:Video}
  431.  
  432. {block:Answer}<div class="text">
  433. <div id="question"><img src="{AskerPortraitURL-30}"></div>
  434. <div class="question">{Question}</div><br>
  435. <div class="answer" style="line-height:130%;">{Answer}</div></div>
  436. {/block:Answer}
  437.  
  438. {block:IndexPage}<div class="permalink"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> <a href="{ReblogURL}" a title="Reblog?">+{NoteCount}</a></div><div class="tags">{block:HasTags}<img src="https://cdn1.iconfinder.com/data/icons/silk2/tag_yellow.png"><div style="margin-top:10px;">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage}
  439.  
  440. {block:PermalinkPage}{block:Caption}<div style="text-align:justify;padding:10px;font-family:{font:Body};margin:10px 0px;background:{color:captionbg};">{Caption}</div>{/block:Caption}{block:Date}{DayOfWeek} {DayofMonth} of {Month}, {Year},{/block:Date}<font style="text-transform:uppercase;">{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}<br>{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font><br><div class="tags">{block:HasTags}{block:Tags}<span style="opacity:0.5;">#</span><a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}{/block:Date}{/block:PermalinkPage}
  441.  
  442. </div>
  443.  
  444. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  445.  
  446. {/block:Posts}</div>
  447.  
  448. <!---------------DO NOT DELETE THIS--------------->
  449.  
  450.  
  451. {block:PermalinkPage}
  452. {block:PostNotes}
  453. <div id="notes">{PostNotes}</div>
  454. {/block:PostNotes}
  455. {/block:permalinkpage}
  456.  
  457. </div>
  458.  
  459. {block:Pagination}
  460. <div id="pagination">
  461. {block:PreviousPage}
  462. <a href="{PreviousPage}">&#171;</a>
  463. {/block:PreviousPage}
  464.  
  465. {block:JumpPagination length="5"}
  466. {block:CurrentPage}
  467. <span class="current_page">{PageNumber}</span>
  468. {/block:CurrentPage}
  469.  
  470. {block:JumpPage}
  471. <a class="jump_page" href="{URL}">{PageNumber}</a>
  472. {/block:JumpPage}
  473. {/block:JumpPagination}
  474.  
  475. {block:NextPage}
  476. <a href="{NextPage}">&#187;</a>
  477. {/block:NextPage}
  478. </div>
  479. {/block:Pagination}
  480.  
  481. </center>
  482.  
  483. </div><!-- End Container -->
  484. </body>
  485.  
  486. <div id="credit"><a href="http://aesthesos.com/"><i class="fa fa-rocket"></i> <span class="credit">Aesthesos</span></a></div><style type="text/css">#credit{position:fixed;bottom:15px;right:15px;border:1px solid {color:border};width:10px;text-align:right;height:10px;overflow:hidden;padding:5px;background:{color:captionbg};color:{color:border};overflow: hidden;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}#credit:hover{background:{color:border};width:85px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;border:1px solid {color:captionbg};}#credit:hover a{color:{color:captionbg};}.credit {color:{color:border};position: absolute;opacity:0;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;-ms-transition: all .1s;transition: all .1s;}#credit:hover .credit{color:{color:captionbg};right:25px;opacity:1;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;-ms-transition: all .1s;transition: all .1s;}</style>
  487.  
  488. </body>
  489. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement