Advertisement
kawaiibuu

Fluid Redux

Jul 12th, 2013
4,570
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.62 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. fluid redux by meancutie @ jubileethemes.tumblr.com
  4. -->
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <meta name="color:Background" content="" />
  8. <meta name="color:link" content="" />
  9. <meta name="color:text" content="#000000" />
  10. <meta name="color:border" content="#000000" />
  11.  
  12. <meta name="font:body" content="'Courier New'">
  13.  
  14. <meta name="if:Show Tags" content="0" />
  15. <meta name="if:Center Post" content="0" />
  16. <meta name="if:Captions" content="0" />
  17. <meta name="if:Background Cover" content="1" />
  18. <meta name="if:Navigation Buttons" content="1" />
  19. <meta name="if:Post Borders" content="1" />
  20. <meta name="if:Sidebar Border" content="1" />
  21. <meta name="if:Link Button" content="1" />
  22. <meta name="if:High Sidebar" content="0" />
  23. <meta name="if:Left Sidebar" content="1" />
  24. <meta name="if:Dark Shadow" content="1"/>
  25. <meta name="if:On Hover Shadow" content="1" />
  26. <meta name="if:Infinite Scroll" content="1" />
  27. <meta name="if:Show Sidebar Image" content="1" />
  28. <meta name="if:Show Album Art on Audio Posts" content="1" />
  29. <meta name="if:400px" content="0" />
  30. <meta name="if:250px" content="1" />
  31. <meta name="if:Large Sidebar Image" content="0" />
  32.  
  33. <meta name="image:Background" content="" />
  34. <meta name="image:Sidebar" content="" />
  35.  
  36. <meta name="text:Link 1 Title" content="" />
  37. <meta name="text:Link 2 Title" content="" />
  38. <meta name="text:Link 3 Title" content="" />
  39. <meta name="text:Link 4 Title" content="" />
  40. <meta name="text:Link 5 Title" content="" />
  41. <meta name="text:Link 6 Title" content="" />
  42. <meta name="text:Link 1 URL" content="" />
  43. <meta name="text:Link 2 URL" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 4 URL" content="" />
  46. <meta name="text:Link 5 URL" content="" />
  47. <meta name="text:Link 6 URL" content="" />
  48. <meta name="text:Hide" content="close" />
  49. <meta name="text:Show" content="links" />
  50. <meta name="text:postopacity" content=".4" />
  51. <meta name="text:sidebaropacity" content=".4" />
  52.  
  53. {block:ifinfinitescroll}
  54. <script type="text/javascript" src="http://tumblogy.com/wp-content/uploads/2013/03/Endless-Scroll-Code.js"></script>
  55. {/block:ifinfinitescroll}
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  62. <style type="text/css">
  63. body{background: {color:Background} url('{image:Background}'){block:ifBackgroundCover}top left fixed no-repeat; background-size: cover;{/block:ifBackgroundCover}{block:ifNotBackgroundCover}top left fixed repeat{block:ifNotBackgroundCover};margin: 0px 0px; padding: 0; font: {font:body}; }
  64. .clear { clear: both;height: 0px;overflow: hidden;}
  65. a img {border: none;}
  66. #wrapper { {block:if400px} width: 720px; {/block:if400px}
  67. {block:if250px} width: 550px; {/block:if250px}margin-top: 10px;margin-left: 0px;}
  68. #wrapper #content {margin-top:0px; {block:if400px} width: 420px; {/block:if400px}
  69. {block:if250px} width: 270px; {/block:if250px}float: left;}
  70. #wrapper #content .post {background: rgba(255,255,255, {text:postopacity});font-family: {font:body};font-size: 12px;padding: 0px;overflow: hidden;position: relative;{block:ifpostborders} border: solid 1px {color:border};{/block:ifpostborders}{block:ifnotcenterpost}left: 150px;{/block:ifnotcenterpost}{block:ifcenterpost}left: 550px;{/block:ifcenterpost}}
  71. #wrapper #content .post:hover {{block:ifOnHoverShadow}{block:IfnotdarkShadow}box-shadow: 0 0 12px rgba(255, 255, 255, 1);-webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);-moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfnotdarkShadow}{block:IfDarkShadow}box-shadow: 0 0 12px rgba(0, 0, 0, 1);-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IfDarkShadow}{/block:ifOnHoverShadow}}
  72. #wrapper #content .post .media {text-align: center;margin-bottom: -3px;}
  73. #wrapper #content .post .quotebg {font-family: {font:body};opacity: 0.2;filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";position: absolute;top: 70px;left: 10px;}
  74. #wrapper #content .post .quote {color: {color: text};padding: 10px 10px 10px 13px;}
  75. #wrapper #content .post .quote.short {font-size: 16px;
  76. line-height: 15px;}
  77. #wrapper #content .post .quote.medium {font-size: 12px;line-height: 12px;}
  78. #wrapper #content .post .quote.long {font-size: 12px;line-height: 12px;}
  79. #wrapper #content .post .quote_source *:first-child {
  80. margin-top: 0px;}
  81. #wrapper #content .post .quote_source *:last-child {margin-bottom: 0px;}
  82. #wrapper #content .post .quote *:first-child {margin-top: 0px;}
  83. #wrapper #content .post .quote *:last-child {margin-bottom: 0px;}
  84. #wrapper #content .post .copy {color: {color:text};padding: 5px;font-size: 12px;line-height: 15px;
  85. }
  86. #wrapper #content .post .copy a {color: {color:link};}
  87. #wrapper #content .post .copy p {margin: 10px 0 0 0;padding: 0;}
  88. #wrapper #content .post .copy pre {margin: 10px 0px 10px 0px;padding: 10px;font: normal 12px Courier, monospace;overflow: auto;}
  89. #wrapper #content .post .copy > p:first-child {margin-top: 0;}
  90. #wrapper #content .post .copy img {max-width: 100%;}
  91. #wrapper #content .post .audio {padding: 7px 20px;margin-bottom: 10px;}
  92. #wrapper #content .post .audio .player {float: right; }#wrapper #content .post .audio .player .audio_player embed {}
  93. #wrapper #content .post .audio .meta {padding: 8px 13px;height: 13px;float: right;color: {color: text};font: {font:body};font-size: 12px;text-transform: lowercase;}
  94. #wrapper #content .post .audio .meta a {color: {color: text};text-decoration: none;}
  95. #wrapper #content .post .album_art {text-align: center;width: 100%;}
  96. #wrapper #content .post .question {color: {color:text};background: rgba(255,255,255,.4);font-size: 12px;position: relativemargin-left: 1px;padding: 10px 10px;{block:ifpostborders}border-bottom: solid 1px {color:border};{/block:ifpostborders}}
  97. #wrapper #content .post .asker_container {margin: 0 5px 5px 5px;}
  98. #wrapper #content .post .asker_container img {margin: 0 12px -7px 0;}
  99. #wrapper #content .post .asker_container a.asker {color: {color:text};}
  100. #wrapper #content .post .title {color: {color: text};font-size: 14px;font-weight: bold;padding: 10px 10px 0 10px;}
  101. #wrapper #content .post img {max-width: 100%;}
  102. #wrapper #content .post .chat {color: {color: text};{block:ifpostborders} border: 1px solid {color:border};{/block:ifpostborders}border-left: 5px solid #transparent;margin: 10px 10px 0 10px;font-size: 12px;}
  103. #wrapper #content .post .chat .lines {margin-left: 1px;}
  104. #wrapper #content .post .chat .lines .line {margin-bottom: 1px;padding: 3px 5px;}
  105. #wrapper #content .post .chat .lines .line.even {border-top: solid 1px {color:border};border-bottom: solid 1px {color:border};}
  106. #wrapper #content .post .link {margin: 4px 0 2px 0;font-size: 12px;line-height: 25px;}
  107. #wrapper #content .post .link a {margin-left: 30px; color: {color:link};padding: 5px 7px;}
  108. #wrapper #content .post .link a:hover {}
  109. #wrapper #content .post .footer {margin-top: -2px;{block:ifnottransparentfooter}background: {color:Permalinks};{/block:ifnottransparentfooter}font: {font:body};font-size: 12px;color: {color:text};padding: 2px 3px;margin-bottom: -1px;{block:ifpostborders} border-top: solid 1px {color:border};{/block:ifpostborders}}
  110. #wrapper #content .post .footer.for_permalink:hover {opacity:0.1;}
  111. #wrapper #content .post .footer .date {width: 77%;float: left;color: {color:text};}
  112. #wrapper #content .post .footer .notes {width: 33%;float: left;text-align: right;color: {color:text};}
  113. #wrapper #content .post .footer .notes a {color: {color:text};}
  114. #wrapper #content .post .footer .tags a {
  115. color: {color:text};
  116. }
  117. #wrapper #content .post .footer .tags .tag-commas:last-child {display: none;}
  118. #wrapper #content .post .footer.with_source_url .tags {max-width: 330px;float: left;}
  119. #wrapper #content .post .footer.with_source_url .source_url {float: right;max-width: 160px;overflow: hidden;white-space: nowrap;}
  120. #wrapper #content .post .footer.with_source_url .source_url img {vertical-align: top;-moz-opacity: 0.5;opacity: 0.5;}
  121. #wrapper #content .post .footer:hover {}
  122. #wrapper #content .post .footer.with_source_url .source_url:hover img {-moz-opacity: 0.7;opacity: 0.7;}
  123. #wrapper #content .post a {color: {color:text};text-decoration: none;}
  124. #wrapper #content .post .copy blockquote {margin: 5px 0px 5px 5px;padding-left: 5px;border-left: solid 1px {color:border};}
  125. #wrapper #content .post .copy blockquote blockquote {border-left: solid 1px {color:border};}
  126. #wrapper #content .post .copy blockquote blockquote blockquote {border-left: solid 1px {color:border};}
  127. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {border-left: solid 1px {color:border};}
  128. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {border-left: solid 1px {color:border};}
  129. #wrapper #content .post .copy blockquote blockquote blockquote blockquoteblockquote blockquote {border-left: solid 1px {color:border};}
  130. #wrapper #content .bottom {width: 53px;height: 14px;margin: 0 auto;}
  131. #wrapper #content #navigation {width: 50px;text-align: left;padding-bottom: 35px;text-transform: lowercase;}
  132. #wrapper #content #navigation a {background-color: rgba(255,255,255,.5);color: {color:link};padding: 5px 10px;text-decoration: none;margin-left: 550px;border: solid 1px {color:Border};}
  133. #wrapper #content #navigation a:hover {opacity: 0.4;}
  134. #wrapper #content .post .notecontainer {font: {font:body};font-size: 12px;margin-top: 10px;margin-bottom: -10px;}
  135. #wrapper #content .post .notecontainer a {color:{color:link};}
  136. #wrapper #content .post .notecontainer ol.notes {padding: 0px 0 10px 0;list-style-type: none;font-size: 12px;}
  137. #wrapper #content .post .notecontainer ol.notes li.note {padding: 10px 10px 0 10px;}
  138. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  139. #wrapper #content .post .notecontainer ol.notes li.note span.action {font-weight: normal;}
  140. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {font-weight: normal;}
  141. #wrapper #content .post .notecontainer ol.notes li.note blockquote {padding: 4px 10px;margin: 10px 0px 0px 25px;}
  142. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {text-decoration: none;}
  143. #wrapper #sidebar {width: 130px;float: left;font: {font:body};font-size: 12px;{block:ifHighSidebar}top: 150px;{/block:ifHighSidebar}{block:ifnotHighSidebar}bottom: 50px; {/block:ifnotHighSidebar}{block:ifLeftSidebar}left: 10px;{/block:ifLeftSidebar}{block:ifNotLeftSidebar}right: 50px;{/block:ifnotLeftSidebar}position: fixed;}
  144. #wrapper #sidebar a {color: {color:text};}
  145. #wrapper #sidebar #top {{block:ifsidebarborder} border: solid 1px {color:border};{/block:ifsidebarborder}background: rgba(255,255,255, {text:sidebaropacity});padding: 0 10px;}
  146. #wrapper #sidebar #top:hover {{block:ifOnHoverShadow}{block:IfnotdarkShadow}box-shadow: 0 0 12px rgba(255, 255, 255, 1);-webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);-moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfnotdarkShadow}{block:IfDarkShadow}box-shadow: 0 0 12px rgba(0, 0, 0, 1);-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IfDarkShadow}{/block:ifOnHoverShadow}}
  147. #wrapper #sidebar #top #description {color: {color:text}; opacity:1;font-size: 12px;position: relative;padding: 10px 2px 12px 2px;text-align: center;font-family: {font:body};}
  148. #links a {position: relative;color: {color:link};top: 8px;font-size: 20px;}
  149. #wrapper #sidebar #top #description a {color: {color:text};}
  150. #wrapper #sidebar #top .heading {color: {color:text};font-family: {font:body};font-size: 17px;margin-top: 20px;padding: 10px;background-color: {color:Background};}
  151. #wrapper #sidebar #top a .heading {color: {color:text};text-decoration: none;}
  152. #wrapper #sidebar #top .content {margin-top: 2px;padding: 7px 10px;background: #eaeaea;color: #666;font-size: 12px;overflow: hidden;}
  153. #wrapper #sidebar #top a {text-decoration: none;}.row {padding: 10px;}#wrapper #sidebar2 {float: left;color: {color:sidebar};font: {font:body};}#wrapper #sidebar2 a {color: {color:Background};}#wrapper #sidebar2 #top {margin-right: 0px;padding: 0 3px 0px 10px;overflow: hidden;}#wrapper #sidebar2 #top #description2 {margin-top: 7px;margin-bottom: -2px;position: relative;top: -6px;color: {color:Text};}#wrapper #sidebar2 #top #description2 a {color: {color:link};font-weight: normal;}#wrapper #sidebar2 #top #description2 a:hover {color: {color:link};} #wrapper #sidebar2 #top .content {margin-top: -10px;padding: 0px 2px;background: #eaeaea;color: #666;font-size: 10px;overflow: hidden;}
  154. </style>
  155. <style type="text/css">
  156. </style>
  157.  
  158. </head>
  159. <body>
  160. <div id="wrapper">
  161. <div id="title">
  162. </div>
  163. <div id="content">
  164. {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  165. {block:Posts}
  166. {block:ContentSource}
  167. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  168. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  169. {/block:SourceLogo}
  170. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  171. {/block:ContentSource}
  172. {block:ReblogParent}
  173. {/block:ReblogParent}
  174. <div class="post">
  175.  
  176. {block:Photo}
  177. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  178. {block:ifcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  179. {/block:Photo}
  180.  
  181. {block:Video}
  182. <div class="media">{Video-250}</div>
  183. {block:ifcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  184. {/block:Video}
  185.  
  186. {block:Audio}
  187. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  188. {block:AudioPlayer}{block:IfShowAlbumArtOnAudioPosts}{block:AlbumArt}
  189. <div class="album_art"><img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-top:10px;" /></div>{/block:AlbumArt}{/block:IfShowAlbumArtOnAudioPosts}
  190. <div class="audio">
  191. <div class="player">{AudioPlayerWhite}</div>
  192. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  193. <div class="clear"></div>
  194. </div>
  195. {/block:AudioPlayer}
  196. <div class="clear"></div>
  197. {block:ifcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  198. {/block:Audio}
  199.  
  200. {block:Quote}
  201. <div class="quote {Length}">{Quote}</div><div class="copy"><div class="quotebg">“</div>
  202. {block:Source}<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" style="width:20px;">&mdash;</td><td valign="top" class="quote_source">{Source}</td></tr></table>{/block:Source}</div>
  203. {/block:Quote}
  204.  
  205. {block:Text}
  206. {block:Title}<div class="title">{Title}</div>{/block:Title}<div class="copy">{Body}</div>
  207. {/block:Text}
  208.  
  209. {block:Answer}
  210. <div class="question"><div class="nipple"></div>{Question}</div><div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div><div class="copy">{Answer}</div>
  211. {/block:Answer}
  212.  
  213. {block:Chat}
  214. {block:Title}<div class="title">{Title}</div>{/block:Title}<div class="chat"><div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div><div class="clear"></div><div style="height:10px;"></div>
  215. {/block:Chat}
  216.  
  217. {block:Link}<div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>{block:Description}<div class="copy">{Description}</div>{/block:Description}
  218. {/block:Link}
  219.  
  220. {block:Date}<a href="{Permalink}"><div class="footer for_permalink"><div class="date"><div class="notes"><center>{block:NoteCount}{NoteCount}%{/block:NoteCount}</div></div><div class="clear"></div></div></a>
  221. {/block:Date}
  222.  
  223. <div class="footer" style="display:none;{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}">{block:IfShowTags}{block:HasTags}<div class="tags">#block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}{/block:IfShowTags}<div class="clear"></div></div>{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}</div>
  224. <div class="bottom"></div>
  225. {/block:Posts}
  226. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  227. {block:ifnotinfinitescroll}<br><center>{block:Pagination}{/block:Pagination}{/block:ifnotinfinitescroll}
  228. </div>
  229.  
  230. <div id="sidebar">
  231. <div id="top"><div id="links"><center>
  232. {block:ifnavigationbuttons}<center><a title="home" href="/"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png"></a>
  233. <a title="ask" href="/ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png"></a>
  234. <a title="submit" href="/submit"><img src="http://media.tumblr.com/1993d10d01265cc0890de956820e8515/tumblr_inline_mn2m5djCbQ1qz4rgp.png"></a>
  235. <a title="theme" href="http://jubileethemes.tumblr.com"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png"></a></center>{/block:ifnavigationbuttons}<br>
  236. {block:ifShowSidebarImage}{block:ifnotlargesidebarimage}<center><img src="{image:Sidebar}" width="100px"></a></center>{/block:ifnotlargesidebarimage}{block:iflargesidebarimage}<center><img src="{image:Sidebar}"></a></center>{/block:iflargesidebarimage}
  237. {/block:ifShowSidebarImage}
  238. </center></div>
  239. <div id="description">{Description}<br>
  240. {block:IfLinkButton}<br><center><div style="padding: 1px; margin-bottom:5px;"><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='#f4f4f4';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">{text:show}</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">{text:hide}</button></div>
  241. <a href="{text:link 1 url}">{text:link 1 title}</a><br>
  242. <a href="{text:link 2 url}">{text:link 2 title}</a><br>
  243. <a href="{text:link 3 url}">{text:link 3 title}</a><br>
  244. <a href="{text:link 4 url}">{text:link 4 title}</a><br>
  245. <a href="{text:link 5 url}">{text:link 5 title}</a><br>
  246. <a href="{text:link 6 url}">{text:link 6 title}</a><br>
  247. </td>
  248. </tr>
  249. </div></center>{/block:IfLinkButton}
  250. {block:ifnotinfinitescroll}<center>{block:PreviousPage}<a href="{PreviousPage}"><<<</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">>>></a>{/block:NextPage}<br><br></center> <!--</div> -->{/block:ifnotinfinitescroll}</center></div></div></div></div><div id="bottom"></div>
  251. </body>
  252. </html>
  253. <div style="position:fixed; bottom: 0px; right: 0px;"><a href="http://jubileethemes.tumblr.com" title="a jubilee theme"><big><big><big><big>☁</big></big></big></big></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement