API tools faq
paste
Advertisement
tobemarissa

TBM Holiday Theme: Merry

tobemarissa
Dec 10th, 2013
773
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.93 KB | None | 0 0
raw download clone embed print report
  1. <!---DO NOT REMOVE CREDIT!! I WILL REPORT YOU! I WORK VERY HARD ON THESE THEMES SO PLEASE LEAVE IT THERE. IF YOU HAVE ANY QUESTIONS, FEEL FREE TO ASK! ENJOY THE THEME :) !--->
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <meta name="color:links" content="#626d77" />
  8. <meta name="color:linkshover" content="#868484" />
  9. <meta name="color:navigation" content="#ff7578" />
  10. <meta name="image:background" content="http://i43.tinypic.com/ztjg8z.png"
  11. />
  12. <meta name="text:link1url" content="" />
  13. <meta name="if:snowfall" content=""/>
  14.  
  15.  
  16.  
  17. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6acH82q1qfamg6.gif">
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <title>{Title}</title>
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. @font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');}
  29.  
  30. @font-face {font-family:"little days"; src: url('http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf');} }
  31.  
  32. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  33.  
  34. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  35.  
  36. @font-face{font-family:"Jane Austen";src:url('http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf');}
  37.  
  38. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  39.  
  40. /*GENERAL*/
  41.  
  42. body{
  43. background-image:url('{image:background}');
  44. background:#ffffff;
  45. background-attachment: fixed;
  46. font-family:"littlefont";
  47. font-size:8px;
  48. }
  49.  
  50. a:link, a:active, a:visited{
  51. color: {color:links};
  52. text-decoration: none;}
  53.  
  54. a:hover {
  55. color:{color:linkshover};
  56. text-decoration: none;}
  57.  
  58. b, strong{
  59. letter-spacing: 1px;
  60. color: #b1b1b1;
  61. text-transform: none;
  62. text-shadow: 1px 1px 2px #e1dad4;
  63. text-decoration: none;
  64. font-weight: normal;
  65. }
  66.  
  67.  
  68. /*SIDEBAR*/
  69.  
  70. div#sidebar{
  71. margin-left:130px;
  72. width:200px;
  73. height:auto;
  74. background:white;
  75. margin-top:320px;
  76. font-family:"littlefont";
  77. font-size:8px;
  78. text-transform: uppercase;
  79. padding:5px;
  80. text-align:center;
  81. position:fixed;
  82. border:1px solid #ddd;
  83.  
  84. }
  85.  
  86. div#title{
  87. margin-left:135px;
  88. width:200px;
  89. text-align:center;
  90. font-size:40px;
  91. position:fixed;
  92. margin-top:250px;
  93. background:transparent;
  94. font-family:"little days";
  95. z-index:1;
  96. color:#cccccc;
  97.  
  98. }
  99.  
  100.  
  101. /*POSTS*/
  102.  
  103. div#posts{
  104. margin-left: 440px;
  105. margin-top:5px;
  106. width:900px;
  107. height:110%;
  108. background: transparent;
  109.  
  110. }
  111.  
  112. .entry {
  113. margin:7px;
  114. padding:5px;
  115. float:left;
  116. {block:ifroundcorners}
  117. border-radius:5px;
  118. {/block:ifroundcorners}
  119. background-color: white;
  120. border:1px solid #ddd;
  121. {block:IndexPage}
  122. width:300px;
  123. {/block:IndexPage}
  124. {block:PermalinkPage}
  125. width:500px;
  126. line-height:14px;
  127. padding:3px;
  128. padding-bottom:1px;
  129. margin-left: 298px;
  130. {/block:PermalinkPage}
  131. }
  132.  
  133. #audiostats {display:block; height:auto; position:relative; min-height:80px;}
  134.  
  135. .audioentry {width:245px; background-color:#ffffff; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
  136.  
  137. .audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .5; filter:alpha(opacity=50)}
  138.  
  139. .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
  140.  
  141. .perms {
  142. border-bottom: 1px solid {color:border};
  143. color:#777;
  144. font-size:8px;
  145. opacity: 0;
  146. -webkit-transition-duration: .75s;top:0px;
  147. width:300px;
  148. height:22px;
  149. padding-bottom:4px;
  150. background-color: #fff;
  151. position: absolute;
  152. margin-top:6px;
  153. text-align:center;
  154. text-transform:uppercase;
  155. font-family:consolas;
  156. letter-spacing:1px;
  157. display:block;
  158. }
  159.  
  160. .entry:hover .perms {
  161. opacity:0.9;
  162. z-index:999999;
  163. padding-top:4px;}
  164.  
  165. .permalinktext{
  166. text-align:center;
  167. text-transform:uppercase;
  168. }
  169.  
  170.  
  171.  
  172. /*NAVIGATION*/
  173.  
  174. div#navi{
  175. margin-top:300px;
  176. margin-left:130px;
  177. width:212px;
  178. color: #fff;
  179. background:{color:navigation};
  180. font-size:10px;
  181. text-align:center;
  182. letter-spacing: 50px;
  183. border-top:1px dotted #000;
  184. position:fixed;
  185. }
  186.  
  187. /*EXTRAS*/
  188.  
  189. div#lights{
  190. position:fixed;
  191. top:0px;
  192. left:0px;
  193. width:1600px;
  194. height:100px;
  195. z-index: 1;
  196. background-image:url('http://i917.photobucket.com/albums/ad12/xguyswithguitarsx/lights_zps26ca7860.png');
  197. background-attachment: repeat;
  198. }
  199.  
  200.  
  201.  
  202. </style>
  203.  
  204.  
  205.  
  206. </head>
  207.  
  208. <body>
  209.  
  210. {block:IfSnowFall}
  211. <script type="text/javascript" src="http://yourjavascript.com/65112128311/snowstorm.js"></script>
  212. <script>
  213. snowStorm.flakesMaxActive = 890;
  214. snowStick = 1;
  215. snowStorm.followMouse = false;
  216. snowStorm.snowStick = false;
  217. snowStorm.animationInterval = 35;
  218. snowStorm.flakesMax = 250;
  219. snowStorm.vMaxX = 5;
  220. snowStorm.vMaxY = 5;
  221. </script>
  222. {/block:IfSnowFall}
  223.  
  224. <div id="lights">.</div>
  225.  
  226. <div id="title">{Title}</div>
  227.  
  228.  
  229. <div id="sidebar">{Description}</div>
  230.  
  231. <div id="navi"><a href="/"><img src="http://4.bp.blogspot.com/-hoonaLvLtGs/TpHz3U4b_xI/AAAAAAAABAM/-WNKaUATPHY/s1600/home.gif"></a>
  232.  
  233. <a href="/ask"><img src="http://1.bp.blogspot.com/-SkJy6HconeM/TpHz1kI1LDI/AAAAAAAAA_8/JFFVEZvYLjE/s1600/email.gif"></a>
  234.  
  235. <a href="{text:link1url}"><img src="http://2.bp.blogspot.com/-C7TWnlhmQew/TpHz4o7JyUI/AAAAAAAABAc/gsmm4afzPuQ/s1600/pasta.gif"></a>
  236.  
  237.  
  238. <a href="http://tobemarissa.tumblr.com"><img src="http://3.bp.blogspot.com/-JdDhiXxbcrI/TpHz0dH5_9I/AAAAAAAAA_w/NW1Yj8mp8dI/s1600/core.gif"></a>
  239.  
  240. </div>
  241.  
  242. <div id="posts">
  243.  
  244. {block:Posts}
  245. <div class="entry">
  246.  
  247.  
  248.  
  249.  
  250. {block:Text}
  251. <div class="text">
  252. <div style="text-transform:uppercase">{block:Title}
  253. <a href="{Permalink}">{Title}</a>
  254. {/block:Title}</div>
  255. {Body}
  256. {block:IndexPage}
  257. <div class="permalinktext">
  258. ......................................................................................................................................................
  259. posted on {shortmonth} {dayofmonth} • <a href="{permalink}">{notecountwithlabel}</a>
  260. </div>
  261. {/block:IndexPage}
  262.  
  263. </div>
  264. {/block:Text}
  265.  
  266.  
  267. {block:Link}
  268. <div class="text">
  269. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  270. {block:Description}
  271. <div class="description">{Description}</div>
  272. {/block:Description}
  273. {block:IndexPage}
  274. <div class="permalinktext">
  275. ......................................................................................................................................................
  276. posted on {shortmonth} {dayofmonth} • <a href="{permalink}">{notecountwithlabel}</a>
  277. </div>
  278. {/block:IndexPage}
  279. </div>{/block:Link}
  280.  
  281. {block:Photo}
  282. {block:IndexPage}<div class="perms">
  283. posted at on {DayOfWeek} <br> <a href="{permalink}">{notecountwithlabel}</a> ❅ <a href="{ReblogURL}" target="_blank">reblog</a>
  284. </div> {/block:IndexPage}
  285. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width=
  286. "300px"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  287. {block:ifshowcaption}{caption}{/block:ifshowcaption}
  288. {/block:Photo}
  289.  
  290. {block:Photoset}
  291. {block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div>
  292. {/block:IndexPage}
  293. {block:IndexPage}<center>{Photoset-300}</center>{/block:IndexPage}
  294. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  295. {/block:Photoset}
  296.  
  297.  
  298. {block:Quote}
  299. <div class="text">
  300. <div class="quote">&#10077;</div>
  301. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fafafa;border:1px dotted #eee; letter-spacing:1px;text-transform:uppercase; font-size:8px; font-family: consolas; border-radius:5px;">
  302. {Quote} </div>
  303. {block:Source}
  304. <div class="source"><div style="text-align:right; color:{color:link};padding-top:5px;"> • {Source}</div></div>
  305. {/block:Source}
  306. {block:IndexPage}
  307. <div class="permalinktext">
  308. ......................................................................................................................................................
  309. posted on {shortmonth} {dayofmonth} • <a href="{permalink}">{notecountwithlabel}</a>
  310. </div>
  311. {/block:IndexPage}
  312. </div>{/block:Quote}
  313. {block:Chat}
  314. <div class="text">
  315. {block:Title}
  316. <a href="{Permalink}">{Title}</a>
  317. {/block:Title}
  318. <ul class="chat">
  319. {block:Lines}
  320. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  321.  
  322. {Line} </li>
  323. {/block:Lines}
  324. </ul>
  325. {block:IndexPage}
  326. <div class="permalinktext">
  327. ......................................................................................................................................................
  328. posted on {shortmonth} {dayofmonth} • <a href="{permalink}">{notecountwithlabel}</a>
  329. </div>
  330. {/block:IndexPage}
  331. </div>{/block:Chat}
  332.  
  333.  
  334.  
  335. {block:Audio}
  336.  
  337. <div id="audiostats">
  338. <div class="audioentry">
  339.  
  340. <img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" />
  341.  
  342. {block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
  343.  
  344. <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  345.  
  346. <div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
  347. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  348. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  349. {FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
  350. </div>
  351. <div class="permalinktext">
  352. ......................................................................................................................................................
  353. posted on {shortmonth} {dayofmonth} • <a href="{permalink}">{notecountwithlabel}</a></span></div>
  354. {/block:IndexPage}
  355. {/block:Audio}
  356.  
  357. {block:Video}
  358. {block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div>
  359. <center>
  360. {block:IndexPage}
  361. {Video-300}
  362. {/block:IndexPage}
  363. </center>
  364. {block:PermalinkPage}
  365. <center>{Video-500}</center>
  366. {/block:PermalinkPage}
  367. {block:Video}
  368.  
  369. {block:Answer}
  370. <div style="padding:13px;text-align:left;">
  371. <strong><i>{asker}:</i> {question}</strong>
  372. <div class="caption" style="margin-top:3px;">
  373. {Answer}</div>
  374. {block:indexpage}
  375. <div align="right" style="padding-right:10px; padding-top:3px;padding-bottom:0px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  376. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  377. </a></div>{/block:indexpage}
  378. </div>
  379. {/block:Answer}
  380.  
  381. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  382.  
  383. {block:PermalinkPage}
  384. {block:caption}{caption}<br>{/block:caption}
  385. <center>{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date}
  386. {block:RebloggedFrom}<br><b>via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} | <b>source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  387. </center>
  388. {/block:PermalinkPage}
  389.  
  390. <div style="text-align:left;">
  391. {block:PostNotes}{PostNotes}
  392. {/block:PostNotes}</div>
  393. </div>
  394.  
  395.  
  396.  
  397. {/block:Posts}
  398. </div>
  399. </div>
  400. {block:IndexPage}<br>
  401. {block:Pagination}
  402. <div id="pagination">
  403. {block:NextPage}
  404. <a id="nextPage" href="{NextPage}"></a>
  405. {/block:NextPage}
  406. {block:PreviousPage}
  407. <a href="{PreviousPage}"></a>
  408. {/block:PreviousPage}
  409. </div>
  410. {/block:Pagination}
  411. {/block:IndexPage}
  412. </div>
  413. </body>
  414.  
  415. {block:indexpage}
  416. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  417. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  418. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  419. <script type="text/javascript">
  420. $(window).load(function(){
  421. var $wall = $('#posts');
  422. $wall.imagesLoaded(function(){
  423. $wall.masonry({
  424. itemSelector: '.entry, .entry_photo',
  425. isAnimated : false
  426. });
  427. });
  428.  
  429. $wall.infinitescroll({
  430. navSelector : '#page-nav',
  431. nextSelector : '#page-nav a',
  432. itemSelector : '.entry, .entry_photo',
  433. bufferPx : 2000,
  434. debug : false,
  435. errorCallback: function() {
  436. $('#infscr-loading').fadeOut('normal');
  437. }},
  438. function( newElements ) {
  439. var $newElems = $( newElements );
  440. $newElems.hide();
  441. $newElems.imagesLoaded(function(){
  442. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  443. });
  444. }); $('#content').show(500);
  445. });
  446. </script>
  447. {/block:indexpage}
  448.  
  449. <script type="text/javascript">
  450. $(function() {
  451. $("#topDivA").click(function(){
  452. var target = $("html");
  453. $('html, body').animate({
  454. scrollTop: target.offset().top
  455. }, 1000);
  456. });
  457.  
  458. });</script>
  459.  
  460.  
  461. </body>
  462.  
  463. <hmtl>
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!