API tools faq
paste
Advertisement
joshdevime

theme 44

joshdevime
Oct 11th, 2014
7,578
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. DO NOT STEAL THIS THEME
  7. DO NOT REDISTRIBUTE
  8. PLEASE LIKE/REBLOG THE POST IF YOU USE
  9. THANK YOU!
  10. THEME BASE CODE BY BUILDTHEMES
  11.  
  12. -->
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15.  
  16. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  17.  
  18. <script>
  19.  
  20. (function($){
  21.  
  22. $(document).ready(function(){
  23.  
  24. $("a[title]").style_my_tooltips({
  25.  
  26. tip_follows_cursor:true,
  27.  
  28. tip_delay_time:90,
  29.  
  30. tip_fade_speed:600,
  31.  
  32. attribute:"title"
  33.  
  34. });
  35.  
  36. });
  37.  
  38. })(jQuery);
  39.  
  40. </script>
  41.  
  42. <meta name="color:background" content="#369fa0" />
  43. <meta name="color:body links" content="#615151" />
  44. <meta name="color:body text" content="#1d1818" />
  45. <meta name="color:sidebar links" content="#b9b8b8" />
  46. <meta name="color:sidebar text" content="#868484" />
  47. <meta name="color:postbackground" content="#ffffff" />
  48. <meta name="color:sbbackground" content="#ffffff" />
  49. <meta name="color:Text highlight" content="#d83e3e" />
  50. <meta name="color:border" content="#d83e3e" />
  51. <meta name="color:searchbackground" content="#d83e3e" />
  52. <meta name="color:searchborder" content="#d83e3e" />
  53.  
  54. <meta name="font:Body" content='Helvetica'/>
  55.  
  56. <meta name="if:Infinite scroll" content="1"/>
  57. <meta name="if:sidebar search" content="0"/>
  58. <meta name="if:fullbgimg" content""/>
  59. <meta name="if:sbborder" content""/>
  60. <meta name="if:postborder" content""/>
  61. <meta name="if:roundborder" content""/>
  62. <meta name="if:roundsbimage" content""/>
  63. <meta name="if:sidebartype2" content""/>
  64. <meta name="if:linktype2" content""/>
  65.  
  66. <meta name="text:Post margin" content='10px'/>
  67. <meta name="text:Post width" content='38%'/>
  68. <meta name="text:Font size" content='0.8em'/>
  69. <meta name="text:link1" content=""/>
  70. <meta name="text:link1url" content=""/>
  71. <meta name="text:link2" content=""/>
  72. <meta name="text:link2url" content=""/>
  73. <meta name="text:link3" content=""/>
  74. <meta name="text:link3url" content=""/>
  75. <meta name="text:link4" content=""/>
  76. <meta name="text:link4url" content=""/>
  77. <meta name="text:link5" content=""/>
  78. <meta name="text:link5url" content=""/>
  79. <meta name="text:link6" content=""/>
  80. <meta name="text:link6url" content=""/>
  81.  
  82. <meta name="image:sidebar" content="" />
  83. <meta name="image:Background" content="" />
  84.  
  85. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  86. <meta charset="utf-8">
  87. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  88. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  89. <link rel="shortcut icon" href="{Favicon}">
  90. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  91. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  92.  
  93. <style type="text/css">
  94.  
  95. ::-moz-selection { background: {color:Text highlight}; color: #fff; }
  96.  
  97. ::selection { background: {color:Text highlight}; color: #fff; }
  98.  
  99. body { cursor: url(https://31.media.tumblr.com/91037c9d8802fdca6dea299654b6dc17/tumblr_inline_mzpkcniZkt1r6h6z5.png), auto;background: {color:Background} url('{image:Background}');background-attachment: fixed;background-repeat: repeat;background-position: center;{block:iffullbgimg}background-size:cover;{/block:iffullbgimg} color: {color:Body text}; font-family: {font:Body}; font-size:11px; margin: 0; padding: 0; }
  100.  
  101. a { cursor: url(https://31.media.tumblr.com/91037c9d8802fdca6dea299654b6dc17/tumblr_inline_mzpkcniZkt1r6h6z5.png), auto;color: {color:Body links}; text-decoration: none; }
  102.  
  103. h1 { font-size:12px; font-weight:bold; text-transform:none; }
  104.  
  105. blockquote { border-left: 1px solid #000; margin: 0; margin-top:-5px; padding:3px; }
  106.  
  107. iframe, img, embed, object, video { max-width: 100%; }
  108.  
  109. img { height:auto; width:auto; }
  110.  
  111. #sidebar { {block:ifsidebartype2}background:{color:sbbackground};{block:ifsbborder}border:1px solid {color:border};{/block:ifsbborder}{/block:ifsidebartype2}{block:ifroundborder}-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;{/block:ifroundborder} padding:5px; margin-left:190px; margin-top:30px; color:{color:sidebar text}; width:180px; position:fixed; }
  112.  
  113. #sidebar a { color: {color:sidebar links}; }
  114.  
  115. #sidebarimage img { width:180px;{block:ifroundborder}-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;{/block:ifroundborder}{block:ifroundsbimage}-webkit-border-radius:90px; -moz-border-radius:90px; border-radius:90px;{/block:ifroundsbimage} }
  116.  
  117. #title { {block:ifnotsidebartype2}{block:ifroundborder}-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;{/block:ifroundborder}{block:ifsbborder}border:1px solid {color:border};{/block:ifsbborder}background:{color:sbbackground};{/block:ifnotsidebartype2}font-size:20px; margin-top:3px; font-weight:bold; text-transform:lowercase; text-align:center; padding:5px; }
  118.  
  119. #desc { {block:ifnotsidebartype2}{block:ifroundborder}-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;{/block:ifroundborder}{block:ifsbborder}border:1px solid {color:border};{/block:ifsbborder}background:{color:sbbackground};{/block:ifnotsidebartype2}margin-top:5px; padding:5px; text-align:center; }
  120.  
  121. #links { {block:ifnotsidebartype2}{block:ifroundborder}-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;{/block:ifroundborder}{block:ifsbborder}border:1px solid {color:border};{/block:ifsbborder}background:{color:sbbackground};{/block:ifnotsidebartype2}font-size:12px; text-transform:lowercase; font-weight:bold; margin-top:5px; padding:10px; text-align:center; }
  122.  
  123. #links a { text-align:center; {block:iflinktype2}padding:5px;margin-top:5px;display:block;background:{color:sbbackground};border:solid 1px {color:border};{block:ifroundborder}-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;{/block:ifroundborder}{block:iflinktype2} }
  124.  
  125. #content { margin-left:400px; margin-top:40px; width:800px; }
  126.  
  127. article { background: {color:postbackground}; margin: {text:Post margin}; padding:5px; width: {text:Post width}; {block:ifpostborder}border:1px solid {color:border};{/block:ifpostborder} {block:ifroundborder}-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;{/block:ifroundborder} }
  128.  
  129. .chat span { float: left; margin-right: 1%; }
  130.  
  131. .metadata { display: inline-block; width: 100%; font-size:10px; padding-bottom:5px; }
  132.  
  133. .reblogged { float: right; }
  134.  
  135. #tags, nav ul, .chat ul { list-style: none; list-style-image: none; margin: 0; padding: 0; }
  136.  
  137. #tags li { float: left; margin-right: 1%; }
  138.  
  139. .notes { clear: both; padding: 0; }
  140.  
  141. #pagination { font-size:12px; margin-left:550px; margin-top:20px; padding-bottom:20px; }
  142.  
  143. #pagination a { border:{color:border}; background:{color:postbackground};padding:5px; }
  144.  
  145. .sfm input {background:{color:searchbackground}; border:1px solid {color:searchborder}; {block:ifroundborder}-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;{/block:ifroundborder} text-transform:lowercase; font-size:10px; margin-top:5px; padding:4px; padding-left:15px; padding-right:14px; font-family: helvetica; }
  146.  
  147. #s-m-t-tooltip { max-width:300px; background-color:#ffffff; font-size:10px; color:#000000; letter-spacing:1px; text-transform:lowercase; padding:3px; margin:20px 0px 0px 20px; z-index:9999999999999999999999; border-radius: 2px; }
  148.  
  149. #credit { position:fixed; left:50px; }
  150.  
  151. {CustomCSS}
  152.  
  153. </style>
  154. </head>
  155. <script type="text/javascript">
  156. <!--
  157. function handleThis(formElm)
  158. {
  159. window.location="http://{URL}.tumblr.com/tagged/"+formElm.number.value+"";
  160. return false;
  161. }
  162.  
  163. </script>
  164. <body>
  165.  
  166. <div id="credit"><a href="http://izzysthemcs.tumblr.com" title="theme made by izzy">♥</a></div>
  167.  
  168. <header id="sidebar">
  169.  
  170. <div id="header">
  171.  
  172. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}" title="{title}"></a></div>
  173.  
  174. <div id="title"><a href="/" title="{lang:Home}">{Title}</a></div>
  175.  
  176. <div id="desc">{Description}</div>
  177.  
  178. <div id="links">
  179. {block:iflink1}<a href="{text:link1url}">{text:link1}</a>{/block:iflink1}
  180. {block:iflink2}{block:ifnotlinktype2}/{/block:ifnotlinktype2} <a href="{text:link2url}">{text:link2}</a>{/block:iflink2}
  181. {block:iflink3}{block:ifnotlinktype2}/{/block:ifnotlinktype2} <a href="{text:link3url}">{text:link3}</a>{/block:iflink3}
  182. {block:iflink4}{block:ifnotlinktype2}/{/block:ifnotlinktype2} <a href="{text:link4url}">{text:link4}</a>{/block:iflink4}
  183. {block:iflink5}{block:ifnotlinktype2}/{/block:ifnotlinktype2} <a href="{text:link5url}">{text:link5}</a>{/block:iflink5}
  184. {block:iflink6}{block:ifnotlinktype2}/{/block:ifnotlinktype2} <a href="{text:link6url}">{text:link6}</a>{/block:iflink6}
  185. </div>
  186.  
  187. {block:IfsidebarSearch}
  188. <form action="/search" method="get" class="sfm">
  189. <input type="text" name="q" title="search" value="{SearchQuery}" id="sf"/>
  190. <input type="submit" value="→" id="sb"/>
  191. </form>
  192. {/block:IfsidebarSearch}
  193. </header>
  194.  
  195. <div id="content">
  196. {block:Posts}
  197. <article>
  198.  
  199. <header class="metadata">
  200. {block:Date} <a href="{Permalink}"> {DayofMonth}.{MonthNumber}.{Year} - {NoteCountWithLabel} {/block:Date}
  201.  
  202. {block:ContentSource}
  203. <div class="reblogged">
  204. <a href="{SourceURL}">( {block:NoSourceLogo}©{/block:NoSourceLogo} )
  205. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}</a>
  206. </div>
  207. {/block:ContentSource}
  208. </header>
  209.  
  210. {block:Text}
  211. <div class="text">
  212. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  213. {Body}
  214. {/block:Text}
  215.  
  216. {block:Photo}
  217. <div class="photo">
  218. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  219. {block:Caption}{Caption}{/block:Caption}
  220. {/block:Photo}
  221.  
  222. {block:Photoset}
  223. <div class="photoset">
  224. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  225. {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
  226. {block:Caption}{Caption}{/block:Caption}
  227. {/block:Photoset}
  228.  
  229. {block:Quote}
  230. <div class="quote">
  231. <blockquote>{Quote}</blockquote>
  232. {block:Source}<cite> {Source} </cite>{/block:Source}
  233. {/block:Quote}
  234.  
  235. {block:Link}
  236. <div class="link">
  237. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  238. {block:Description}{Description}{/block:Description}
  239. {/block:Link}
  240.  
  241. {block:Chat}
  242. <div class="chat">
  243. <ul>
  244. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  245. </ul>
  246. {/block:Chat}
  247.  
  248. {block:Audio}
  249. <div class="audio">
  250. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  251. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  252. <div class="player">{AudioPlayerBlack}</div>
  253. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  254. {block:Caption}{Caption}{/block:Caption}
  255. {/block:Audio}
  256.  
  257. {block:Video}
  258. <div class="video">
  259. <div class="video-player">{Video-500}</div>
  260. {block:Caption}{Caption}{/block:Caption}
  261. {/block:Video}
  262.  
  263. {block:Answer}
  264. <div class="answer">
  265. <h1 class="title">{Question}</h1>
  266. <div class="user"><img src="{AskerPortraitURL-96}"/><p>{Asker}</p></div>
  267. {Answer}
  268. {/block:Answer}
  269. </div>
  270.  
  271. {block:Permalink}
  272. <footer class="details">
  273. {block:HasTags}
  274. <ul id="tags">
  275. <p>tagged as: {block:Tags}<li> <a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
  276. </ul>
  277. {/block:HasTags}
  278. {block:PostNotes}
  279.  
  280. <div id="notes">
  281. {PostNotes}
  282. </div>
  283. {/block:PostNotes}
  284. </footer>
  285. {/block:Permalink}
  286. </article>
  287. {/block:Posts}
  288.  
  289. </div>
  290.  
  291. {block:Pagination}
  292. <div id="pagination">
  293. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  294. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  295. </div>
  296. {/block:Pagination}
  297.  
  298. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  299. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  300. {block:IfInfiniteScroll}
  301. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  302. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  303. {/block:IfInfiniteScroll}
  304. <!--Code for infinite scroll and grid layout-->
  305. <script>
  306. (function() {
  307. var $tumblelog = $('#content');
  308. {block:IfInfiniteScroll}
  309. $tumblelog.infinitescroll({
  310. navSelector : ".pagination",
  311. nextSelector : ".pagination a:first",
  312. itemSelector : "article",
  313. bufferPx : 50,
  314. done : "",
  315. loading: {
  316. finishedMsg: "<p> </p>",
  317. img : " ",
  318. msg: null,
  319. msgText: "<p> </p>"
  320. },
  321. },
  322. function( newElements ) {
  323. var $newElems = $( newElements ).css({ opacity: 0 });
  324. $newElems.imagesLoaded(function(){
  325. $newElems.animate({ opacity: 1 });
  326. $tumblelog.masonry( 'appended', $newElems);
  327. });
  328. }
  329. );
  330. {/block:IfInfiniteScroll}
  331. $tumblelog.imagesLoaded( function(){
  332. $tumblelog.masonry({
  333. columnWidth: function( containerWidth ) {
  334. return containerWidth / 100;
  335. }
  336. });
  337. });
  338. })();
  339. </script>
  340. <!--For users adding Google Analytics ID-->
  341. <script>
  342. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  343. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  344. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  345. s.parentNode.insertBefore(g,s)}(document,'script'));
  346. </script>
  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!