API tools faq
paste
Advertisement
quarentary

Laughter Lines theme

quarentary
Jan 3rd, 2014
647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.45 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4. <!-- Laughter Lines theme by by astraliesthemes (paupiere and terrabithia)
  5.  
  6.  
  7. _..--""-. .-""--.._
  8. _.-' \ __...----...__ / '-._
  9. .' .:::...,' ',...:::. '.
  10. ( .'``'''::; ;::'''``'. )
  11. \ '-) (-' /
  12. \ / \ /
  13. \ .'.-. .-.'. /
  14. \ | \0| |0/ | /
  15. | \ | .-==-. | / |
  16. \ `/`; ;`\` /
  17. '.._ (_ | .-==-. | _) _..'
  18. `"`"-`/ `/' '\` \`-"`"`
  19. / /`; .==. ;`\ \
  20. .---./_/ \ .==. / \ \
  21. / '. `-.__) | `"
  22. | =(`-. '==. ;
  23. \ '. `-. /
  24. \_:_) `"--.....-'
  25.  
  26. please don't remove credit
  27. edit however you may like, but as stated above, don't remove credit ok
  28. don't use as a basecode, either-->
  29. <title>{title}</title>
  30. <meta name="color:bg" content="#fff">
  31. <meta name="color:text" content="#9A9A9A">
  32. <meta name="color:link" content="#00aa00">
  33. <meta name="color:hover" content="#fff">
  34. <meta name="color:post bg" content="#fff">
  35. <meta name="color:title" content="#9a9a9a">
  36. <meta name="color:scrollbar" content="#D6D5D5">
  37. <meta name="color:scrollbar bg" content="#fff">
  38.  
  39. <meta name="text:linkA" content="">
  40. <meta name="text:linkA url" content="/">
  41. <meta name="text:linkB" content="">
  42. <meta name="text:linkB url" content="/">
  43. <meta name="text:linkC" content="">
  44. <meta name="text:linkC url" content="/">
  45. <meta name="text:linkD" content="">
  46. <meta name="text:linkD url" content="/">
  47.  
  48. <meta name="font:body" content="Calibri">
  49. <meta name="font:sidebar" content="Calibri">
  50.  
  51. <meta name="if:middle sidebar" content="1">
  52. <meta name="if:bottom sidebar" content="0">
  53. <meta name="if:two columns" content="0">
  54. <meta name="if:three columns" content="0">
  55. <meta name="if:rounded images" content="0">
  56. <meta name="if:post bg" content="0">
  57.  
  58.  
  59.  
  60. <meta name="image:repeat bg" content=""/>
  61. <meta name="image:right bg" content=""/>
  62. <meta name="image:cover bg" content=""/>
  63. <meta name="image:left bg" content=""/>
  64.  
  65. <link rel=”shortcut icon” href=”{Favicon}”/>
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68.  
  69. <style type="text/css">
  70. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  71. a , visited, active {
  72. color:{color:link};
  73. text-decoration: none; -webkit-transition: all 1s ease;
  74. -moz-transition: all 1s ease;
  75. -o-transition: all 1s ease;}
  76. a:hover {
  77. color:{color:hover};
  78. -webkit-transition: all 1s ease;
  79. -moz-transition: all 1s ease;
  80. -o-transition: all 1s ease; }
  81. ::-webkit-scrollbar {background-color:{color:scrollbar bg}; height:8px; width:8px}
  82. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  83. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  84.  
  85. body{
  86. color:{color:text};
  87. font-family: {font:body};
  88. font-size:10px;
  89. background-color:{color:bg};
  90. background-image: url({image:right bg}), url({image:cover bg}), url({image:repeat bg}), url({image:left bg});
  91. background-attachment: fixed;
  92. background-position: bottom right, top left, top left, bottom left;
  93. background-repeat: no-repeat, no-repeat, repeat, no-repeat;
  94. -webkit-background-size:auto,cover, auto, auto;
  95. -moz-background-size: auto, cover, auto, auto;
  96. -o-background-size: auto, cover, auto, auto;
  97. background-size: auto, cover, auto, auto;
  98. }
  99.  
  100.  
  101. #cent{
  102. {block:ifnotthreecolumns}
  103. {block:ifnottwocolumns}
  104. width: 200px;
  105. {/block:ifnottwocolumns}
  106. {/block:ifnotthreecolumns}
  107. {block:iftwocolumns}
  108. width:500px;
  109. {/block:iftwocolumns}
  110. {block:ifthreecolumns}
  111. width:700px;
  112. {/block:ifthreecolumns}
  113. margin-left:400px;
  114. background: transparent;
  115. position:absolute;
  116.  
  117. padding:15px;
  118.  
  119.  
  120. }
  121.  
  122. #post{
  123. padding:10px;
  124. {block:ifpostbg}
  125. background-color: {color:post bg};
  126. {/block:ifpostbg}
  127. {block:ifnotpostbg}
  128. background-color:transparent;
  129. {/block:ifnotpostbg}
  130. {block:ifroundedimages}
  131. border-radius: 5px;
  132. -webkit-border-radius: 5px;
  133. -moz-border-radius: 5px;
  134. border-radius: 5px;
  135.  
  136. {/block:ifroundedimages}
  137.  
  138. width:200px;
  139. float:left;
  140. margin: 5px;
  141. }
  142.  
  143. #post img{
  144. {block:ifroundedimages}
  145. border-radius: 5px;
  146. -webkit-border-radius: 5px;
  147. -moz-border-radius: 5px;
  148. border-radius: 5px;
  149. {block:ifroundedimages}
  150. }
  151.  
  152. #post:hover {
  153.  
  154. }
  155. #sidebar{
  156. background-color:transparent;
  157. width:150px;
  158. {block:ifnotbottomsidebar}
  159. {block:ifnotmiddlesidebar}
  160. margin-top:50px;
  161. {/block:ifnotmiddlesidebar}
  162. {/block:ifnotbottomsidebar}
  163. {block:ifmiddlesidebar}
  164. margin-top: 350px;
  165. {/block:ifmiddlesidebar}
  166. {block:ifbottomsidebar}
  167. margin-top: 600px;
  168. {/block:ifbottomsidebar}
  169. margin-left:150px;
  170. position:fixed;
  171. padding:3px;
  172. text-align:center;
  173. text-transform:none;
  174. font-family: {font:sidebar};
  175. }
  176.  
  177. .description {
  178. margin-top: -10px;
  179. }
  180.  
  181. #s-m-t-tooltip {
  182. position:relative;
  183. overflow:hidden;
  184. z-index:9999999;
  185. max-width:120px;
  186. margin:10px 0 0 10px;
  187. {block:ifroundedimages}
  188. border-radius: 5px;
  189. -webkit-border-radius: 5px;
  190. -moz-border-radius: 5px;
  191. border-radius: 5px;
  192. {block:ifroundedimages}
  193.  
  194. background: #fff;
  195. padding: 5px;
  196. font-family: {font:body};
  197. text-transform: lowercase;
  198. text-align:center;
  199.  
  200. font-size:10px;
  201. color:{color:text};
  202. -webkit-transition: all 0.2s ease;
  203. -moz-transition: all 0.2s ease;
  204. -o-transition: all 0.2s ease;
  205.  
  206.  
  207. }
  208. #pagination {
  209. display:None;
  210. }
  211.  
  212. .title {
  213.  
  214. font-size: 14px;
  215. font-family:Lala;
  216. {block:ifnotthreecolumns}
  217. {block:ifnottwocolumns}
  218. width: 225px;
  219. {/block:ifnottwocolumns}
  220. {/block:ifnotthreecolumns}
  221. {block:iftwocolumns}
  222. width:450px;
  223. {/block:iftwocolumns}
  224. {block:ifthreecolumns}
  225. width:700px;
  226. {/block:ifthreecolumns}
  227. line-height:120%;
  228. position:fixed;
  229. margin-left: 400px;
  230. z-index: 999;
  231. text-align:center;
  232. margin-top: -9px;
  233. padding: 15px;
  234. opacity: .8;
  235. background: {color:bg};
  236. height:auto;
  237. color:{color:title};
  238.  
  239. }
  240.  
  241. .links {
  242. margin-bottom:10px;
  243. font-size:8px;
  244. text-transform:uppercase;
  245. text-align:center;
  246. letter-spacing:2px;
  247. padding: 5px;
  248. line-height:170%;
  249. }
  250.  
  251. .links a{
  252. padding:3px;
  253. color:{color:link};
  254. letter-spacing:0px;
  255. text-decoration:none;
  256. -moz-transition-duration:1s;
  257. -webkit-transition-duration:1s;
  258. -o-transition-duration:1s;
  259. }
  260.  
  261. .links a:hover{
  262. color:{color:hover};
  263. -moz-transition-duration:1s;
  264. -webkit-transition-duration:1s;
  265. -o-transition-duration:1s;
  266. }
  267. #cred {
  268. position:fixed;
  269. font-size:8px;
  270. font-weight:normal;
  271. line-height:150%;
  272. letter-spacing:2px;
  273. right:10px;
  274. bottom:10px;
  275. text-transform:uppercase;
  276. text-align:center;
  277. }
  278.  
  279. #cred a {
  280. padding:3px;
  281. color:{color:bg};
  282. background-color:{color:link};
  283. -moz-transition-duration:0.5s;
  284. -webkit-transition-duration:0.5s;
  285. -o-transition-duration:0.5s;
  286. }
  287.  
  288. {CustomCSS}</style>
  289. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  290. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  291. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  292. <script>
  293. (function($){
  294. $(document).ready(function(){
  295. $("[title]").style_my_tooltips();
  296. });
  297. })(jQuery);
  298. </script>
  299. </head>
  300. <body>
  301.  
  302. <div id="sidebar">
  303.  
  304. <div class="links">
  305. {block:IfLinkA}
  306. <a href="{text:linkA url}" title="{text:linkA}">.01</a>
  307. {/block:IfLinkA}
  308. {block:IfLinkB}
  309. <a href="{text:linkB url}" title="{text:linkB}">.02</a>
  310. {/block:IfLinkB}
  311. {block:IfLinkC}
  312. <a href="{text:linkC url}" title="{text:linkC}">.03</a>
  313. {/block:IfLinkC}
  314. {block:IfLinkD}
  315. <a href="{text:linkD url}" title="{text:linkD}">.04</a>
  316. {/block:IfLinkD}
  317. </div>
  318. <div class="description">
  319. {description}
  320. </div>
  321. </div>
  322. {block:indexpage}<div class="title">{title}</div>{/block:indexpage}
  323. <br>
  324. <div id="cent">
  325.  
  326. {block:Posts}
  327.  
  328. <div id="post">
  329.  
  330. {block:Title}{Title}{/block:Title}
  331.  
  332. {block:Text}{Body}{block:indexpage}
  333. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}{/block:Text}
  334.  
  335. {block:Photo}
  336. {block:indexpage}<a href="{ReblogURL}"><img src="{PhotoURL-250}" width="200" title="{NoteCount} notes" /></a>{/block:indexpage}
  337. {/block:Photo}
  338.  
  339. {block:Photoset}
  340. <div style="width:200px">{Photoset-250}</div>
  341. {/block:Photoset}
  342.  
  343.  
  344. {block:Quote}
  345. {Quote}
  346. <div align="right">
  347. {block:Source}-{Source}{/block:Source}
  348. </div>{block:indexpage}<br>
  349. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}
  350. {/block:Quote}
  351.  
  352.  
  353. {block:Video}
  354. {Video-250}<br>
  355. {PlayCountWithLabel}
  356. {block:indexpage}<br>
  357. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}
  358. {/block:Video}
  359.  
  360.  
  361. {block:Link}
  362. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  363. {block:Description}{Description}{/block:Description}
  364. {block:indexpage}
  365. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}
  366. {/block:Link}
  367.  
  368. {block:Chat}
  369. {block:Lines}
  370. {block:Label}
  371. <br>{Label}
  372. {/block:Label}
  373. &nbsp;{Line}
  374. {/block:Lines}
  375. {block:indexpage}<br>
  376. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}
  377. {/block:Chat}
  378.  
  379. {block:Audio}
  380. {AudioPlayerWhite}
  381. <br><div align="right">{block:TrackName}
  382. Song: {TrackName}</div>
  383. {/block:TrackName}<br>
  384. {block:Caption}{Caption}{/block:Caption}
  385. {block:indexpage}
  386. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}
  387. {/block:Audio}
  388.  
  389.  
  390. {block:Answer}
  391. {Asker} asked: <i>{Question}</i><Br>
  392. {Answer}
  393. {block:indexpage}
  394. <center><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}">reblog</a></center>{/block:indexpage}
  395. {/block:Answer}
  396.  
  397. {block:PermalinkPage}
  398. {block:Caption}
  399. {Caption}
  400. {/block:Caption}
  401. <br>
  402. {block:NoteCount}
  403. {NoteCount} notes
  404. {/block:NoteCount}
  405. <Br>
  406. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  407. {/block:PermalinkPage}
  408. </div>
  409.  
  410. {/block:Posts}
  411.  
  412. </div>
  413. {block:Pagination}
  414. <div class="pagination">
  415. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  416. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  417. </div>
  418. {/block:Pagination}
  419. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  420. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  421. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  422.  
  423.  
  424. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  425. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  426.  
  427. <!--Code for infinite scroll and grid layout-->
  428. <script>
  429. (function() {
  430. var $tumblelog = $('#cent');
  431.  
  432. $tumblelog.infinitescroll({
  433. navSelector : ".pagination",
  434. nextSelector : ".pagination a:first",
  435. itemSelector : "#post",
  436. bufferPx : 10,
  437. done : "",
  438. loading: {
  439. img : "",
  440. msgText: ""
  441. },
  442. },
  443. function( newElements ) {
  444. var $newElems = $( newElements ).css({ opacity: 0 });
  445. $newElems.imagesLoaded(function(){
  446. $newElems.animate({ opacity: 1 });
  447. $tumblelog.masonry( 'appended', $newElems);
  448. });
  449. }
  450. );
  451.  
  452. $tumblelog.imagesLoaded( function(){
  453. $tumblelog.masonry({
  454. columnWidth: function( containerWidth ) {
  455. return containerWidth / 500;
  456. }
  457. });
  458. });
  459. })();
  460. </script>
  461.  
  462. <!---plz don't be a butt and remove this ok--->
  463. <div id="cred"><a href="http://astraliesthemes.tumblr.com/" title="credit">A.</a></div>
  464. </body>
  465. </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!