API tools faq
paste
Guest User

Theme 2 by allamay Themes

a guest
Mar 1st, 2016
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.93 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme by allamaythemes.tumblr.com
  3. Do NOT remove the credit
  4. -->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#000000"/>
  17. <meta name="color:Hover" content="#000000"/>
  18. <meta name="color:Link" content="#000000"/>
  19.  
  20. <meta name="image:Sidebar" content="1"/>
  21. <meta name="image:Background" content="1"/>
  22. <meta name="image:BorderBackground" content="1"/>
  23. <meta name="if:Show Photo" content="0"/>
  24.  
  25. <meta name="text:Custom Link One Title" content= >
  26. <meta name="text:Custom Link One" content="http://" />
  27. <meta name="text:Custom Link Two Title" content= >
  28. <meta name="text:Custom Link Two" content="http://" />
  29. <meta name="text:Custom Link Three Title" content= >
  30. <meta name="text:Custom Link Three" content="http://" />
  31. <meta name="text:Custom Link Four Title" content= >
  32. <meta name="text:Custom Link Four" content="http://" />
  33. <meta name="text:Custom Link Five Title" content= >
  34. <meta name="text:Custom Link Five" content="http://" />
  35.  
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  42.  
  43. ::-webkit-scrollbar-thumb { background-color:#000; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  44. #aaaaaa; border-right: 1px solid #aaaaaa; }
  45.  
  46. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  47.  
  48. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content=”{MetaDescription}” />{/block:Description}
  49. {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  50.  
  51. #tumblr_controls{
  52. position:fixed !important;
  53. }
  54.  
  55. .wrapper{
  56. margin: 0px auto;
  57. width: 100%;
  58. }
  59.  
  60. body {
  61. padding: 0px;
  62. margin: 0px;
  63. color:{color:text};
  64. font-family: ubuntu;
  65. font-size: 10px;
  66. line-height: 12px;
  67. background-color: {color:Background};
  68. background-image:url({image:Background});
  69. background-attachment: fixed;
  70. background-repeat: repeat;
  71. }
  72.  
  73. a:link, a:active, a:visited{
  74. color: {color:Link};
  75. text-decoration: none;
  76. -webkit-transition: color 0.4s ease-out;
  77. -moz-transition: color 0.4s ease-out;
  78. }
  79.  
  80. a:hover{
  81. color:{color:Hover};
  82. text-shadow:1px 2px 3px #000000;
  83. text-shadow:0px 0px 3px #000000;
  84. -webkit-transition: all 0.2s linear;
  85. -webkit-transition: all 0.2s linear;
  86. -moz-transition: all 0.2s linear;
  87. transition: all 0.2s linear;
  88. }
  89.  
  90. .entry {
  91. margin:5px;
  92. padding-right: 4px;
  93. padding-left:4px;
  94. padding-top: 4px;
  95. padding-bottom: 1px;
  96. float:left;
  97. background-color:#fff;
  98. border:1px solid #C0C0C0;
  99. {block:IndexPage}
  100. width:400px;
  101. {/block:IndexPage}
  102. {block:PermalinkPage}
  103. width:400px;
  104. margin-left: 30px;
  105. {/block:PermalinkPage}
  106. }
  107.  
  108. .entry .perma{
  109. margin-left: 0px;
  110. margin-top: 30px;
  111. width:100px;
  112. height: auto;
  113. position: absolute;
  114. overflow:hidden;
  115. opacity: 0.0;
  116. background-color:#fff;
  117. }
  118.  
  119. .entry:hover .perma{
  120. width:400px;
  121. overflow:visible;
  122. opacity:0.9;
  123. color: #000000;
  124. overflow:visible;
  125. -webkit-transition: 0.3s linear;
  126. -webkit-transition: all 0.3s linear;
  127. -moz-transition: all 0.3s linear;
  128. transition: all 0.3s linear;
  129. }
  130.  
  131. .perms {
  132. padding: 3px;
  133. font-family: calibri;
  134. text-transform: uppercase;
  135. font-size: 9px;
  136. line-height: 20px;
  137. text-align: left;
  138. color: #000;
  139. -webkit-transition: all 0.6s ease;
  140. -moz-transition: all 0.6s ease;
  141. -o-transition: all 0.6s ease;
  142. }
  143.  
  144. .perms a:hover{
  145. color: #000;
  146. -webkit-transition: all 0.6s ease;
  147. -moz-transition: all 0.6s ease;
  148. -o-transition: all 0.6s ease;
  149. }
  150.  
  151. #sidebar{
  152. position:fixed !important;
  153. width: 200px;
  154. height:auto;
  155. margin-top: 130px;;
  156. margin-left: 700px;
  157. padding: 4px;
  158. text-align: center;
  159. background-color:#fff;
  160. }
  161.  
  162. #border1{
  163. position:fixed !important;
  164. width: 250px;
  165. height:100%;
  166. margin-top: 0px;;
  167. margin-left: 0px;
  168. background-image:url({image:BorderBackground});
  169. background-attachment:fixed;
  170. border-right:1px solid #C0C0C0;
  171. }
  172.  
  173. #blogtitle {
  174. font-family:'consolas';
  175. font-size: 17px;
  176. line-height: 10px;
  177. text-align: left;
  178. }
  179.  
  180. #posts {
  181. width: 396px;
  182. margin-left:255px;
  183. margin-top:5px;
  184. float:left;
  185. }
  186.  
  187. #infscr-loading{
  188. bottom: -70px;
  189. position: absolute;
  190. left: 50%;
  191. margin-left:-8px;
  192. width:16px;
  193. height:11px;
  194. overflow:hidden;
  195. margin-bottom: 50px;
  196. }
  197.  
  198. .title{
  199. font-family: 'consolas';
  200. font-size: 17px;
  201. line-height:17px;
  202. color: #000;
  203. font-weight: normal;
  204. }
  205.  
  206. .top.media.photoset {
  207. line-height: 0;
  208. position: relative;
  209. display: inline-block;
  210. }
  211.  
  212. #navigate{
  213. width:230px;
  214. }
  215.  
  216. #navigate a {
  217. display: inline-block;
  218. width:auto;
  219. font-family:ubuntu;
  220. text-transform:uppercase;
  221. height: 15px;
  222. margin-right: 1px;
  223. font-size: 9px;
  224. padding:1px;
  225. padding-bottom:0px;
  226. padding-left:3px;
  227. padding-right:3px;
  228. margin-top:5px;
  229. margin-bottom:-3px;
  230. color: #000;
  231. letter-spacing: 1px;
  232. text-align: center;
  233. line-height: 15px;
  234. text-decoration:none;
  235. }
  236.  
  237. {CustomCSS}
  238.  
  239. </style>
  240.  
  241. {block:IndexPage}
  242.  
  243. <script type="text/javascript">
  244. $(window).load(function () {
  245. var $content = $('#posts');
  246. $content.masonry({itemSelector: '.entry'}),
  247. $content.infinitescroll({
  248. navSelector : 'div#pagination',
  249. nextSelector : 'div#pagination a#nextPage',
  250. itemSelector : '.entry',
  251. loading: {
  252. finishedMsg: '',
  253. img: '
  254. },
  255. bufferPx : 600,
  256. debug : false,
  257. },
  258. // call masonry as a callback.
  259. function( newElements ) {
  260. var $newElems = $( newElements );
  261. $newElems.hide();
  262. // ensure that images load before adding to masonry layout
  263. $newElems.imagesLoaded(function(){
  264. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  265.  
  266.  
  267. });
  268. });
  269. });
  270. </script>
  271.  
  272. {/block:IndexPage}
  273.  
  274. <title>{title}</title>
  275.  
  276. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6qbgraH91qfoi4t.gif">
  277. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  278. <meta name="viewport" content="width=820" />
  279.  
  280. </head>
  281. <body>
  282. <div class="wrapper">
  283. <div class="header">
  284. </div>
  285.  
  286. <div id="border1"></div>
  287.  
  288. <div id="sidebar">
  289. <fieldset style="width:230px; height:auto; border:1px solid rgba(0,0,0,0.1);padding-bottom:10px; padding-top:8px; padding-left:8px; padding-right:8px; text-align:left; background-color:white;"><legend><div id="blogtitle"><a href="/">{title}</a></div></legend>
  290. {block:ifshowphoto}<center><a title="" href="/"><img src="{image:sidebar}" width=230px height=auto></a></center>{/block:ifshowphoto}
  291. <div style="background-color:#eeeeee; padding:3px;">{Description}</div>
  292.  
  293. <div id="navigate">
  294. <a href="/">home</a>
  295. <a href="/ask">ask</a>
  296. <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>
  297. <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
  298. <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>
  299. <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>
  300. <a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a>
  301. </select>
  302.  
  303. </fieldset>
  304.  
  305.  
  306. </div>
  307.  
  308.  
  309. <div class="left">
  310.  
  311. <div id="posts">
  312.  
  313. {block:Posts}
  314. <div class="entry">
  315.  
  316. {block:IndexPage}
  317.  
  318. {/block:IndexPage}
  319.  
  320. {block:Text}
  321. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  322. {block:IndexPage}
  323. <small>{TimeAgo}</small> &middot
  324. <a href="{permalink}"><small>{NoteCountWithLabel}</small></a>
  325. &middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank"><small>reblog</small></a>
  326. {/block:IndexPage}
  327. {/block:Text}
  328.  
  329. {block:Link}
  330. <a href="{URL}" class="title">{Name}</a>
  331. {block:Description}{Description}{/block:Description}
  332. <small>{TimeAgo}</small> &middot
  333. <a href="{permalink}"><small>{NoteCountWithLabel}</small></a>
  334. &middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank"><small>reblog</small></a> {block:Link}
  335.  
  336. {block:Photo}
  337. {block:IndexPage}
  338. <div class="perma">
  339. <div class="perms">
  340. <a href="{ReblogURL}" target="_blank">reblog</a> with
  341. <a href="{permalink}">{NoteCountwithlabel}</a>
  342. </div>
  343. </div>{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a></div>{LinkCloseTag}{/block:IndexPage}
  344. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  345. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}{/block:PermalinkPage}
  346. {/block:Photo}
  347.  
  348. {block:Photoset}
  349. <section class="top media photoset">
  350. {Photoset-400}
  351. </section>
  352. {block:IndexPage}
  353. <div class="perma">
  354. <div class="perms">
  355. <a href="{ReblogURL}" target="_blank">reblog</a> with
  356. <a href="{permalink}">{NoteCountwithlabel}</a>
  357. </div>
  358. </div>
  359. {/block:IndexPage}
  360. {/block:Photoset}
  361.  
  362. {block:Quote}
  363. {Quote}</span>
  364. {block:Source}<strong>{Source}</strong>{/block:Source}<br>
  365. <small>{TimeAgo}</small> &middot
  366. <a href="{permalink}"><small>{NoteCountWithLabel}</small></a>
  367. &middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank"><small>reblog</small></a>
  368. {/block:Quote}
  369.  
  370. {block:Chat}
  371. {block:Title}<span class="title">{Title}</span>{/block:Title}
  372. <ul class="chat">
  373. {block:Lines}
  374. <li class="user_{UserNumber}">
  375. {block:Label}
  376. <span class="label">{Label}</span>
  377. {/block:Label}
  378.  
  379. {Line}
  380. </li>
  381. {/block:Lines}
  382. </ul>
  383. <small>{TimeAgo}</small> &middot
  384. <a href="{permalink}"><small>{NoteCountWithLabel}</small></a>
  385. &middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank"><small>reblog</small></a>
  386. {/block:Chat}
  387.  
  388. {block:Audio}
  389. <center><div style="width:340px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  390. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  391. <br>
  392. <small>{TimeAgo}</small> &middot
  393. <a href="{permalink}"><small>{NoteCountWithLabel}</small></a>
  394. &middot<a href="{permalink}"><a href="{ReblogURL}" target="_blank"><small>reblog</small></a>
  395. {/block:Audio}
  396.  
  397. {block:Video}
  398. {block:IndexPage}
  399. <center>
  400. {Video-340}</center>
  401. {/block:IndexPage}
  402. {block:PermalinkPage}
  403. <center>
  404. {Video-550}</center>
  405. {/block:PermalinkPage}
  406. {block:Video}
  407.  
  408. {block:PermalinkPage}
  409. <center>
  410. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  411.  
  412.  
  413. {/block:PermalinkPage}
  414.  
  415.  
  416. {block:PostNotes}{PostNotes}
  417. {/block:PostNotes}
  418. </div>
  419.  
  420.  
  421. {/block:Posts}
  422. </div>
  423. </div>
  424. {block:IndexPage}
  425. {block:Pagination}
  426. <div id="pagination">
  427. {block:NextPage}
  428. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  429. {/block:NextPage}
  430. {block:PreviousPage}
  431. <a href="{PreviousPage}">&larr;&nbsp;</a>
  432. {/block:PreviousPage}
  433. </div>
  434. {/block:Pagination}
  435. {/block:IndexPage}
  436. </div>
  437.  
  438. </body>
  439. </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!