API tools faq
paste
Advertisement
franzkaiser

#1 MAYO THEME

franzkaiser
Sep 19th, 2013
11,115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.82 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5. mayo theme by koduck.tumblr ✰ terms of use:
  6. 1. do not remove credit
  7. 2. do not use as base
  8. 3. do not redistribute/claim as your own
  9. 4. do not use any part of the code without permission
  10. + edit it as much as you like
  11. + you can move the credit link in a seperate page,
  12. just don't remove it completely
  13. + thank you for using my theme \o/
  14. -->
  15.  
  16. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  17. <head>
  18.  
  19. <meta name="color:Background" content="#fdf1f7"/>
  20. <meta name="color:Border" content="#c4c4c4"/>
  21. <meta name="color:Description" content="#0a0a00"/>
  22. <meta name="color:Highlight" content="#fff"/>
  23. <meta name="color:Img Border" content="#fff78d"/>
  24. <meta name="color:Link" content="#be67a5"/>
  25. <meta name="color:Link Bg" content="#d4ebf5"/>
  26. <meta name="color:Link Hover" content="#000"/>
  27. <meta name="color:Menu link" content="#55aeaf"/>
  28. <meta name="color:Scrollbar" content="#ff4a00"/>
  29. <meta name="color:Permalink" content="#c2b5b5"/>
  30. <meta name="color:Italic" content="#d4ebf5"/>
  31. <meta name="color:Bold" content="#8fe790"/>
  32. <meta name="color:Text" content="#111"/>
  33. <meta name="color:Posts" content="#fff"/>
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:Side Image" content=""/>
  37. <meta name="image:Audio Background" content="http://static.tumblr.com/8274494afb44f0a98b70323c18f29e83/zfwm1tv/r80mtj7ey/tumblr_static_1629.png"/>
  38.  
  39. <meta name="text:A Title" content="title here"/>
  40. <meta name="text:Music Code" content=""/>
  41. <meta name="text:Link 1" content=""/>
  42. <meta name="text:Link 1 URL" content=""/>
  43. <meta name="text:Link 2" content=""/>
  44. <meta name="text:Link 2 URL" content=""/>
  45. <meta name="text:Link 3" content=""/>
  46. <meta name="text:Link 3 URL" content=""/>
  47. <meta name="text:Link 4" content=""/>
  48. <meta name="text:Link 4 URL" content=""/>
  49. <meta name="text:Sidebar Top" content="20"/>
  50. <meta name="text:Sideimg Left" content="500"/>
  51. <meta name="text:Posts Distance" content="10"/>
  52.  
  53. <meta name="if:400px" content="0"/>
  54. <meta name="if:Background Cover" content="0"/>
  55. <meta name="if:Borders" content="1"/>
  56. <meta name="if:Box Shadow" content="0"/>
  57. <meta name="if:Captions" content="1"/>
  58. <meta name="if:Infinite Scroll" content="0"/>
  59. <meta name="if:Show Permalink" content="0"/>
  60. <meta name="if:Rounded Corners" content="1"/>
  61. <meta name="if:Pixel Font" content="0"/>
  62. <meta name="if:Show Album Art" content="1"/>
  63. <meta name="if:Transparent" content="0"/>
  64.  
  65. <meta name="select:Avatar style" content="square" title="Square">
  66. <meta name="select:Avatar style" content="circle" title="Circle">
  67. <meta name="select:Avatar style" content="rounded" title="Rounded Edges">
  68. <meta name="select:Avatar style" content="hidden" title="Hidden">
  69.  
  70. <meta name="select:Photo effect" content="reversefade" title="Fade on Hover">
  71. <meta name="select:Photo effect" content="fade" title="Fade">
  72. <meta name="select:Photo effect" content="blur" title="Blur on Hover">
  73. <meta name="select:Photo effect" content="grayscale" title="Grayscale">
  74. <meta name="select:Photo effect" content="reversegrayscale" title="Grayscale on Hover">
  75. <meta name="select:Photo effect" content="none" title="None">
  76.  
  77.  
  78. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  79. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  80. <link rel="shortcut icon" href="{favicon}">
  81. <style type="text/css">
  82. {CustomCSS}
  83.  
  84. @font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
  85.  
  86. /*tumblr controls*/
  87. iframe#tumblr_controls { opacity:0.5;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  88. iframe#tumblr_controls:hover { opacity:1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  89.  
  90. /*scrollbar*/
  91. ::-webkit-scrollbar {background-color:#000; border:4px solid {color:background};height: 9px; width:9px; }
  92. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};border:2px solid {color:background};height:auto; -webkit-border-radius:5px; border-radius: 5px;}
  93.  
  94. /* highlight text*/
  95. ::selection {background: {color:highlight}; color: {color:description};}
  96. ::-moz-selection {background: {color:highlight}; color: {color:description};}
  97.  
  98. /*small, preformatted, bold, italic text*/
  99. small{font: 10px consolas !important;letter-spacing:1px !important}
  100. pre {font: 10px consolas !important;letter-spacing:1px !important;overflow:auto;}
  101. b, strong {font: 11px lucida console !important; color:{color:bold}; font-weight:700 !important;}
  102. i, em {font: italic 11px lucida console !important; color:{color:italic};}
  103.  
  104. /*main*/
  105. body{background-color:{color:background};{block:ifbackgroundimage}background-image:url('{image:background}');background-repeat:repeat;background-attachment: fixed;{/block:ifbackgroundimage}{block:ifbackgroundcover}background-size: cover;{/block:ifbackgroundcover}font-family:lucida console;font-size:11px;line-height:12px;color:{color:Text};cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  106.  
  107. /*links*/
  108. a:link, a:active, a:visited{color: {color:Link};-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;text-decoration:none;cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), progress; text-shadow:4px 0px transparent, -4px 0px transparent; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;background:{color:link bg};}
  109. a:hover{text-decoration:none;color:{color:Link Hover};text-shadow:0px 0px {color:Link Hover}, 0px 0px {color:Link Hover}; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;background:transparent;}
  110.  
  111. /*blockquote*/
  112. blockquote{padding-left:6px;margin:15px; border-left:2px solid {color:img border};}
  113.  
  114. /*content*/
  115. #content {width:445px;}
  116. #entry {{block:ifnot400px}{block:indexpage}width:250px;margin-left:150px;{/block:indexpage}{block:permalinkpage}width:400px;{/block:permalinkpage}{/block:ifnot400px}{block:if400px}width:400px;{/block:if400px} margin-top:10px;{block:ifnottransparent}background:{color:posts};{/block:ifnottransparent}padding:10px 12px 7px 12px;{block:ifnotcaptions}padding:10px 12px 9px 12px;{/block:ifnotcaptions}{block:ifborders}border:1px solid {color:Border};{/block:ifborders}{block:ifBoxShadow}-moz-box-shadow: 4px 4px 4px rgba(65,65,65,0.3);-webkit-box-shadow: 4px 4px 4px rgba(65,65,65,0.3);box-shadow: 4px 4px 4px rgba(65,65,65,0.3);{/block:ifBoxShadow}{block:ifRoundedCorners}-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;{/block:ifRoundedCorners} -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3slinear;-ms-transition: all 0.3s linear;transition: all 0.3s linear; }
  117. #entry:hover {{block:ifborders}border:1px solid transparent;{/block:ifborders} -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3slinear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
  118. #entry img {max-width:100%;}
  119.  
  120. /*questions*/
  121. #question {padding:5px;color:{color:bold};display:inline;}
  122. .asker{font-size:11px;font-weight:bold;letter-spacing:1px;display:inline;{block:ifpixelfont}font-family:silkscreen;{/block:ifpixelfont}}
  123. .askimg {float:left;margin:0px 5px 0px 0px;}
  124. .askimg img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
  125. .askborder {padding-top:8px;border-bottom:1px dashed {color:img border};}
  126.  
  127. /*titles*/
  128. .tit{font-size:15px;line-height:17px;font-weight:bold;padding-top: 5px;{block:ifpixelfont}font-family:silkscreen;{/block:ifpixelfont}}
  129.  
  130. /*quote*/
  131. .quot {font-size: 13px; text-align: center;padding-bottom:5px;{block:ifpixelfont}font-family:silkscreen;{/block:ifpixelfont}}
  132.  
  133. /*chat*/
  134. .chat .line{padding: 2px;}
  135. .label {font-weight:bold;}
  136.  
  137. /*audio posts*/
  138. #audiobackground{background: url({image:audio background}) {color:italic};width:230px;padding: 8px;}
  139. #audioplayer{opacity: 1;border:2px solid {color:link};height:30px;background:#fff;padding:3px;}
  140. #albumart {width:150px;height:150px;position: relative;border:10px solid {color:img border};margin-bottom: 10px;}
  141. .tumblr_audio_player {height: 30px; width: 210px;}
  142.  
  143. /*photo effects*/
  144. .none {filter: none;}
  145. .fade { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 0.8;}
  146. .fade:hover {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; opacity: 1;}
  147. .grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  148. .grayscale:hover {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
  149. .reversefade {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; opacity: 1;}
  150. .reversefade:hover { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out; opacity: 0.8;}
  151. .reversegrayscale {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
  152. .reversegrayscale:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  153. .blur { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  154. .blur:hover { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
  155.  
  156. /*sidebar*/
  157. #sidebar {position:fixed;width:230px;top:{text:sidebar top}%;margin-left:460px;background:transparent;padding:4px;}
  158. .square img {border: 10px solid {color:img border};margin-bottom: 5px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
  159. .square img:hover {border:10px solid {color:highlight};}
  160. .circle img {border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; border: 10px solid {color:img border};margin-bottom: 5px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
  161. .circle img:hover {border:10px solid {color:highlight};}
  162. .rounded img {border-radius: 20%; -moz-border-radius:20%; -webkit-border-radius:20%; border: 10px solid {color:img border};margin-bottom: 5px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
  163. .rounded img:hover {border:10px solid {color:highlight};}
  164. .hidden {display:none;}
  165.  
  166. /*sidebar links*/
  167. #menu {-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;opacity: 0;margin-top:-50px;}
  168. #sidebar:hover #menu {opacity:1;margin-top:8px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;{block:ifpixelfont}font-family:silkscreen;{/block:ifpixelfont}}
  169. #menu a{font-size:11px;color:{color:menu link};background:transparent;}
  170. #menu a:hover{letter-spacing:5px;color:{color:link hover};}
  171.  
  172. /*title*/
  173. #titlos a{position:relative;margin-top:5px;margin-bottom:3px;background:transparent;{block:ifpixelfont}font-family:silkscreen;font-size:12px;{/block:ifpixelfont}}
  174.  
  175. /*permalink bar*/
  176. {block:indexpage}.perma {{block:ifnotshowpermalink}margin-top:-11px;opacity:0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;{/block:ifnotshowpermalink}{block:ifshowpermalink}margin-top:5px;{/block:ifshowpermalink}}
  177. .perma a {background:transparent;color:{color:permalink};{block:ifpixelfont}font-family:silkscreen;{/block:ifpixelfont}}
  178. .perma a:hover {color:{color:link hover};}
  179. {block:ifnotshowpermalink}#entry:hover .perma {margin-top:5px;opacity:1;}{/block:ifnotshowpermalink}{/block:indexpage}
  180. {block:permalinkpage}.perma {margin-top:5px;opacity:1;line-height:13px;}{block:permalinkpage}
  181. .rebloggg {text-align:right; display:inline; float:right; }
  182. #permapage {width:400px;text-align:left;}
  183. .permapage {float:right;}
  184.  
  185. /*notes*/
  186. .notes {max-height: 300px; overflow:auto; line-height:16px; padding-bottom:4px;position:left; }
  187. .notes a {background:transparent;}
  188. .notes img {width:10px; position:left; top:3px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
  189.  
  190. /* back to top */
  191. .topp {left:475px; bottom:10px; position:fixed;{block:ifpixelfont}font-family:silkscreen;{/block:ifpixelfont}}
  192. .topp a{color:{color:link}; text-decoration:none; text-shadow:0px 0px #ccc; background:transparent;}
  193. .topp a:hover{ color:{color:link hover}; text-shadow:-0px -50px transparent;}
  194.  
  195. /* tooltip */
  196. #s-m-t-tooltip {background:#fafafa; font-size: 7px; font-family: consolas; letter-spacing: 2px; text-transform: uppercase; color:{color:link}; word-wrap: break-word; padding: 2px 5px 2px 6px; display: block; margin: 10px 10px 10px 15px; -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 2px rgba(250, 250, 250, 0.4); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);}
  197.  
  198. /*pagination*/
  199. #navigation {text-align: left; font-size: 10px; text-transform: lowercase; margin-top: 10px;margin-bottom: 20px; margin-left: 150px;{block:if400px}margin-left:10px;{/block:if400px} font-family:consolas;}
  200. #navigation a {color: {color:description}; background:{color:highlight}; padding: 1px 4px; text-decoration: none; }
  201. #navigation a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  202. #navigation.jump_pagination a {margin: 0 0 0 4px;}
  203. #navigation.jump_pagination .current_page {color: {color:description};background:{color:highlight}; font-weight: bold; font-size: 10px; padding: 1px 4px; margin: 0 0 0 4px;}
  204.  
  205. </style>
  206.  
  207. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  208. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  209. <script type="text/javascript" charset="utf-8">
  210. var $j = jQuery.noConflict();
  211. $j(function() {
  212. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  213. $j("img").lazyload({
  214. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  215. effect: "fadeIn",
  216. });
  217. });
  218. </script>
  219. {block:ifInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:ifInfiniteScroll}
  220.  
  221. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  222. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  223. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  224. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  225. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  226. <script>
  227. (function($){
  228. $(document).ready(function(){
  229. $("[title]").style_my_tooltips();
  230. });
  231. })(jQuery);
  232. </script>
  233. </head>
  234.  
  235. <body>
  236.  
  237. <div id="sidebar">
  238. <div id="titlos">
  239. <a href="/" title="{title}">
  240. <header class="masthead {select:Avatar style}"> <img src="{PortraitURL-128}"/> </header>
  241. <mark style="background:{color:description};color:{color:highlight}">{text:a title} </mark></a><mark style="background-color:{color:highlight};padding:1px;line-height:18px;color:{color:description};">{description}</mark>
  242. </div>
  243. <div id="menu">/ <a href="/ask">ask</a> <br>/ <a href="/archive">past</a> {block:iflink1}<br>/ <a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1} {block:iflink2}<br>/ <a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2} {block:iflink3}<br>/ <a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3} {block:iflink4}<br>/ <a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}<br>/ <a href="http://koduck.tumblr.com/">theme</a> {block:ifmusiccode}{block:indexpage}<br><br>{text:music code}{/block:indexpage}{/block:ifmusiccode}
  244. </div>
  245. </div>
  246.  
  247. <div id="content">
  248.  
  249. {block:Posts}
  250. <div id="entry">
  251.  
  252. {block:Photo}
  253. {LinkOpenTag}<header class="masthead {select:photo effect}">
  254. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></header>
  255. {LinkCloseTag}
  256. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  257. {block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
  258. {/block:Photo}
  259.  
  260. {block:Photoset}
  261. <header class="masthead {select:photo effect}">
  262. <center>{block:indexpage}{block:ifnot400px}{Photoset-250}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}{/block:indexpage}
  263. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  264. </center></header>
  265. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  266. {block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
  267. {/block:Photoset}
  268.  
  269. {block:Video}
  270. <center>{block:indexpage}{block:ifnot400px}{Video-250}{/block:ifnot400px}{block:if400px}{Video-400}{/block:if400px}{/block:indexpage}{block:permalinkpage}{Video-400}{/block:permalinkpage}</center>
  271. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  272. {block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
  273. {/block:Video}
  274.  
  275. {block:Text}
  276. {block:Title}<span class="tit">{Title}</span>{/block:Title}
  277. {Body}
  278. {/block:Text}
  279.  
  280. {block:Answer}
  281. <div id="question">
  282. <div class="asker"><div class="askimg"><img src="{AskerPortraitURL-16}"></div>{Asker}</div> asked: {Question}</div><div class="askborder"></div>
  283. {Answer}
  284. {/block:Answer}
  285.  
  286. {block:Quote}
  287. <div class="quot">“{Quote}”</div>
  288. {block:Source}<div style="text-align:right"> - {Source}</div>{/block:Source}
  289. {/block:Quote}
  290.  
  291. {block:Chat}
  292. {block:Title}<span class="tit">{Title}</span>{/block:Title}
  293. {block:Lines}<div class="chat">
  294. <div class="line {Alt}">
  295. <div class="{Alt} user_{UserNumber}">
  296. {block:Label}<b>{Label} </b>{/block:Label}
  297. {Line}</div></div></div>
  298. {/block:Lines}
  299. {/block:Chat}
  300.  
  301. {block:Audio}<center>
  302. {block:AudioEmbed}{block:indexpage}{AudioEmbed-250}{/block:indexpage}{block:permalinkpage}{AudioEmbed-400}{/block:permalinkpage}{/block:AudioEmbed}
  303. {block:AudioPlayer}{block:ifshowalbumart}
  304. {block:albumart}
  305. <div id="albumart"><header class="masthead {select:photo effect}"><img src="{albumarturl}" width="150"></header></div>{/block:albumart}{/block:ifshowalbumart}
  306. <div id="audiobackground"><div id="audioplayer">{AudioPlayerwhite}</div></div>
  307. {/block:AudioPlayer} </center>
  308. {block:Caption}{Caption}{/block:Caption}
  309. {/block:Audio}
  310.  
  311. {block:Link}
  312. <span class="tit"><a href="{URL}">➜ {Name}</a></span>
  313. {block:Description}{Description}{/block:Description}
  314. {/block:Link}
  315.  
  316. {block:ContentSource}
  317. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  318. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  319. {/block:SourceLogo}
  320. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  321. {/block:ContentSource}
  322. {block:ReblogParentURL}
  323. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  324. {/block:ReblogParentURL}
  325.  
  326. <div class="perma">
  327. {block:indexpage}<a href="{permalink}" title="permalink">{block:Date}{TimeAgo}{/block:Date}
  328. {block:NoteCount} ★ {NoteCount}{/block:NoteCount}</a><div class="rebloggg"><a href="{ReblogUrl}" title="reblog">reblog</a></div>{/block:indexpage}{block:PermalinkPage}
  329. {block:HasTags}<br>Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a>
  330. {/block:Tags}{/block:HasTags}
  331. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}" >{ReblogParentName}</a> / org: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> {/block:RebloggedFrom}
  332. {block:Date}<br>Posted on: {DayofWeek} {ShortMonth} {DayofMonth}, {Year}{/block:Date} {block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}{/block:PermalinkPage}
  333. </div>
  334. {block:PermalinkPagination}<div id="permapage">{block:NextPost}<a href="{NextPost}">← {lang:newer}</a>{/block:NextPost}{block:PreviousPost}<div class="permapage"><a href="{PreviousPost}">{lang:older} →</a></div>{/block:PreviousPost}</div><br>{/block:PermalinkPagination}
  335. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  336. </div>
  337. <div style="padding-bottom:{text:posts distance}px;"></div>
  338. {/block:Posts}
  339.  
  340. <-- {block:indexpage}<div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="back to top">top</a></div>{/block:indexpage} -->
  341. </div>
  342.  
  343. {block:indexpage}{block:ifNotInfiniteScroll} {block:Pagination}<center> <div id="navigation" class="jump_pagination"> {block:PreviousPage}<a href="{PreviousPage}" title="{PreviousPage}"> back</a>{/block:PreviousPage} {block:JumpPagination length="4"} {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}" title="{NextPage}">next</a>{/block:NextPage} </div></center> {/block:Pagination}{/block:ifNotInfiniteScroll}{/block:indexpage}
  344.  
  345. <div style="position:fixed; bottom:0%; margin-left:{text:sideimg left}px; z-index:-999; "><img src='{image:side image}'></div>
  346.  
  347. </body>
  348. </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!