API tools faq
paste
Advertisement
lleelii

12 Miracles

lleelii
Dec 2nd, 2013
1,323
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.24 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. THEME BY:
  3. ___ ___ _
  4. / _ \ / _ \ _ __ | |__
  5. \_, / \_, / | ' \ | '_ \
  6. /_/ /_/ |_|_|_| |_.__/
  7.  
  8. --->
  9.  
  10. <meta name="color:Background" content="#ffffff">
  11. <meta name="color:Text" content="#787878">
  12. <meta name="color:Bold" content="#4a4a4a">
  13. <meta name="color:Italic" content="#275c3f">
  14. <meta name="color:Links" content="#2a2a2a">
  15. <meta name="color:Blog Title" content="#222222">
  16. <meta name="color:Caption Background" content="#fafafa">
  17. <meta name="color:Picture Shadow" content="#dddddd">
  18. <meta name="color:Link Bar Color" content="#b81b31">
  19. <meta name="color:Link Background" content="#f3f3f3">
  20. <meta name="color:Link Text" content="#929292">
  21. <meta name="color:Link Bottom Border" content="#dddddd">
  22. <meta name="color:Link Hover" content="#ba2b1c">
  23. <meta name="color:Link Text Hover" content="#ffffff">
  24. <meta name="color:Question Color" content="#222222"/>
  25. <meta name="color:Question Text" content="#ffffff"/>
  26.  
  27. <meta name="if:Updates" content="1">
  28.  
  29. <meta name="image:Posts Background" content="#f3f3f3"/>
  30. <meta name="image:Header Background" content=""/>
  31. <meta name="image:Header IMG" content="http://static.tumblr.com/824979ebebfdea387643fdfd3a0f9de0/tyt3xth/DfBmx761q/tumblr_static_exoheader.png">
  32. <meta name="image:Link Bar Background" content=""/>
  33. <meta name="image:Posts Background" content=""/>
  34.  
  35. <meta name="text:Update Title" content="Updates">
  36. <meta name="text:Updates" content="12-2-13: New layout!">
  37. <meta name="text:1st Link URL" content="">
  38. <meta name="text:1st Link Title" content="link 1">
  39. <meta name="text:2nd Link URL" content="">
  40. <meta name="text:2nd Link Title" content="link 2">
  41. <meta name="text:3rd Link URL" content="">
  42. <meta name="text:3rd Link Title" content="link 3">
  43. <meta name="text:4th Link URL" content="">
  44. <meta name="text:4th Link Title" content="link 4">
  45.  
  46. <html><head><title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48.  
  49.  
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  53.  
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title]").style_my_tooltips();
  58. });
  59. })(jQuery);
  60. </script>
  61. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
  64.  
  65. <style type="text/css">
  66.  
  67. /* BODY CODES */
  68. body {background-color:{color:background}; color:{color:Text}; overflow-x:hidden; font-family:calibri; font-size:11px; text-align:justify; text-transform: normal; line-height:12px; word-wrap:break-word;}
  69.  
  70. b, strong {font-weight: bold; color:{color:Bold};}
  71. i, italic, em {font-style:italic; color:{color:Italic};}
  72.  
  73. a:link, a:active, a:visited {color:{color:Links}; text-decoration:none; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  74. a:hover {color:{color:Text}; text-decoration: none;}
  75.  
  76. div#container {position:absolute; margin-left:490px; margin-top:180px; width:530px; padding:50px 30px 0px 30px; background-color:{color:Posts Background}; background-image:url({image:Posts Background});}
  77.  
  78. #picture {width:500px; background-color:#fff; padding:15px; box-shadow: 0px 3px 2px {color:Picture Shadow}; margin-bottom:40px;} #picture:hover #permalink {opacity:0.7; }
  79. .picturebord {width:500px;}
  80. #picture img {float:left; max-width:500px;}
  81.  
  82. /* PERMALINK CODES */
  83. #permalink {z-index:990; font-family:calibri; margin: 0px; position: absolute; float:left; margin-bottom:-50px; background-color:#000; padding:15px; width:470px; opacity:0; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  84. .time {font-size:16px; font-weight: bold; color:#fff;}
  85. .time a {color:#f3f3f3;}
  86.  
  87. /* POST CODES */
  88. .tags {font-size:10px; font-family:calibri; letter-spacing:1px; width:500px; text-align:left; border-top:1px solid #eee; padding-top:5px; line-height:15px; text-transform:uppercase; letter-spacing:1px; }
  89. .tags a {color:#868686;}
  90. .tag {font-family:calibri; } .tag:after { content: ","; } .tag:last-child:after { content: " "; }
  91.  
  92. #source {width:400px; padding:2px; margin-top:10px; font-size:10px;}
  93.  
  94. .desc {position:fixed; margin-left:100px; margin-top:280px; line-height:15px; width:300px; padding:10px; z-index:999;}
  95. .des {background-color:#fff; width:210px; font-size:11px; color:#787878; text-align:justify; line-height:12px; padding-bottom:14px; border-bottom:4px double #eaeaea;}
  96. .desc a {color:{color:Links};}
  97.  
  98. .pagin {font-size:11px; font-weight:bold; font-family:consolas;}
  99. .pagin a {color:{color:Tags}; font-weight:bold;}
  100.  
  101. /* HEADER CODES */
  102. #top {position:absolute; top:0%; left:0%; height:170px; width:100%; background:{color:Header Color}; z-index:998;}
  103.  
  104. /* CAPTION CODES */
  105. small {font-size:9px;} pre {font-size:9px;} sub {font-size:9px;}
  106. .caption {font-size:9px; margin-top:2px; padding:5px; overflow:hidden; font-family:arial; letter-spacing:1px; background-color: {color:Caption Background}; width:490px; border-bottom:1px solid #f3f3f3; border-top:1px solid #f3f3f3;}
  107. blockquote {font-size:9px; margin-top:2px; padding:5px; overflow:hidden; font-family:arial; letter-spacing:1px; background-color: {color:Caption Background}; border-bottom:1px solid #f3f3f3; border-top:1px solid #f3f3f3;}
  108.  
  109. /* ASK CODES */
  110. #question {padding:7px;font-family:consolas; background-color:{color:Question Color}; color:{color:Question Text};} #question b {color:#fff;} #question a {color:#fff;}
  111. .arrow-down {width:0;height:0; margin-bottom:-15px; border-left:3px solid transparent; border-right:15px solid transparent; border-top:15px solid {color:Question Color};}
  112.  
  113. /* TITLE CODES */
  114. .title {Font-size:34px; font-family: 'Roboto', sans-serif; font-stylE:italic; color:{color:Blog Title}; line-height:37px; text-align:center; text-shadow: 3px 2px 0px #fff, 5px 4px 0px #ddd; text-transform:uppercase; font-weight:700; letter-spacing:-2px;}
  115. .blogt {font-size:45px; font-family: 'Roboto', sans-serif; font-stylE:italic; color:{color:Blog Title}; line-height:40px; text-align:center; text-shadow: 3px 2px 0px #fff, 7px 6px 0px #ddd; text-transform:uppercase; font-weight:700; letter-spacing:-2px;}
  116.  
  117. ol.notes {padding: 10px; margin: 25px 0px; list-style-type: none;}
  118. ol.notes li.note {padding: 10px;}
  119. ol.notes li.note img.avatar {display:none; margin-right:10px;}
  120.  
  121. iframe#tumblr_controls {position:fixed !important;-webkit-filter: invert(100%); opacity:0.7; z-index:9999;}
  122.  
  123. #s-m-t-tooltip {z-index:999; background:#000; font-size:10px;font-family:calibri; letter-spacing:1px; color:#fff; font-style:italic; max-width:155px; word-wrap:break-word; padding:5px; display:block; margin:10px 10px 0px 20px; box-shadow:1px 1px 1px #222; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  124. #credit {position:fixed; right:1%; bottom:1%; width:20px; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:0.2;} #credit:hover {opacity:1; }
  125.  
  126. ::-webkit-scrollbar {width:4px; height:10px;}
  127. ::-webkit-scrollbar-track-piece {background-color:#fff;}
  128. ::-webkit-scrollbar-thumb {background-color:{color:Blog Title};}
  129.  
  130. /* LINK NAV CODES */
  131. .scroller_anchor{height:0px;z-index:999; width:100%; left:0%; }
  132. .scroller{position:absolute; background-image:url({image:Link Bar Background}); background-color:{color:link Bar Color}; z-index:100; padding-top:13px; padding-bottom:13px; text-align:center; margin-top:-3px; left:0%; width:100%; z-index:999; }
  133. .scroller a {text-transform:uppercase; font-weight:bold; font-family:calibri; letter-spacing:1px; font-size:8px; margin-left:13px; color:{color:Link Text}; padding:7px; border-bottom:1px solid {color:Link Bottom Border}; background:{color:Link Background};}
  134. .scroller a:hover {background:{color:Link Hover}; color:{color:Link Text Hover};}
  135. {CustomCSS}
  136.  
  137. </style>
  138.  
  139. <script type='text/javascript'>//<![CDATA[
  140.  
  141. // This function will be executed when the user scrolls the page.
  142. $(window).scroll(function(e) {
  143. // Get the position of the location where the scroller starts.
  144. var scroller_anchor = $(".scroller_anchor").offset().top;
  145.  
  146. // Check if the user has scrolled and the current position is after the scroller's start location and if its not already fixed at the top
  147. if ($(this).scrollTop() >= scroller_anchor && $('.scroller').css('position') != 'fixed')
  148. { // Change the CSS of the scroller to hilight it and fix it at the top of the screen.
  149. $('.scroller').css({
  150. 'background': '{color:Link Bar Color}',
  151. 'background-image': 'url({image:Link Bar Background})',
  152. 'position': 'fixed',
  153. 'left':'0px', 'top':'2px'
  154. });
  155.  
  156. // Changing the height of the scroller anchor to that of scroller so that there is no change in the overall height of the page.
  157. $('.scroller_anchor').css('height', '50px');
  158. }
  159. else if ($(this).scrollTop() < scroller_anchor && $('.scroller').css('position') != 'relative')
  160. { // If the user has scrolled back to the location above the scroller anchor place it back into the content.
  161.  
  162. // Change the height of the scroller anchor to 0 and now we will be adding the scroller back to the content.
  163. $('.scroller_anchor').css('height', '0px');
  164.  
  165. // Change the CSS and put it back to its original position.
  166. $('.scroller').css({
  167. 'background': '{color:Link Bar Color}',
  168. 'background-image': 'url({image:Link Bar Background})',
  169. 'position': 'relative',
  170. 'left':'0px', 'top':'0px'
  171. });
  172.  
  173. }
  174. });
  175. //]]>
  176.  
  177. </script>
  178. </head>
  179.  
  180.  
  181. <body>
  182.  
  183. <div class="desc">
  184. <center><div class="blogt">{title}</div><br>
  185. <div class="des">{Description} <br><br>
  186. <center>{block:Pagination}<div class="pagin">{block:PreviousPage} <a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} {PageNumber} {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}</div>
  187. {/block:Pagination}</center></div> {block:IfUpdates}<br> <div class="title"><A title="{text:Updates}">{text:Update Title}</a></div>{/block:IfUpdates}
  188. </div>
  189.  
  190. <div id="top"><center> <img src="{image:Header IMG}" height="170"></img></center>
  191. <!-- This div is used to indicate the original position of the scrollable fixed div. -->
  192. <div class="scroller_anchor"></div>
  193.  
  194. <!-- This div will be displayed as fixed bar at the top of the page, when user scrolls -->
  195. <div class="scroller"><center><a title="home" href="/">home</a> <a title="message" href="/ask">ask</a> <a title="{text:1st Link Title}" href="{text:1st Link URL}">{text:1st Link Title}</a> <a title="{text:2nd Link Title}" href="{text:2nd Link URL}">{text:2nd Link Title}</a> <a title="{text:3rd Link Title}" href="{text:3rd Link URL}">{text:3rd Link Title}</a> <a title="{text:4th Link Title}" href="{text:4th Link URL}">{text:4th Link Title}</a></center></div></div>
  196.  
  197.  
  198.  
  199. <div id="container">
  200. {block:Posts}
  201.  
  202. {block:Text}
  203. <div id="picture">
  204. {block:IndexPage}<div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>{/block:IndexPage}
  205. {block:Title}<div class="title">{Title}</div>{/block:Title}
  206. {Body}<br>
  207. {block:IndexPage}<table><tr><td>{block:HasTags}<div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>{/block:IndexPage}
  208. </div>{/block:Text}
  209.  
  210.  
  211. {block:Photo}
  212. <div id="picture">
  213. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  214. <A href="{Permalink}"><img class="picturebord" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a><br><br>
  215. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  216.  
  217. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  218. </div>
  219. {/block:Photo}
  220.  
  221.  
  222. {block:Photoset}
  223. <div id="picture">
  224. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  225. <div class="picturebord">{Photoset-500}</div>
  226. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  227.  
  228. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  229. </div>
  230. {/block:Photoset}
  231.  
  232.  
  233. {block:Audio}
  234. <div id="picture">
  235. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  236. <center><br> {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  237. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  238. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  239. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR><br>{/block:PlayCount}{block:AudioPlayer}<center>{AudioPlayerGrey}{/block:AudioPlayer}</center>
  240.  
  241. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}
  242. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  243. </div>{/block:Audio}
  244.  
  245.  
  246. {block:Quote}
  247. <div id="picture">
  248. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  249. <div class="title">"{Quote}"</div>{block:Source}<blockquote> — {Source}</blockquote>{/block:Source}
  250.  
  251. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  252. </div>{/block:Quote}
  253.  
  254.  
  255. {block:Video}
  256. <div id="picture">
  257. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  258. <div class="picturebord">{video-500}</div>
  259.  
  260. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  261. </div>{/block:Video}
  262.  
  263.  
  264. {block:Link}
  265. <div id="picture">
  266. {block:IndexPage}<div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>{/block:IndexPage}
  267. <div class="title"><a href="{URL}" class="link" {Target}>"{Name}"</a></div>{block:Description}{Description}{/block:Description}
  268.  
  269. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  270. </div>{/block:Link}
  271.  
  272.  
  273. {block:Chat}
  274. <div id="picture">
  275. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  276. {block:Title}<div class="title">{Title}</div>{/block:Title}
  277. <div class="chat">{block:Lines}
  278. <div class="lines"><div class="line {Alt}">
  279. {block:Label}<b>{Label}</b>{/block:Label} {Line}</div></div>{/block:Lines}
  280. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  281. </div></div>
  282. {/block:Chat}
  283.  
  284.  
  285. {block:Answer}
  286. <div id="picture">
  287. <div id="permalink"><img src="http://i46.tinypic.com/34r8thu.jpg"> <div class="time">&nbsp <a href="{Permalink}">published {TimeAgo} with {NoteCountwithLabel}</a> {block:ContentSource}<span style="font-size:11px;"> &copy; <a href="{SourceURL}"> {SourceTitle}</a></span>{/block:ContentSource}</div> </div>
  288. <div id="question" style="width:480px;"> {block:PermalinkPage}{/block:PermalinkPage}<b>{Asker}</b>: {Question} <div class="arrow-down"></div></div><br>
  289. {Answer}
  290. <table><tr><td>{block:HasTags}<br> <div class="tags"> <b>tags:</b> &nbsp; {block:Tags} <a href="{TagURL}" class="tag">{Tag}</a> &nbsp {/block:Tags}</div> {/block:HasTags}</td></tr></table>
  291. </div>{/block:Answer}
  292.  
  293. {block:PermalinkPage}
  294. <div id="picture">
  295. {block:PostNotes}{PostNotes}{/block:PostNotes}
  296. </div>{/block:PermalinkPage}
  297.  
  298.  
  299. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  300. {/block:Posts}
  301. </div>
  302.  
  303. <div id="credit"><A title="theme by 99mb" href="http://99mb.tumblr.com"><img src="http://i.imgur.com/HdVcYV4.png"></A></div>
  304.  
  305. </body>
  306. </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!