API tools faq
paste
Advertisement
kawaiibuu

Ello

kawaiibuu
Sep 28th, 2014
4,656
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. {MobileAppHeaders}<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  4. <meta charset="utf-8">
  5. <!--
  6. Ello theme
  7. created by softwaring.tumblr.com
  8. download at jubileethemes.tumblr.com
  9.  
  10. I've left tags in the CSS to help with customization
  11.  
  12. All rules apply, do not steal/copy/take bits of coding etc
  13. -->
  14. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}">
  17. {/block:Description}
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20. <a href="http://jubileethemes.tumblr.com" style="font: 8px consolas; text-transform: uppercase; position:fixed; top: 5px; left: 5px; z-index: 99999;">theme</a><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  21. <!--
  22. this is used to autoscroll to your posts when ppl come to ur page
  23. If you wanna redirect to a tag and also to scroll to the post, do
  24. the /tagged/whatever/#postsection
  25. -->
  26. <script type="text/javascript">
  27. if(location.href == 'http://{text:url}.tumblr.com/') location.replace('http://{text:url}.tumblr.com/#postsection');
  28. </script>
  29. <script type="text/javascript">
  30. if(location.href == 'http://{text:url}.tumblr.com/ask') location.replace('http://{text:url}.tumblr.com/ask/#postsection');
  31. </script>
  32. <script type="text/javascript">
  33. if(location.href == 'http://{text:url}.tumblr.com/submit') location.replace('http://{text:url}.tumblr.com/submit/#postsection');
  34. </script>
  35.  
  36. <meta name="color:background" content="#fff"/>
  37. <meta name="color:text" content="#000"/>
  38. <meta name="color:links" content="#000"/>
  39. <meta name="color:links hover" content="#000"/>
  40. <meta name="color:header" content="#FAD6AB"/>
  41. <meta name="color:header background one" content="#FAD6AB"/>
  42. <meta name="color:header background two" content="#977189"/>
  43.  
  44. <meta name="image:header" content=""/>
  45. <meta name="image:smaller header" content=""/>
  46.  
  47. <meta name="if:gradient header" content="0"/>
  48. <meta name="if:fullsized header image" content="1"/>
  49. <meta name="if:infinite scroll" content="0"/>
  50. <meta name="if:shorter header" content="0"/>
  51. <meta name="if:captions" content="0"/>
  52. <meta name="if:tags" content="0"/>
  53.  
  54. <meta name="text:navigation title" content="navigation"/>
  55. <meta name="text:ask title" content="contact"/>
  56. <meta name="text:archive title" content="index"/>
  57. <meta name="text:link 1 title" content="" />
  58. <meta name="text:link 1 url" content="" />
  59. <meta name="text:link 2 title" content="" />
  60. <meta name="text:link 2 url" content="" />
  61. <meta name="text:link 3 title" content="" />
  62. <meta name="text:link 3 url" content="" />
  63. <meta name="text:link 4 title" content="" />
  64. <meta name="text:link 4 url" content="" />
  65. <meta name="text:link 5 title" content="" />
  66. <meta name="text:link 5 url" content="" />
  67. <meta name="text:link 6 title" content="" />
  68. <meta name="text:link 6 url" content="" />
  69.  
  70. <meta name="select:header img shape" content=" moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;" title="rounded">
  71. <meta name="select:header img shape" content=" -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;" title="circle">
  72. <meta name="select:header img shape" content="" title="default">
  73.  
  74. <meta name="select:post alignment" content="left: 50%; margin-left: -200px;" title="centered"/>
  75. <meta name="select:post alignment" content="left: 15%;" title="left"/>
  76. <meta name="select:post alignment" content="right: 5%;" title="right"/>
  77.  
  78. <style>
  79. /* text selection and scrollbars leave these alone */
  80. ::-moz-selection{background:black;color:white;text-shadow:none}::selection{background:black;color:white;text-shadow:none}
  81. ::-webkit-scrollbar-thumb {{block:ifgradientheader}background: {color:header background two};{/block:ifgradientheader}
  82. {block:ifnotgradientheader}background: {color:header} url({image:header})top left fixed repeat; {block:iffullsizedheaderimage}background-size:cover;
  83. {/block:iffullsizedheaderimage}{/block:ifnotgradientheader}border: 4px solid {color:background};border-left: none;}
  84. ::-webkit-scrollbar {background: {color:background};width: 10px;}
  85. ::-webkit-scrollbar:horizontal {display: none;}
  86. /* change font and what not here */
  87. body { font: 12px courier new; letter-spacing: 1px; background: {color:background}; color: {color:text}; }
  88. /* links */
  89. a { color: {color:links}; text-decoration:none;}
  90. a:hover {color:{color:links hover}; }
  91. /* wrapper and posts */
  92. #wrapper { width: 400px; margin: auto; }
  93. #post { width: 400px; margin: 0px auto 150px; }
  94. #post img { width: 400px;}
  95. .ft {padding: 10px; font-size: 14px; text-align: right; font-style: italic;}
  96. .body { padding: 5px; }
  97. ul { margin: 0; }
  98. li { list-style:none; margin: 0; }
  99. blockquote { margin: 0; padding: 5px; }
  100. .caption { padding: 5px; {block:ifnotcaptions} display:none; {/block:ifnotcaptions} }
  101. .tags { padding: 5px; {block:ifnottags} display:none; {/block:ifnottags} }
  102. .low { {block:ifshorterheader} top: 55%; {/block:ifshorterheader} {block:ifnotshorterheader} top: 105%; {/block:ifnotshorterheader} position:absolute; {select:post alignment} }
  103. .permalink { padding: 10px 5px 0; }
  104. .permalink a { padding: 0 15px; }
  105. /* header */
  106. #sidebar { width: 100%; {block:ifshorterheader} height: 50%; {/block:ifshorterheader} {block:ifnotshorterheader} height: 100%; {/block:ifnotshorterheader} top: 0px; left: 0px; display:inline-flex; display: -webkit-flex; {block:ifgradientheader} background-image: -ms-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  107. background-image: -moz-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  108. background-image: -o-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  109. background-image: -webkit-gradient(linear, left top, right top, color-stop(0, {color:header background one}), color-stop(1, {color:header background two}));
  110. background-image: -webkit-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  111. background-image: linear-gradient(to right, {color:header background one} 0%, {color:header background two} 100%);{/block:ifgradientheader}
  112. {block:ifnotgradientheader}background: {color:header} url({image:header})top left fixed repeat; {block:iffullsizedheaderimage}background-size:cover;{/block:iffullsizedheaderimage}{/block:ifnotgradientheader}position:absolute; }
  113. .top { margin: auto; width: 400px; text-align: center; }
  114. .bottom { width: 100%; height: 20px; left: 0px; position:absolute; {block:ifshorterheader} top: 50%; {/block:ifshorterheader} {block:ifnotshorterheader} top: 100%; {/block:ifnotshorterheader} {block:ifgradientheader} background-image: -ms-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  115. background-image: -moz-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  116. background-image: -o-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  117. background-image: -webkit-gradient(linear, left top, right top, color-stop(0, {color:header background one}), color-stop(1, {color:header background two}));
  118. background-image: -webkit-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
  119. background-image: linear-gradient(to right, {color:header background one} 0%, {color:header background two} 100%); background-attachment:fixed;{/block:ifgradientheader}{block:ifnotgradientheader}background: {color:header} url({image:header})top left fixed repeat; {block:iffullsizedheaderimage}background-size:cover;{/block:iffullsizedheaderimage}{/block:ifnotgradientheader} text-align: center; color: transparent; }
  120. .bottom a { color: transparent; }
  121. /* smaller header */
  122. .head { width: 400px; margin: 0 0 150px 0px; }
  123. .info { padding: 15px; text-align: justify; }
  124. .links { padding: 5px 0; opacity: 0.7; }
  125. h1 { margin: 0; }
  126. /* post sider */
  127. .side { position:absolute; text-align: center; margin-top: 0px; margin-left: -105px; width: 85px; opacity: 0;text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  128. /* post titles */
  129. h2 { font: 14px consolas; margin: 0 0 25px; text-transform: uppercase; }
  130. #post:hover .side { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  131. /* pop up links and askbox */
  132. .linkbox, .askbox { display:none; margin: auto; width: 400px; text-align: center; }
  133. .pagenotes img { display:none; }
  134. {CustomCSS}
  135. </style>
  136. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  137. <script>
  138. // MADE BY SOFTWARING
  139. $(document).ready(function() {
  140. $(".ask").click(function() {
  141. $(".askbox").fadeToggle();
  142. $(".linkbox").hide();
  143. }); // SOFTWARING
  144. $(".link").click(function() {
  145. $(".linkbox").fadeToggle();
  146. $(".askbox").hide();
  147. }); });
  148. </script>
  149. <script type="text/javascript" src="http://static.tumblr.com/mqkrxog/R05n9k05f/masonry.js"></script>
  150. </head><body>
  151. <div id="sidebar"><div class="top">
  152. <div class="linkbox">
  153. <h2>{text:navigation title}</h2>
  154. <a href="/">refresh</a> {block:iflink1title}• <a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title} {block:iflink2title}• <a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title} {block:iflink3title}• <a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title} {block:iflink4title}• <a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title} {block:iflink5title}• <a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title} {block:iflink6title}• <a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title}
  155. </div>
  156. <div class="askbox">
  157. <h2>{AskLabel}</h2>
  158. <iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  159. </div>
  160. </div>
  161. </div>
  162. <div class="bottom">
  163. <a name="postsection">{title}</a>
  164. </div>
  165. <div class="low">
  166. <div class="head">
  167. <img src="{image:smaller header}" style="max-width:128px; max-height:128px; margin-right: 2.125em; overflow:hidden; float: left; {select:header img shape}">
  168. <div class="info">
  169. <a href="/"><h1>@{title}</h1></a>
  170. <div class="links">
  171. <a href="#" class="link">{text:navigation title}</a>
  172. • <a href="#" class="ask">{text:ask title}</a>
  173. • <a href="/archive">{text:archive title}</a>
  174. </div>
  175. {description}
  176. </div>
  177. </div>
  178. <div id="wrapper">
  179.  
  180.  
  181. {block:Posts}
  182. {block:ContentSource}
  183. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  184. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  185. {/block:SourceLogo}
  186. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  187. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  188. <div id="post">
  189. <div class="side">
  190. <div class="avatar">{block:RebloggedFrom}<img src="{ReblogRootPortraitURL-64}" style="width: 64px; {select:header img shape}"/> {/block:RebloggedFrom}
  191. <a href="{ReblogURL}" target="_blank" class="details" style="margin-top: 23px; position:absolute; margin-left: -60.5px; color:{color:background}; font: 16px consolas;
  192. -webkit-text-stroke: 0.5px {color:text};"><b>reblog</b></a>
  193. </div>
  194. </div>
  195.  
  196. {block:Text}
  197. {block:Title}<div class="ft">{title}</div>{/block:Title}
  198. <div class="body">{body}</div>
  199. {/block:Text}
  200.  
  201. {block:Link}
  202. <div class="ft"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  203. {block:Description}
  204. <div class="body">{Description}</div>
  205. {/block:Description}
  206. {/block:Link}
  207.  
  208. {block:Quote}
  209. <div class="ft">{Quote}</div>
  210. {block:Source}
  211. <div class="body">&mdash; {Source}</div>
  212. {/block:Source}
  213. {/block:Quote}
  214.  
  215. {block:Photo}<center>
  216. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  217. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  218. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  219. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  220. {block:IndexPage}</a>{/block:IndexPage}</center>
  221. {/block:Photo}
  222.  
  223. {block:Chat}
  224. <div class="body">
  225. {block:Title}
  226. {Title}
  227. {/block:Title}
  228. {block:Lines}
  229. {block:Label}
  230. <div class="ft">{Label}</div>
  231. {/block:Label}
  232. <div class="line">
  233. <li>{Line}</li></div>
  234. {/block:Lines}
  235. </div>
  236. {/block:Chat}
  237.  
  238. {block:Video}
  239. {Video-400}
  240. {/block:Video}
  241.  
  242. {block:Photoset}
  243. {Photoset-400}
  244. {/block:Photoset}
  245.  
  246. {block:Audio}
  247. <div style="padding: 10px; background: black; color: white;"><center>
  248. {block:AlbumArt}<img src="{AlbumArtURL}" style="width: 380px;">{/block:AlbumArt}
  249. {AudioPlayerBlack}
  250. {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</center>
  251. </div>
  252. {/block:Audio}
  253.  
  254. {block:Answer}
  255. <div class="ft">
  256. {Question}
  257. <p align="right" style="margin: 0px;padding:2px;">&mdash; {Asker}</p>
  258. </div>
  259. {Answer}
  260. {/block:Answer}
  261.  
  262. {block:IndexPage}
  263. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  264. <div class="permalink">
  265. ~{12HourWithZero}:{Minutes} <a href="{Permalink}/#postsection"><i class="fa fa-eye"></i> {NoteCount}</a> <a href="{Permalink}/#postsection"><i class="fa fa-ellipsis-h"></i> i</a> </div>
  266. <div class="tags">
  267. {block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}
  268. </div>
  269. {/block:IndexPage}
  270.  
  271. {block:PermalinkPage}{block:date}
  272. <div style="padding: 25px;"> {Caption} </div>
  273. Posted {TimeAgo} with {NoteCountWithLabel}<br>{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  274. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}{/block:date}
  275. {/block:PermalinkPage}
  276. </div>
  277. {/block:Posts}
  278. {block:ifnotinfinitescroll}<div id="post" style="padding-bottom: 10px; text-align: center; text-transform: uppercase;">{block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">past</a> {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}">forward</a> {/block:NextPage}{/block:Pagination}<br><a href="http://jubileethemes.tumblr.com">theme by jubilee</a></div>{/block:ifnotinfinitescroll}
  279. {block:ifinfinitescroll}
  280. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a>{/block:NextPage}
  281. {/block:ifinfinitescroll}
  282. </div></div></div>
  283. </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!