API tools faq
paste
shimmeringthemes

"Mosaic" Theme

shimmeringthemes
Aug 10th, 2015
3,411
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.07 KB | None | 0 0
raw download clone embed print report
  1. <!-- "Mosaic" Theme by
  2. _
  3. () | | o o
  4. /\ | | _ _ _ _ _ _ _ ,_ _ _ __,
  5. / \|/ \ | / |/ |/ | / |/ |/ | |/ / | | / |/ | / |
  6. /(__/| |_/|_/ | | |_/ | | |_/|__/ |_/|_/ | |_/\_/|/
  7. /|
  8. \|
  9. ______ _
  10. (_) | | |
  11. | | | _ _ _ _ _ ,
  12. _ | |/ \ |/ / |/ |/ | |/ / \_
  13. (_/ | |_/|__/ | | |_/|__/ \/
  14.  
  15. Last updated on September 14th, 2015.
  16.  
  17. Theme Rules:
  18.  
  19. 1. Do Not Delete or Modify the Credit
  20. You may not move, remove, or modify the credit in my themes IN ANY WAY, FOR ANY REASON.
  21.  
  22. 2. Do Not use my Themes as Base Codes
  23. You may edit my themes to suit your tastes/blog. However, this does not mean that you may use them as base codes to make your own themes.
  24.  
  25. 3. Do Not Use Snippets of My Code Without Crediting Me
  26. I work really hard on these themes, and ask that you respect that by not using snippets of my code (i.e. more than four lines) in your own code, UNLESS you clearly give credit somewhere in your code that includes my theme blog URL, http://shimmeringthemes.tumblr.com.
  27.  
  28. 4. Do Not Steal or Redistribute My Themes
  29. You may not publish my themes as your own or claim them as your own. THIS IS CONSIDERED STEALING.
  30.  
  31. If you break any of these rules, I WILL REPORT YOU TO TUMBLR, NO EXCEPTIONS. -->
  32. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  33. <html>
  34. <head>
  35. <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
  36. <title>{Title}</title>
  37. <meta name="Description" content="{MetaDescription}">
  38. <meta name="text:link 1" content="">
  39. <meta name="text:link 2" content="">
  40. <meta name="text:link 3" content="">
  41. <meta name="text:link 1 name" content="">
  42. <meta name="text:link 2 name" content="">
  43. <meta name="text:link 3 name" content="">
  44. <meta name="image:header" content="">
  45. <meta name="color:Background" content="">
  46. <meta name="if:showimageheader" content="0">
  47. <meta name="if:showlink1" content="0">
  48. <meta name="if:showlink2" content="0">
  49. <meta name="if:showlink3" content="0">
  50. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700,300' rel='stylesheet' type='text/css'>
  52. <style type="text/css">body{font-family:'Roboto Condensed',sans-serif;font-size:16px;color:#4a404a;background-color:#fff;word-wrap:break-word;margin-left:auto;margin-right:auto;overflow-x:hidden}a{font-size:20px;color:#4a404a;text-decoration:none;font-family:'Amatic SC',cursive}a:link{text-decoration:none;color:#4a404a}a:hover{opacity:.3;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition0.8s}a:active{opacity:.3;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition0.8s}a:visited{color:#4a404a}ul li{list-style-type:none}#logo{{block:ifshowimageheader}margin-bottom:20px;margin-top:50px;{/block:ifshowimageheader}}#logo img{{block:ifshowimageheader}width:70%;height:250px;{/block:ifshowimageheader}}#blogtitle{{block:ifnotshowimageheader}padding-top:50px;font-weight:bold;font-size:50px;text-align:center;color:#4a404a;font-family:'Amatic SC',cursive;text-transform:uppercase{/block:ifnotshowimageheader}}#blogtitle a{font-size:50px}#header{margin-top:0;{block:ifshowimageheader}height:250px;{/block:ifshowimageheader}{block:ifnotshowimageheader}height:150px;{/block:ifnotshowimageheader}background-color:{color:background};text-align:center;margin-left:auto;margin-right:auto}#header a{color:#4a404a;font-family:'Amatic SC',cursive;text-decoration:none}#desc{{block:ifshowimageheader}margin-top:25px;{/block:ifshowimageheader}padding-bottom:8px;text-align:center;font-family:'Roboto Condensed',sans-serif}#pagination{color:#4a404a;padding-bottom:5px}#nav{text-align:center}#nav a{text-align:center;display:inline-block;margin-top:25px;padding-top:5px;padding-bottom:3px;padding-left:15px;padding-right:15px;font-family:'Amatic SC',cursive;text-transform:uppercase;font-weight:bold}h2{font-size:20px;font-weight:bold;text-transform:uppercase;text-align:center;font-family:'Amatic SC',cursive}blockquote{margin:0;padding:0 0 0 10px;border-left:3px solid #4a404a}#content{{block:indexpage}width:1000px;margin-top:75px;margin-left:auto;margin-right:auto;{/block:indexpage}{block:permalinkpage}width:500px;margin-top:35px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;{/block:permalinkpage}}#posts{{block:indexpage}width:250px;height:250px;overflow:hidden;{/block:indexpage}{block:permalinkpage}width:500px;text-align:center;margin-left:auto;margin-right:auto;{/block:permalinkpage}}.text{{block:indexpage}width:250px;height:250px;overflow-x:scroll;overflow-y:scroll;{/block:indexpage}padding-left:10px;padding-right:10px;text-align:center};.photo{width:250px;max-width:250px}.photos img:first-child{display:block;}.photos:hover{opacity:.3;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition0.8s}.index-page .photos img:first-child:active{opacity:.3;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition0.8s}.quotepost{{block:indexpage}width:250px;height:250px;overflow-x:scroll;overflow-y:scroll;{/block:indexpage}}.quote{padding-top:10px;padding-left:10px;padding-right:10px;text-align:center;padding-bottom:3px}.source{text-align:right;padding-top:1px;padding-left:10px;padding-right:10px;font-family:'Roboto Condensed',sans-serif;font-weight:bold}.source a{text-align:right;padding-top:1px;padding-left:10px;padding-right:10px;font-family:'Amatic SC',cursive;font-weight:bold}.linkpost{{block:indexpage}width:250px;height:250px;overflow-x:scroll;overflow-y:scroll;{/block:indexpage}padding-left:10px;padding-right:10px;text-align:center;font-family:'Roboto Condensed',sans-serif}.linkpost a{padding-left:10px;padding-right:10px;text-align:center;font-weight:bold;font-family:'Amatic SC',cursive}
  53. .linkdesc{font-family:'Roboto Condensed',sans-serif;text-align:center}.chatpost{{block:indexpage}width:250px;height:250px;overflow-x:scroll;overflow-y:scroll;{/block:indexpage}}.chattitle{padding-left:10px;padding-right:10px;font-family:'Amatic SC',cursive}.chat{padding-top:10px;padding-left:10px;padding-right:10px;text-align:center}.line{font-family:'Roboto Condensed',sans-serif;padding-bottom:2px}.name{font-weight:bold;font-family:'Amatic SC',cursive}.audio{{block:indexpage}width:250px;height:250px;overflow-x:scroll;overflow-y:scroll;{/block:indexpage}}.video{padding-top:22%}.answerpost{{block:indexpage}width:250px;height:250px;overflow-x:scroll;overflow-y:scroll;{/block:indexpage}}.answer{padding-left:10px;padding-right:10px;padding-top:25%}.ask{width:250px;max-width:250px;text-align:center}.asker{font-weight:bold;font-family:'Amatic SC',cursive}.question{font-family:'Roboto Condensed',sans-serif;font-style:italic}.replies{font-family:'Roboto Condensed',sans-serif;text-align:center}.reblogged-from{text-align:center;margin-top:20px;margin-bottom:20px}.via{text-align:center}.via a{font-weight:bold}.notes{text-align:left;margin-left:auto;margin-right:auto}.notes ol{padding-left:10px}.notes a{font-weight:bold;font-family:'Amatic SC',cursive}.notes img.avatar{margin-right:10px;width:16px;height:16px;border-radius:100px}#notecontainer{text-align:center;margin-left:auto;margin-right:auto;padding-left:10px;width:500px}.tags{text-align:center;text-decoration:none;margin-bottom:20px}.tags .comma:last-child{display:none}#scrlTop:hover{opacity:.3;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition0.8s}.tumblrAutoPager_page_info,.tumblrAutoPager_page_separator{display:none}#infscr-loading{display:none}.navigation{display:none!important}div.text::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}div.text::-webkit-scrollbar-thumb{background-color:#4a404a;width:4px;height:4px;padding-right:2px}div.linkpost::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}div.linkpost::-webkit-scrollbar-thumb{background-color:#4a404a;width:4px;height:4px}div.quotepost::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}div.quotepost::-webkit-scrollbar-thumb{background-color:#4a404a;width:4px;height:4px}div.chatpost::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}div.chatpost::-webkit-scrollbar-thumb{background-color:#4a404a;width:4px;height:4px}div.audio::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}div.audio::-webkit-scrollbar-thumb{background-color:#4a404a;width:4px;height:4px}div.answerpost::-webkit-scrollbar{background-color:transparent;width:4px;height:4px}div.answerpost::-webkit-scrollbar-thumb{background-color:#4a404a;width:4px;height:4px}
  54.  
  55.  
  56.  
  57. .perm{width:250px;position:absolute;overflow:hidden;left:0;top:0;height:100%;width:100%;z-index:99999;background-color:transparent;opacity:0}#posts:hover .perm{opacity:1;-moz-transition-duration:.8s;-o-transition-duration:.8s;-webkit-transition-duration:.8s;transition-duration:.8s}.box{background-color:transparent;text-align:center;font-family:'courier new';padding-top:2px;padding-bottom:2px;margin-left:auto;margin-right:auto;position:absolute;width:100%;top:50%;transform:translate(0,-50%)}.like{display:inline-block;padding-right:5px;padding-top:2px;padding-bottom:2px;padding-left:5px;opacity:1;z-index:9999999}.rb{display:inline-block;padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;opacity:1;z-index:9999999}.noteslabel a{padding-left:5px;font-size:18px;color:#ccc;display:inline-block}.noteslabel a:link{text-decoration:none;color:#ccc}.noteslabel a:hover{text-decoration:none}.noteslabel:active{text-decoration:line-through}.noteslabel:visited{color:#ccc}
  58. </style>
  59.  
  60. </head>
  61. <body>
  62. <div>{block:Description} {/block:Description} <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" language="javascript">$(function(){$("#scrlBotm").click(function(){$("html, body").animate({scrollTop:$(document).height()},1500);return false});$("#scrlTop").click(function(){$("html, body").animate({scrollTop:"0px"},1500);return false})});</script> <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script> <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script> <script type="text/javascript">$(window).load(function(){var a=$("#content");a.masonry({itemSelector:"#posts"}),a.infinitescroll({navSelector:"div.navigation",nextSelector:"div.navigation a#next",itemSelector:"#posts",loading:{finishedMsg:"",img:""},bufferPx:600,debug:false,},function(c){var b=$(c);b.hide();b.imagesLoaded(function(){a.masonry("appended",b,true,function(){b.fadeIn(300)})})})});</script>
  63. <div id="header">{block:ifshowimageheader}
  64. <div class="c1" id="logo"><a href="/"><img src="{image:header}" alt="** PLEASE DESCRIBE THIS IMAGE **"></a></div>
  65. {/block:ifshowimageheader} {block:ifnotshowimageheader}
  66. <h1 id="blogtitle"><a href="/">{blogtitle}</a></h1>
  67. {/block:ifnotshowimageheader}
  68. <div class="navigation">{block:Pagination} {block:NextPage}
  69. <p id="page_nav"><a class="c2" href="{NextPage}" id="next" name="next">Older ?</a> {/block:NextPage} {block:PreviousPage} <a class="c3" href="{PreviousPage}">? Newer</a></p>
  70. {/block:PreviousPage} {/block:Pagination}</div>
  71. </div>
  72. {block:Description}
  73. <div id="desc">{Description}</div>
  74. {/block:Description}
  75. <div id="nav"><a href="/">Home</a> <a href="/">Archive</a> {block:ifshowlink1} <a href="{text:link 1}">{text:link 1 name}</a> {/block:ifshowlink1} {block:ifshowlink2} <a href="{text:link 2}">{text:Link 2 Name}</a> {/block:ifshowlink2} {block:ifshowlink3} <a href="{text:link 3}">{Text:Link 3 Name}</a> {/block:ifshowlink3} {block:AskEnabled} <a href="/ask">Message</a> {/block:AskEnabled} <a href="http://shimmeringthemes.tumblr.com" target="_blank&quot;">Theme</a></div>
  76. <div id="content">{block:Posts}
  77. <div id="posts">{block:IndexPage}<div class="perm"><div class="box"><span class="like">{LikeButton color="grey" size="15"}</span> <span class="rb">{ReblogButton color="grey" size="15"}</span> <span class="noteslabel"><a href="{permalink}" target="_blank&quot;">{NoteCount}</a></span></div></div>
  78. {/block:IndexPage}{block:Text}
  79. <div class="text">{block:Title}
  80. <h2>{Title}</h2>
  81. {/block:Title}{Body}</div>
  82. {/block:Text} {block:Photo}
  83. <div class="photo">{block:indexpage} <img src="{PhotoURL-250}" width="250px" height="250px" alt="{PhotoAlt}"> {/block:indexpage}</div>
  84. {block:permalinkpage} <img src="{PhotoURL-500}" alt="{PhotoAlt}"> {/block:permalinkpage} {/block:Photo} {block:Photoset} {block:IndexPage}
  85. <div class="photos">{block:Photos} <img alt="" src="{PhotoURL-250}" width="250px" height="250px"> {/block:Photos}</div>
  86. {/block:IndexPage} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {/block:Photoset} {block:Quote}
  87. <div class="quotepost">
  88. <div class="quote">"{quote}"</div>
  89. {block:source}
  90. <div class="source">-{source}</div>
  91. {/block:source}</div>
  92. {/block:Quote} {block:Link}
  93. <div class="linkpost">
  94. <div class="link"><a href="{URL}">{Name}</a></div>
  95. {block:Description}
  96. <div class="linkdesc">{Description}</div>
  97. {/block:Description}</div>
  98. {/block:Link} {block:Chat}
  99. <div class="chatpost">{block:Title}
  100. <h2 class="chattitle">{Title}</h2>
  101. {/block:Title}
  102. <div class="chat">{block:Lines}
  103. <div class="line">{block:Label} <span class="name">{Label}</span> {/block:Label} {Line}</div>
  104. {/block:Lines}</div>
  105. </div>
  106. {/block:Chat} {block:Video}
  107. <div class="video">{block:indexpage}{Video-250}{/block:indexpage}</div>
  108. {block:permalinkpage}{Video-500}{/block:permalinkpage} {/block:Video}{block:Audio}
  109. <div class="audio">{block:indexpage}{AudioEmbed-250}<br>
  110. <br>
  111. <br>
  112. </a>{/block:indexpage}</div>
  113. {block:permalinkpage}{audioembed-500}{/block:permalinkpage} {/block:Audio} {block:Answer}
  114. <div class="answerpost answer">
  115. <div class="ask"><span class="asker">{Asker}</span> asked:
  116. <div class="question">{Question}</div>
  117. </div>
  118. <div class="replies">{Replies}</div>
  119. </div>
  120. {/block:Answer}
  121. {/block:indexpage}{block:permalinkpage} {block:RebloggedFrom}
  122. <div class="reblogged-from">Via <span class="via"><a href="{ReblogParentURL}">{ReblogParentname}</a></span></div>
  123. {/block:RebloggedFrom}
  124. <div class="tags">{block:hastags} {block:Tags} <a href="{TagURL}">#{Tag}</a> <span class="comma">,</span> {/block:Tags} {/block:HasTags}</div>
  125. {block:PostNotes}
  126. <div id="notecontainer">
  127. <div class="notes">{PostNotes}</div>
  128. {/block:PostNotes}</div>
  129. </div>
  130. {/block:permalinkpage}</div>
  131. {/block:posts}</div>
  132. <a id="scrlTop" title="back to top" href="#" class="c4" name="scrlTop">^</a>
  133. </body>
  134. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!