API tools faq
paste
Advertisement
ochizukes

Thumbs

ochizukes
Aug 11th, 2014
2,124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. UPDATE! This theme now supports all post types!
  4.  
  5. Thumbs
  6. Terms of Use: http://maomuthemes.tumblr.com/#tou
  7. Support: http://maomuthemes.tumblr.com/ask
  8.  
  9. This theme is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license.
  10.  
  11. http://creativecommons.org/licenses/by-nc-nd/4.0/
  12.  
  13. Please check out my theme shop! http://maomu.storenvy.com
  14.  
  15. -->
  16.  
  17. <!DOCTYPE html><html>
  18. <head>
  19.  
  20. <!--[if lt IE 9]>
  21. <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
  22. <![endif]-->
  23.  
  24. <!-- META -->
  25.  
  26. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  27. <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  32.  
  33. <!-- LINK REL -->
  34.  
  35. <link rel="shortcut icon" href="{image:Favicon}"/>
  36. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  38. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  39.  
  40. <!-- IMAGES -->
  41.  
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Favicon" content=""/>
  44. <meta name="image:Portrait" content="https://38.media.tumblr.com/6fb351df2a7aeecd7a168e4b8bfbcda8/tumblr_n9fmteeblR1tgu5lbo1_250.gif"/>
  45.  
  46. <!-- COLORS -->
  47.  
  48. <meta name="color:Gradient Top" content="#d7dbf5"/>
  49. <meta name="color:Gradient Bottom" content="#ddf2e8"/>
  50. <meta name="color:Link" content="#a5abd7"/>
  51. <meta name="color:Link Hover" content="#ffffff"/>
  52. <meta name="color:Post Title BG" content="#ffffff"/>
  53. <meta name="color:Post Title Text" content="#adadad"/>
  54. <meta name="color:Scrollbar BG" content="#ffffff"/>
  55. <meta name="color:Scrollbar Face" content="#dccbe7"/>
  56. <meta name="color:Text" content="#9a9a9a"/>
  57.  
  58. <!-- ON/OFF -->
  59.  
  60. <meta name="if:Audio Player White" content="1"/>
  61. <meta name="if:Background Image" content="0"/>
  62. <meta name="if:Description BG" content="0"/>
  63. <meta name="if:Faded Tumblr Controls" content="1"/>
  64. <meta name="if:Fullscreen Background" content="0"/>
  65. <meta name="if:Rounded Corners" content="1"/>
  66. <meta name="if:Semi Rounded Corners" content="0"/>
  67. <meta name="if:Rounded Portrait" content="0"/>
  68. <meta name="if:Semi Rounded Portrait" content="0"/>
  69.  
  70. <!-- TEXT -->
  71.  
  72. <meta name="text:Perma BG" content="255, 255, 255, 0.8"/>
  73. <meta name="text:Portrait BG" content="0, 0, 0, 0"/>
  74. <meta name="text:Portrait Width" content="120px"/>
  75. <meta name="text:Post BG" content="255, 255, 255, 0.3"/>
  76. <meta name="text:Post Border" content="255, 255, 255, 0.7"/>
  77. <meta name="text:Link1" content="link 1"/>
  78. <meta name="text:Link1 URL" content="/"/>
  79. <meta name="text:Link2" content="link 2"/>
  80. <meta name="text:Link2 URL" content="/"/>
  81. <meta name="text:Link3" content="link 3"/>
  82. <meta name="text:Link3 URL" content="/"/>
  83. <meta name="text:Link4" content="link 4"/>
  84. <meta name="text:Link4 URL" content="/"/>
  85. <meta name="text:Link5" content="link 5"/>
  86. <meta name="text:Link5 URL" content="/"/>
  87. <meta name="text:Link6" content="link"/>
  88. <meta name="text:Link6 URL" content="/"/>
  89.  
  90. <style type="text/css">
  91.  
  92. /* Tumblr controls */
  93.  
  94. {block:IfFadedTumblrControls}
  95.  
  96. iframe#tumblr_controls { opacity:0.35; position:fixed !important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); -webkit-transition:all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:9999; }
  97.  
  98. iframe#tumblr_controls:hover { opacity:0.8;  -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 0.4s ease-out ;z-index:9999; }
  99.  
  100. {/block:IfFadedTumblrControls}
  101.  
  102. /* Scrollbar */
  103.  
  104. ::-webkit-scrollbar { background:{color:Scrollbar Face}; border:4px solid {color:Scrollbar BG}; height:0px; opacity:0; width:9px; }
  105.  
  106. ::-webkit-scrollbar-thumb {
  107. background:{color:Scrollbar Face}; border:{color:Scrollbar BG} solid 2px; {block:IfSemiRoundedCorners} border-radius:9px; {/block:IfSemiRoundedCorners} {block:IfRoundedCorners} border-radius:9px; {/block:IfRoundedCorners} height:8px; width:11px; }
  108.  
  109. /* Viewport + body properties */
  110.  
  111. html { background: -webkit-linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background: -o-linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background: -moz-linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); background: linear-gradient({color:Gradient Top}, {color:Gradient Bottom}); {block:IfBackgroundImage} background-image:url('{image:Background}'); {block:IfFullscreenBackground} background-size:cover; {/block:IfFullscreenBackground} {/block:IfBackgroundImage} min-height:100%; }
  112.  
  113. body { color:{color:Text}; font:12px source sans pro; line-height:17px; margin:0; padding:0; }
  114.  
  115. /* Links + links on mouseover */
  116.  
  117. a { color:{color:Link}; text-decoration:none; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
  118.  
  119. a:hover { color:{color:Link Hover}; transition-duration:0.5s; -webkit-transition-duration:0.5s; }
  120.  
  121. /* Preformatted + small text */
  122.  
  123. pre { display:block; font:11px source sans pro; letter-spacing:0.091em; padding-left:0.182px; width:100%; word-wrap:break-word; }
  124.  
  125. small { font:11px source sans pro; letter-spacing:0.091em; }
  126.  
  127. /* Blockquotes */
  128.  
  129. blockquote { border-left:1px solid {color:Link}; margin-left:10px; padding-left:12px; padding-right:0; {block:IndexPage} width:70px; {/block:IndexPage} {block:PermalinkPage} width:90%; {/block:PermalinkPage} word-wrap:break-word; }
  130.  
  131. /* Removes viewport padding */
  132.  
  133. figure { margin:0; }
  134.  
  135. #portrait { border-radius:0; {block:IfRoundedPortrait} border-radius:50%; {/block:IfRoundedPortrait} {block:IfSemiRoundedPortrait} border-radius:10px; {/block:IfSemiRoundedPortrait} background:rgba({text:Portrait BG}); margin-left:-15px; margin-top:30px; padding:10px; width:{text:Portrait Width}; }
  136.  
  137. /* Navicons (home, ask, data, more) */
  138.  
  139. .icon { font-weight:normal; font-style:normal; font-size:20px;  margin-right:-15px;}
  140.  
  141. /* Description */
  142.  
  143. #description { height:0; opacity:0; width:280px; text-align:left; transition:opacity .5s ease, visibility .5s ease; visibility:hidden; }
  144.  
  145. #description.open { {block:IfDescriptionBG} background:rgba({text:Post BG}); padding:10px; {block:IfRoundedCorners} border-radius:5px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-radius:5px; {/block:IfSemiRoundedCorners} {/block:IfDescriptionBG} height:auto; opacity:1; transition:opacity 1s ease, visibility 1s ease; visibility:visible; }
  146.  
  147. /* Post wrap */
  148.  
  149. .main { margin:0 auto; padding-top:20px; padding-bottom:50px; {block:IndexPage} width:895px; {/block:IndexPage} {block:PermalinkPage} width:414px; {/block:PermalinkPage} }
  150.    
  151. /* Posts */
  152.  
  153. #contain { background:rgba({text:Post BG}); border:7px solid rgba({text:Post Border}); -webkit-background-clip: padding-box; background-clip: padding-box; {block:IndexPage} {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-radius:5%; {/block:IfSemiRoundedCorners} height:150px; overflow:hidden; width:150px; {/block:IndexPage} {block:PermalinkPage} {block:IfRoundedCorners} border-radius:10px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-radius:10px; {/block:IfSemiRoundedCorners} width:400px; {/block:PermalinkPage} float:left; line-height:18px; margin-right:15px; margin-bottom:25px; position:relative; -webkit-transition:left .4s linear; -moz-transition:left .4s linear; -o-transition:left .4s linear; transition:left .4s linear; }
  154.  
  155. /* Photos */
  156.  
  157. img { border:0; {block:IndexPage} margin-left:-75px; margin-top:-15px; width:320px; {/block:IndexPage} {block:PermalinkPage} width:100%; {/block:PermalinkPage} }
  158.  
  159. .text img { border:0; margin-top:-15px; width:auto; }
  160.  
  161. .caption { padding:5px 15px 5px 15px; }
  162.  
  163. /* Photosets */
  164.  
  165. .photoset { max-width:400px; padding-left:12.5px; }
  166.  
  167. {block:IndexPage}
  168.  
  169. iframe.photoset { margin-left:-83px; width:315px !important; }
  170.  
  171. {/block:IndexPage}
  172.    
  173. /* Audio posts */
  174.  
  175. .album-art { {block:IndexPage} width:230px; {/block:IndexPage} {block:PermalinkPage} width:400px; {/block:PermalinkPage} }
  176.  
  177. #audio { height:100%; }
  178.  
  179. {block:IndexPage}
  180.  
  181. .tumblr_audio_player{ {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-radius:7%; {/block:IfSemiRoundedCorners} height:50px; margin-left:26px; margin-top:-133px; opacity:.9; width:50px; }
  182.  
  183. {/block:IndexPage}
  184.  
  185. {block:PermalinkPage}
  186.  
  187. .tumblr_audio_player { height:50px; margin-top:-3px; width:400px; }
  188.  
  189. {/block:PermalinkPage}
  190.  
  191. /* Video posts */
  192.  
  193. .v-index { background:rgba({text:Post BG}); {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} font-size:11px; height:100px; letter-spacing:1px;margin-left:10px; margin-top:10px;  padding:15px; text-align:center; text-transform:uppercase; width:100px; }
  194.  
  195. .videoWrapper { height:0; padding-bottom:56.25%; position:relative; }
  196.  
  197. .videoWrapper iframe { height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%; }
  198.  
  199. /* Text posts */
  200.  
  201. .text-title { background:{color:Post Title BG}; {block:IfRoundedCorners} border-top-left-radius:2px; border-top-right-radius:2px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-top-left-radius:2px; border-top-right-radius:2px; {/block:IfSemiRoundedCorners} color:{color:Post Title Text}; font-size:11px; letter-spacing:1px; max-width:400px; padding:10px; text-align:center; text-transform:uppercase; }
  202.  
  203. /* Link posts */
  204.  
  205. .l-index { background:rgba({text:Post BG}); {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} font-size:11px; height:100px; letter-spacing:1px;margin-left:10px; margin-top:10px; padding:15px; text-align:center; text-transform:uppercase; width:100px; }
  206.  
  207. .link { background:{color:Post Title BG}; {block:IfRoundedCorners} border-top-left-radius:2px; border-top-right-radius:2px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-top-left-radius:2px; border-top-right-radius:2px; {/block:IfSemiRoundedCorners} color:{color:Post Title Text}; font-size:11px; font-weight:normal; letter-spacing:1px; margin-top:0px; max-width:400px; padding:10px; text-align:left; text-transform:uppercase; }
  208.  
  209. /* Chat lines */
  210.  
  211. .chat-line { background:rgba({text:Post BG}); {block:IfRoundedCorners} border-radius:2px; {/block:IfRoundedCorners} color:{color:Perma Link}; margin:3px 0px 3px 3px; padding:8px; {block:IndexPage} width:128px; {/block:IndexPage} {block:PermalinkPage} width:378px; {/block:PermalinkPage} }
  212.  
  213. /* Quote properties */
  214.  
  215. .quote { font-size:13px; font-style:italic; line-height:23px; {block:IndexPage}margin-left:22px; margin-top:30px; max-width:100px; max-height:72px; overflow:hidden; text-align:center;{/block:IndexPage}{block:PermalinkPage}padding:5px 15px 0px 15px;{/block:PermalinkPage} }
  216.  
  217. /* Questions */
  218.  
  219. .q-index { background:rgba({text:Post BG}); {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} font-size:11px; height:100px; letter-spacing:1px;margin-left:10px; margin-top:10px;  padding:15px; text-align:center; text-transform:uppercase; width:100px; }
  220.  
  221. .question { background:rgba({text:Perma BG}); {block:IfRoundedCorners} border-top-left-radius:2px; border-top-right-radius:2px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-top-left-radius:2px; border-top-right-radius:2px; {/block:IfSemiRoundedCorners} color:{color:Link}; padding:10px; vertical-align:top; }
  222.  
  223. /* Permalink */
  224.  
  225. .perma { background:rgba({text:Perma BG}); {block:IfRoundedCorners} border-radius:50%; margin-left:21px; margin-top:11px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-bottom-right-radius:7%; {/block:IfSemiRoundedCorners} opacity:0; padding:13px 15px 13px 15px; position:absolute; z-index:999; }
  226.  
  227. #contain:hover .perma { opacity:1; }
  228.  
  229. .permainfo { font-size:11px; letter-spacing:1px; text-align:center; text-transform:uppercase; }
  230.  
  231. /* Note container */
  232.  
  233. .notecontainer { float:left; margin-bottom:0px; max-height:300px; line-height:18px; overflow-x:hidden; overflow-y:scroll; padding-right:0px; width:400px; }
  234.  
  235. .notecontainer a { font-weight:normal; }
  236.    
  237. /* Notes */
  238.  
  239. ol.notes { list-style-type:none; margin:0px 0px; padding:0px; }
  240.  
  241. ol.notes li.note { background:rgba({text:Post BG}); margin-bottom:1px; padding:7px; }
  242.  
  243. ol.notes li.note img.avatar { background:rgba({text:Post BG}); {block:IfRoundedCorners} border-radius:4px; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-radius:4px; {/block:IfSemiRoundedCorners} height:16px; margin-right:5px; padding:2px; vertical-align:-4px; width:16px; }
  244.  
  245. ol.notes li.note span.action, ol.notes li.note .answer_content, ol.notes li.note blockquote a { font-weight:normal; text-decoration:none; }
  246.  
  247. ol.notes li.note blockquote { border-color:{color:Link}; margin:10px 0px 0px 25px; padding:4px 10px; }
  248.  
  249. /* Pagination */
  250.  
  251. .pagination { margin-left:auto; margin-right:auto; text-align:center;margin-top:-10px; padding-bottom:70px; }
  252.  
  253. .jump_page { background-color:rgba({text:Post BG}); border:4px solid rgba({text:Post Border}); {block:IfRoundedCorners} border-radius:50%; {/block:IfRoundedCorners} {block:IfSemiRoundedCorners} border-radius:10%; {/block:IfSemiRoundedCorners} color:{color:Link}; font:12px calibri; font-weight:100; margin-right:10px; padding:8px 10px; text-align:center; text-decoration:none; }
  254.    
  255. .jump_page a { font-weight:normal; }
  256.  
  257. /* Fluid columns */
  258.  
  259. @media screen and (max-width:930px) { .main { {block:IndexPage} width:720px; {/block:IndexPage} } }
  260.  
  261. @media screen and (max-width:760px) { .main { {block:IndexPage} width:540px; {/block:IndexPage} } }
  262.  
  263. @media screen and (max-width:580px) { .main { {block:IndexPage} width:360px; {/block:IndexPage} {block:PermalinkPage} width:264px; {/block:PermalinkPage} }
  264.  
  265. #contain, .album-art { {block:PermalinkPage} width:250px; {/block:PermalinkPage} }
  266.  
  267. .photoset, .text-title, .link, .notecontainer { max-width:250px; }
  268.  
  269. {block:PermalinkPage}
  270.  
  271. .tumblr_audio_player { width:250px; }
  272.  
  273. {/block:PermalinkPage} }
  274.  
  275. @media screen and (max-width:400px) { .main { {block:IndexPage} width:170px; {/block:IndexPage} } }
  276.  
  277. {CustomCSS}
  278. </style>
  279.  
  280. <!-- Jquery -->
  281.  
  282. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  283.  
  284. <!-- Masonry -->
  285.  
  286. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  287.  
  288. <script type="text/javascript">
  289. $(window).load(function () {
  290. $('.main').masonry(),
  291. $('#contain').infinitescroll({
  292. // selector for all items you'll retrieve
  293. bufferPx : 10000,
  294. extraScrollPx: 11000,
  295. },
  296. // call masonry as a callback.
  297. function() { $('.main').masonry({ appendedContent: $(this) }); }
  298. );
  299. });
  300. </script>
  301.  
  302. <!-- Header menu -->
  303.  
  304. <script type="text/javascript">
  305. $(document).ready(function () {
  306.    $('.click').click(function () {
  307.        $('#description').toggleClass('open');
  308.    })
  309. });
  310. </script>
  311.  
  312. <!-- Icon font script -->
  313.  
  314. <script src="http://static.tumblr.com/at44twr/nHXn9gbb6/cufon.js" type="text/javascript"></script>
  315.     <script src="http://static.tumblr.com/at44twr/8sGn9gc9t/linea-basic-10_400.font.js" type="text/javascript"></script>
  316.         <script type="text/javascript">
  317.             Cufon.replace('.icon');
  318.             Cufon.replace('#sub1');
  319.         </script>
  320.  
  321. </head>
  322. <body>
  323.    
  324. <center>
  325.  
  326. <!-- Portrait -->
  327.  
  328.    <img id="portrait" src="{image:Portrait}"/> <br><br>
  329.    
  330. <!-- End portrait -->
  331.  
  332. <!-- Navigation -->
  333.        
  334.    <a style="margin-left:-27px;" href="/">
  335.        <span class="icon"> Z </span><font style="font-size:11px;letter-spacing:1px;">HOME</font>
  336.    </a>
  337.    
  338.    <a href="/ask">
  339.        <span class="icon"> ) </span><font style="font-size:11px;letter-spacing:1px;">ASK</font>
  340.    </a>
  341.    
  342.    <a href="/archive">
  343.        <span class="icon"> y </span><font style="font-size:11px;letter-spacing:1px;">DATA</font>
  344.    </a>
  345.    
  346.    <a href="#" class="click">
  347.        <span class="icon"> # </span><font style="font-size:11px;letter-spacing:1px;">MORE</font>
  348.    </a>
  349.        
  350. <!-- End navigation -->
  351.  
  352. <!-- Description -->
  353.        
  354.    {block:Description}<br><br>
  355.    
  356.        <div id="description">
  357.        
  358.            {Description}<br><br>
  359.            
  360.            <div style="font-size:11px;text-transform:uppercase;letter-spacing:1px;">
  361.                {block:IfLink1}<a href="{text:Link1 URL}">{text:Link1}</a>&nbsp; · &nbsp;{/block:IfLink1}{block:IfLink2}<a href="{text:Link2 URL}">{text:Link2}</a>&nbsp; · &nbsp;{/block:IfLink2}{block:IfLink3}<a href="{text:Link3 URL}">{text:Link3}</a>&nbsp; · &nbsp;{/block:IfLink3}{block:IfLink4}<a href="{text:Link4 URL}">{text:Link4}</a>&nbsp; · &nbsp;{/block:IfLink4}{block:IfLink5}<a href="{text:Link5 URL}">{text:Link5}</a>&nbsp; · &nbsp;{/block:IfLink5}{block:IfLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink6}
  362.            </div>
  363.            
  364.        </div>
  365.        
  366.    {/block:Description}
  367.        
  368. <!-- End description -->
  369.        
  370. </center>
  371.  
  372. <div class="main" role="main">
  373.  
  374. <!-- Posts -->
  375.  
  376. {block:Posts}
  377.  
  378. <div id="contain">
  379.  
  380. <!-- Photos -->
  381.  
  382. {block:Photo}
  383.  
  384.    <article>
  385.        <figure>
  386.        
  387.        {block:IndexPage}<a class="perma" href="{Permalink}"> &nbsp;☓&nbsp; </a>{/block:IndexPage}
  388.        
  389.        {LinkOpenTag}
  390.            <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  391.        {LinkCloseTag}
  392.  
  393.        </figure>
  394.    </article>
  395.    
  396. {/block:Photo}
  397.  
  398. <!-- End photos -->
  399.  
  400. <!-- Photosets -->
  401.  
  402. {block:Photoset}
  403.  
  404.    <article>
  405.        <figure>
  406.        
  407.        {block:IndexPage}<a class="perma" href="{Permalink}"> &nbsp;☓&nbsp; </a>{/block:IndexPage}
  408.  
  409.        <div class="photoset" style="margin-left:-24px;">{Photoset}</div>
  410.            {block:HighRes}
  411.                {PhotoURL-HighRes}
  412.            {/block:HighRes}
  413.  
  414.        </figure>
  415.    </article>
  416. {/block:Photoset}
  417.  
  418. <!-- End photosets -->
  419.  
  420. <!-- Audio-->
  421.  
  422. {block:Audio}
  423.    <article>
  424.        <figure>
  425.        
  426.        {block:IndexPage}<a class="perma" href="{Permalink}"> &nbsp;☓&nbsp; </a>{/block:IndexPage}
  427.        
  428.        {block:AlbumArt}
  429.            
  430.            <img src="{AlbumArtURL}" class="album-art" alt=""/><br>
  431.                
  432.            {/block:AlbumArt}
  433.            
  434.            <div id="audio">
  435.                <a style="margin-top:20px;">
  436.                    <div class="tumblr_audio_player">
  437.                    
  438.            {block:AudioEmbed}
  439.                {AudioEmbed-250}
  440.            {/block:AudioEmbed}
  441.            
  442.            {block:AudioPlayer}
  443.            
  444.                {block:IfAudioPlayerWhite}
  445.                    {AudioPlayerWhite}
  446.                {/block:IfAudioPlayerWhite}
  447.                    
  448.                {block:IfNotAudioPlayerWhite}
  449.                    {AudioPlayerBlack}
  450.                {/block:IfNotAudioPlayerWhite}
  451.                    
  452.            {/block:AudioPlayer}
  453.                    </div>
  454.                </a>
  455.            </div>
  456.  
  457.        </figure>
  458.    </article>
  459. {/block:Audio}
  460.  
  461. <!-- End audio -->
  462.  
  463. <!-- Video -->
  464.  
  465. {block:Video}
  466.    <article>
  467.        <figure>
  468.        
  469.            {block:IndexPage}
  470.            <div class="v-index">
  471.            <span class="icon" style="font-size:30px;margin-right:0px;margin-top:5px;"><a href="{Permalink}">]</a></span><br><br>
  472.            <a href="{Permalink}">you have one (1) new video!</a>
  473.                
  474.            </div>
  475.            {/block:IndexPage}
  476.      
  477.            {block:PermalinkPage}
  478.            <div class="videoWrapper">{VideoEmbed-400}</div>
  479.            {/block:PermalinkPage}
  480.      
  481.        </figure>
  482.    </article>
  483. {/block:Video}
  484.  
  485. <!-- End video -->
  486.  
  487. <!-- Text -->
  488.  
  489. {block:Text}
  490.    <article>
  491.        <figure class="text">
  492.        
  493.        {block:PermalinkPage}{block:Title}
  494.            <header>
  495.            <div class="text-title">{Title}</div>
  496.            </header>
  497.        {/block:Title}{/block:PermalinkPage}
  498.  
  499.        <div style="{block:IndexPage}margin-left:25px; margin-top:20px; max-width:100px; max-height:79px; overflow:hidden;{/block:IndexPage}{block:PermalinkPage}padding:5px 15px 0px 15px;{/block:PermalinkPage}">{Body} </div>
  500.        
  501.        {block:IndexPage}<div style="margin-left:45px;margin-top:10px;text-transform:uppercase;font-size:11px;letter-spacing:1px;"><a href="{Permalink}">read more</a></div>{/block:IndexPage}
  502.  
  503.        </figure>
  504.    </article>
  505. {/block:Text}
  506.  
  507. <!-- Text -->
  508.  
  509. <!-- Links -->
  510.  
  511. {block:Link}
  512.    <article>
  513.        <figure>
  514.        
  515.        {block:IndexPage}<a class="perma" style="margin-top:-10px;" href="{Permalink}"> &nbsp;☓&nbsp; </a>{/block:IndexPage}
  516.        
  517.        {block:IndexPage}
  518.            <div class="q-index">
  519.            <span class="icon" style="font-size:30px;margin-right:0px;margin-top:5px;"><a href="{Permalink}">8</a></span><br><br>
  520.            <div style="height:50px;overflow:hidden;"><a href="{URL}">{Name} ▶</a></div>
  521.            </div>
  522.            {/block:IndexPage}
  523.  
  524.        {block:PermalinkPage}
  525.        <h2 class="link">
  526.            <a href="{URL}">{Name} ▶</a>
  527.        </h2>
  528.  
  529.        {block:Description}
  530.            <div style="padding:0px 10px 0px 10px">{Description}</div>
  531.        {/block:Description}
  532.        
  533.        {/block:PermalinkPage}
  534.  
  535.        </figure>
  536.    </article>
  537. {/block:Link}
  538.  
  539. <!-- End links -->
  540.  
  541. <!-- Chats -->
  542.  
  543. {block:Chat}
  544.    <article>
  545.        <figure>
  546.        
  547.        {block:IndexPage}<a class="perma" style="margin-top:-3px;" href="{Permalink}"> &nbsp;☓&nbsp; </a>{/block:IndexPage}
  548.        
  549.        {block:PermalinkPage}
  550.        
  551.        {block:Title}
  552.            <header>
  553.            <div class="text-title" style="margin-bottom:3px;">{Title}</div>
  554.            </header>
  555.        {/block:Title}
  556.        
  557.        {/block:PermalinkPage}
  558.  
  559.                {block:Lines}
  560.                    <div class="chat-line">
  561.                    
  562.                        {block:Label}
  563.                            {Label}
  564.                        {/block:Label}
  565.                    
  566.                    {Line}
  567.                    </div>
  568.                {/block:Lines}
  569.            
  570.        </figure>
  571.    </article>
  572. {/block:Chat}
  573.  
  574. <!-- End chats -->
  575.  
  576. <!-- Quotes -->
  577.  
  578. {block:Quote}
  579.    <article>
  580.        <figure>
  581.  
  582.        <div class="quote">{block:PermalinkPage}<br>{/block:PermalinkPage}{Quote}<br>
  583.        {block:Source}
  584.             <div style="text-align:right;font-size:12px;">— {Source}</div>
  585.        {/block:Source}</div>
  586.        
  587.        {block:IndexPage}<div style="margin-left:45px;margin-top:7px;text-transform:uppercase;font-size:11px;letter-spacing:1px;"><a href="{Permalink}">read more</a></div>{/block:IndexPage}
  588.  
  589.        </figure>
  590.    </article>
  591. {/block:Quote}
  592.  
  593. <!-- End quotes -->
  594.  
  595. <!-- Message -->
  596.  
  597. {block:Answer}
  598.    <article>
  599.        <figure>
  600.            
  601.            {block:IndexPage}
  602.            <div class="q-index">
  603.            <span class="icon" style="font-size:30px;margin-right:0px;margin-top:5px;"><a href="{Permalink}">)</a></span><br><br>
  604.            <a href="{Permalink}">you have one (1) new message!</a>
  605.                
  606.            </div>
  607.            {/block:IndexPage}
  608.            
  609.           {block:PermalinkPage}
  610.          
  611.           <div class="question">
  612.          
  613.                <font style="font-size:11px;text-transform:uppercase;letter-spacing:1px;">{lang:Asker asked}: {Question}</font>
  614.          
  615.            </div>
  616.  
  617.        <div style="padding:0px 10px 0px 10px">{Answer}</div>
  618.        
  619.        {/block:PermalinkPage}
  620.  
  621.        </figure>
  622.    </article>
  623. {/block:Answer}
  624.  
  625. <!-- End message -->
  626.  
  627. <!-- Caption -->
  628.  
  629.    {block:PermalinkPage}
  630.    
  631.    <div class="caption">
  632.        {block:Caption}
  633.            {Caption}
  634.        {/block:Caption}
  635.        </div>
  636.        
  637.    {/block:PermalinkPage}
  638.  
  639. <!-- End caption -->
  640.  
  641. <!-- Note container -->
  642.  
  643. {block:PermalinkPage}
  644.    {block:Date}
  645.        <header>
  646.            <div class="permainfo">
  647.            
  648.            {NoteCountWithLabel} · {TimeAgo} · {Month} {DayOfMonth}{block:RebloggedFrom}<a href="{ReblogParentURL}"> · via</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> · src</a>{/block:ContentSource}
  649.                
  650.            </div>
  651.        </header><br>
  652.            
  653.        <div class="notecontainer">
  654.            {PostNotes}
  655.        </div>
  656.    
  657.    {/block:Date}
  658. {/block:PermalinkPage}
  659.  
  660. <!-- End note container -->
  661.  
  662. <!-- Remove via and source -->
  663.  
  664. <div style="display:none;">
  665.  
  666.    {block:ContentSource}    
  667.        <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">Source</a>  
  668.    {/block:ContentSource}
  669.    
  670.    {block:RebloggedFrom}
  671.        <a title="Via" href="{ReblogParentURL}">Via</a>
  672.    {/block:RebloggedFrom}
  673.    
  674. </div>
  675.  
  676. <!-- End remove -->
  677.  
  678. </div><!-- Ends contain div -->
  679.  
  680. {/block:Posts}
  681.  
  682. <!-- End posts -->
  683.  
  684.    </div>
  685. </div>
  686.  
  687. <!-- Pagination -->
  688.  
  689. {block:Pagination}
  690.    <div class="pagination">
  691.        {block:PreviousPage}
  692.            <a href="{PreviousPage}" class="jump_page">←</a>
  693.        {/block:PreviousPage}
  694.  
  695.        {block:JumpPagination length="0"}
  696.      
  697.            {block:CurrentPage}
  698.                <span class="jump_page">{PageNumber}</span>
  699.            {/block:CurrentPage}
  700.      
  701.            {block:JumpPage}
  702.                <a class="jump_page" href="{URL}">{PageNumber}</a>
  703.            {/block:JumpPage}
  704.      
  705.        {/block:JumpPagination}
  706.  
  707.        {block:NextPage}
  708.            <a href="{NextPage}" class="jump_page">→</a>
  709.        {/block:NextPage}
  710.    </div>
  711. {/block:Pagination}
  712.  
  713. <!-- End pagination -->
  714.  
  715. <!-- Don't remove the theme credit. I will find u -->
  716.  
  717. <div style="bottom:0;left:0;position:fixed;font-size:11px;letter-spacing:1px;text-transform:uppercase;">&nbsp;<a href="http://maomuthemes.tumblr.com">© 2014 mt</a> </div>
  718.  
  719. <!-- End credit -->
  720.  
  721. </body>
  722. </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!