API tools faq
paste
Advertisement
OmgImAlexis

Shane's Theme

OmgImAlexis
Feb 4th, 2014
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <!-----------------------------------------------------------------------
  4. //THEMES BY TABBY
  5.  
  6. //if you remove the credit i will cry myself to sleep
  7. (and report you if i find out... which i will)
  8.  
  9. //comments/criticisms appreciated
  10.  
  11. http://themes-by-tabby.tumblr.com
  12.  
  13. ------------------------------------------------------------------------->
  14. <head>
  15. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
  16. <script type="text/javascript" src="http://static.tumblr.com/ib6vvvn/h4Rmt3ou9/jquery.infinitescroll.min.js"></script>
  17. <script type="text/javascript" src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
  18. <script type="text/javascript">
  19. $(window).load(function () {
  20. var container = document.querySelector('#content');
  21. var msnry = new Masonry( container, {
  22. itemSelector: '.entry'
  23. });
  24. $('#content').infinitescroll({
  25. navSelector : "#pagination",
  26. nextSelector : "#pagination a#nextPage",
  27. itemSelector : ".entry",
  28. errorCallback: function(){},
  29. },function(arrayOfNewElems){
  30. var container = document.querySelector('#content');
  31. var msnry = new Masonry( container, {
  32. itemSelector: '.entry'
  33. });
  34. });
  35. });
  36. </script>
  37.  
  38. <style type="text/css">A:hover {text-transform: uppercase;}</style>
  39. <p>
  40.  
  41. <meta name="color:background" content="#e7e6e7" />
  42. <meta name="color:text" content="#000" />
  43. <meta name="color:link hover" content="#999" />
  44.  
  45. <meta name="image:sidebar" content="1"/>
  46. <meta name="image:background" content="" />
  47. <meta name="if:show sidebar photo" content="1"/>
  48. <meta name="if:show default links" content="1"/>
  49. <meta name="if:first custom link" content="0"/>
  50. <meta name="if:second custom link" content="0"/>
  51. <meta name="if:third custom link" content="0"/>
  52. <meta name="if:fourth custom link" content="0"/>
  53. <meta name="if:fifth custom link" content="0"/>
  54. <meta name="if:sixth custom link" content="0"/>
  55.  
  56. <meta name="text:first custom link title" content=""/>
  57. <meta name="text:first custom link url" content=""/>
  58. <meta name="text:second custom link title" content=""/>
  59. <meta name="text:second custom link url" content=""/>
  60. <meta name="text:third custom link title" content=""/>
  61. <meta name="text:third custom link url" content=""/>
  62. <meta name="text:fourth custom link title" content=""/>
  63. <meta name="text:fourth custom link url" content=""/>
  64. <meta name="text:fifth custom link title" content=""/>
  65. <meta name="text:fifth custom link url" content=""/>
  66. <meta name="text:sixth custom link title" content=""/>
  67. <meta name="text:sixth custom link url" content=""/>
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  73.  
  74. img {
  75. border: 0px;
  76. padding: 0px;
  77. margin: 0px;
  78. }
  79.  
  80. body, p {
  81. font-size:12px;
  82. letter-spacing:0px;
  83. font-family:arial;
  84. line-height:12px;
  85. padding: 0px;
  86. margin: 0px;
  87. color:{color:text};
  88. }
  89.  
  90. body {
  91. background-color:{color:background};
  92. background-image:url({image:Background});
  93. background-attachment: fixed;
  94. background-repeat: repeat;
  95. }
  96.  
  97. a {
  98. text-decoration:none;
  99. color:{color:text};
  100. -webkit-transition: all 0.4s linear;
  101. -moz-transition: all 0.4s linear;
  102. transition: all 0.4s linear;
  103. }
  104.  
  105. a:hover{
  106. color:{color:link hover};
  107. }
  108.  
  109. div#all{
  110. width:100%;
  111. height:100%;
  112. z-index:-100;
  113. }
  114.  
  115. div#center{
  116. margin: auto;
  117. width: 1000px;
  118. }
  119.  
  120. div#sidebar{
  121. position:fixed !important;
  122. width: 199px;
  123. height:auto;
  124. margin-top:255px;
  125. margin-left:-25px;
  126. padding:3px;
  127. padding-bottom:3px;
  128. background-color:#fff;
  129. overflow:hidden;
  130. overflow-x:hidden;
  131. -moz-box-shadow: 0 0 8px rgba(0,0,0,.2);
  132. -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
  133. box-shadow: 0 0 8px rgba(0,0,0,.2);
  134. }
  135.  
  136. div#content {
  137. width: 540px;
  138. margin-left:195px;
  139. float:left;
  140. }
  141.  
  142. .entry {
  143. padding:3px;
  144. float:left;
  145. height:auto;
  146. background-color:#fff;
  147. margin: 2px;
  148. {block:IndexPage}
  149. width:250px;
  150. overflow-x:hidden;
  151. overflow:hidden;
  152. {/block:IndexPage}
  153. {block:PermalinkPage}
  154. width:500px;
  155. {/block:PermalinkPage}
  156. -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
  157. -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
  158. box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
  159. }
  160.  
  161. {block:IndexPage}
  162. .entry img, .entry iframe {
  163. width: 100%;
  164. }
  165. {/block:IndexPage}
  166.  
  167. .perms {
  168. color:#777;
  169. font-size:8px;
  170. opacity: 0;
  171. -webkit-transition-duration: .75s;top:0px;
  172. width:220px;
  173. height:10px;
  174. padding-bottom:4px;
  175. background-color: #fff;
  176. position: absolute;
  177. margin-top:5px;
  178. text-align:center;
  179. text-transform:uppercase;
  180. font-family:consolas;
  181. letter-spacing:1px;
  182. display:block;
  183. -webkit-transition: all 0.7s ease-out;
  184. -moz-transition: all 0.7s ease-out;
  185. transition: all 0.7s ease-out;
  186. }
  187.  
  188. .entry:hover .perms {
  189. opacity:1;
  190. z-index:999999;
  191. padding-top:4px;
  192. border-bottom:1px solid #c7c5c5;
  193. }
  194.  
  195. #infscr-loading{
  196. opacity:0.0;
  197. }
  198.  
  199. .title{
  200. font-family:arial;
  201. font-size:14px;
  202. line-height:14px;
  203. color:#000;
  204. }
  205.  
  206.  
  207. blockquote{
  208. padding:0px 0px 2px 5px;
  209. margin:0px 0px 2px 4px;
  210. border-left: 1px solid #555555;
  211. }
  212.  
  213. {CustomCSS}
  214.  
  215. </style>
  216.  
  217. <title>{title}</title>
  218.  
  219. <link rel="shortcut icon" href="{Favicon}">
  220. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  221. <meta name="viewport" content="width=820" />
  222.  
  223. </head>
  224. <body>
  225.  
  226. <div id="all"></div>
  227.  
  228.  
  229. <div id="center">
  230.  
  231. <div id="sidebar">
  232. {block:ifshowsidebarphoto}<img src="{image:sidebar}" width=200px>{/block:ifshowsidebarphoto}
  233. <center>{Description}</center>
  234. <center>
  235. {block:ifshowdefaultlinks}
  236. <a href="/">home</a> // <a href="/ask">ask</a> // <a href="/archive">archive</a>
  237. {/block:ifshowdefaultlinks}
  238. {block:iffirstcustomlink}{block:ifshowdefaultlinks} // {/block:ifshowdefaultlinks} <a href="{text:first custom link url}">{text:first custom link title}</a>{/block:iffirstcustomlink}
  239. {block:ifsecondcustomlink} // <a href="{text:second custom link url}">{text:second custom link title}</a>{/block:ifsecondcustomlink}
  240. {block:ifthirdcustomlink} // <a href="{text:third custom link url}">{text:third custom link title}</a>{/block:ifthirdcustomlink}
  241. {block:iffourthcustomlink} // <a href="{text:fourth custom link url}">{text:fourth custom link title}</a>{/block:iffourthcustomlink}
  242. {block:iffifthcustomlink} // <a href="{text:fifth custom link url}">{text:fifth custom link title}</a>{/block:iffifthcustomlink}{block:ifsixthcustomlink} // <a href="{text:fifth custom link url}">{text:sixth custom link title}</a>{/block:ifsixthcustomlink}
  243. </center>
  244.  
  245. </div>
  246.  
  247. <div id="content">
  248.  
  249. {block:Posts}
  250.  
  251. <div class="entry">
  252.  
  253. {block:Text}
  254. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  255. <div style="margin-left:3px;">{Body}</div>
  256.  
  257. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  258. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} // {NoteCountwithLabel}</div></a>
  259. {/block:IndexPage}
  260. {/block:Text}
  261.  
  262. {block:Link}
  263. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  264. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  265. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  266.  
  267. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} // {NoteCountwithLabel}</div></a>
  268. {/block:IndexPage}
  269. {block:Link}
  270.  
  271. {block:Photo}
  272. <center>
  273. <a href="{Permalink}" title="{SourceTitle}"><img src="{PhotoURL-HighRes}" width="100%"></a></center>
  274.  
  275. {block:IndexPage}<div class="perms">
  276. <a href="{ReblogURL}" >reblog</a> this post, with <a href="{permalink}">{NoteCount} notes</a>.
  277. </div> {/block:IndexPage}
  278. {/block:Photo}
  279.  
  280. {block:Photoset}
  281. <center>
  282. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  283. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  284. </center>
  285.  
  286. {block:IndexPage}
  287. <div class="permalink">
  288. <a href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}">reblog</a></span></div>
  289. {/block:IndexPage}
  290. {/block:Photoset}
  291.  
  292. {block:Quote}
  293. <div style="margin-left:3px;">
  294. {Quote}</span>
  295. {block:Source}<strong>{Source}</strong>{/block:Source}
  296. </div>
  297.  
  298. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  299. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} // {NoteCountwithLabel}</div></a>
  300. {/block:IndexPage}
  301. {/block:Quote}
  302.  
  303. {block:Chat}
  304. <div style="margin-left:3px;">
  305. {block:Title}<span class="title">{Title}</span>{/block:Title}
  306. <ul class="chat">
  307. {block:Lines}
  308. <li class="user_{UserNumber}">
  309. {block:Label}
  310. <span class="label">{Label}</span>
  311. {/block:Label}
  312. {Line}
  313. </li>
  314. {/block:Lines}
  315. </ul>
  316. </div>
  317.  
  318. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  319. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} // {NoteCountwithLabel}</div></a>
  320. {/block:IndexPage}
  321. {/block:Chat}
  322.  
  323. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  324. <center>{AudioPlayerBlack}
  325. {block:Caption}{Caption}{/block:Caption}</center>
  326.  
  327. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  328. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} // {NoteCountwithLabel}</div></a>
  329. {/block:IndexPage}
  330. {/block:Audio}
  331.  
  332. {block:Video}
  333. {block:IndexPage}
  334. <center>
  335. {Video-400}</center>
  336. {/block:IndexPage}
  337. {block:PermalinkPage}
  338. <center>
  339. {Video-500}</center>
  340. {/block:PermalinkPage}
  341.  
  342. {block:IndexPage}<div style="height:1px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:1px;"></div>
  343. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{Month} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date} // {NoteCountwithLabel}</div></a>
  344. {/block:IndexPage}
  345. {block:Video}
  346.  
  347. {block:PermalinkPage}
  348. <center>{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:5px;"></div>{/block:Caption}
  349. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  350. {/block:PermalinkPage}
  351.  
  352.  
  353. {block:PostNotes}
  354. </center></center>
  355. <div align="left">{PostNotes}</div>
  356. {/block:PostNotes}
  357. </div>
  358.  
  359. {/block:Posts}
  360.  
  361.  
  362. {block:IndexPage}
  363. {block:Pagination}
  364. <div id="pagination">
  365. {block:NextPage}
  366. <a id="nextPage" href="{NextPage}"></a>
  367. {/block:NextPage}
  368. {block:PreviousPage}
  369. <a href="{PreviousPage}"></a>
  370. {/block:PreviousPage}
  371. </div>
  372. {/block:Pagination}
  373. {/block:IndexPage}
  374. </div>
  375. </body>
  376. </html>
  377.  
  378. <div style="float: left; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><font size="4">
  379. <a href="http://themes-by-tabby.tumblr.com">©</div>
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!