API tools faq
paste
Advertisement
tobemarissa

TBM Theme 23: Jennifer's Body (Halloween #4)

tobemarissa
Oct 15th, 2013
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.07 KB | None | 0 0
raw download clone embed print report
  1. <!---LEAVE THE CREDIT! If you absolutely must move the credit from where it is now, I expect it to still be easily seen or accessed. You may edit as you will. ALSO, take in mind the options allow for use after Halloween too. If you have any questions, feel free to ask. Stay safe and have a Happy Halloween!--->
  2.  
  3.  
  4. <html lang="en">
  5. <head>
  6.  
  7. <!--Default variables!!-->
  8.  
  9. <meta name="color:background" content="#000000" />
  10. <meta name="color:text" content="#7e7c7c" />
  11. <meta name="color:title" content="#383838" />
  12. <meta name="color:link" content="#e0dfda" />
  13. <meta name="image:background" content=""/>
  14. <meta name="image:sidebar" content=""/>
  15. <meta name="if:bloodsplatter" content="" />
  16.  
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  19.  
  20. <script type="text/javascript">
  21. WebFontConfig = {
  22. google: { families: [ 'Cedarville+Cursive::latin' ] }
  23. };
  24. (function() {
  25. var wf = document.createElement('script');
  26. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  27. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  28. wf.type = 'text/javascript';
  29. wf.async = 'true';
  30. var s = document.getElementsByTagName('script')[0];
  31. s.parentNode.insertBefore(wf, s);
  32. })(); </script>
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  36.  
  37. <script type="text/javascript">
  38. WebFontConfig = {
  39. google: { families: [ 'Raleway:100:latin' ] }
  40. };
  41. (function() {
  42. var wf = document.createElement('script');
  43. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  44. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  45. wf.type = 'text/javascript';
  46. wf.async = 'true';
  47. var s = document.getElementsByTagName('script')[0];
  48. s.parentNode.insertBefore(wf, s);
  49. })(); </script>
  50.  
  51. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52.  
  53. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  54.  
  55. <style type="text/css">
  56.  
  57. @import url(http://fonts.googleapis.com/css?family=Cedarville+Cursive);
  58.  
  59. @import url(http://fonts.googleapis.com/css?family=Raleway:100);
  60.  
  61. @font-face {font-family:"Nouveau Regula";src:url('fontspace.com/NOUVEAU_.TTF'); }
  62.  
  63.  
  64. @font-face{font-family:"Haymaker";src:url('http://static.tumblr.com/9wzbixa/OYnmj2ji0/haymaker.ttf');}
  65.  
  66. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  67.  
  68. @font-face { font-family: "ronda"; src: url'http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  69.  
  70. @font-face {font-family:"Bebas Neue";src:url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');}
  71. body {
  72. margin:0px;
  73. background-color: {color:background};
  74. background-image:url({image:background});
  75. background-attachment: fixed;
  76. background-position: center;
  77. background-repeat: repeat;}
  78. body, div, p, textarea, submit, input{
  79. font-family: "silkscreen";
  80.  
  81. font-size: 8px;
  82. color:{color:text};
  83. line-height:10px;
  84. letter-spacing:0px;
  85.  
  86. }
  87.  
  88. ::-webkit-scrollbar {width:10px;height:auto;background-color:#ffffff;border:0px dashed #967B69;border-bottom:none;}
  89. ::-webkit-scrollbar-corner { background:#D3C1B1;border:0px dashed #D3C1B1;border-bottom:none;}
  90. ::-webkit-scrollbar-button:vertical {height:2px;display:block;}
  91. ::-webkit-scrollbar-thumb:vertical {background:#D3C1B1;}
  92. ::-webkit-scrollbar:vertical {border:0px dashed #D3C1B1;}
  93.  
  94. p {
  95. margin:0px;
  96. margin-top:6px;}
  97.  
  98. a:link, a:active, a:visited{
  99. color: {color:link};
  100. text-decoration: none;}
  101.  
  102. a:hover {
  103. color:{color:text};
  104. text-decoration: none;
  105. brder-bottom:1px dashed {color:borders};}
  106.  
  107. #postnotes{
  108. text-align: justify;}
  109. #postnotes blockquote{}
  110.  
  111. div#title{
  112. font-family:'Haymaker';
  113. margin-top:160px;
  114. margin-left:100px;
  115. font-size:25px;
  116. position:fixed;
  117. color:{color:title};
  118. text-shadow: 3px 3px 3px;
  119. width:250px;
  120. }
  121.  
  122. div#fangs{
  123. left:10px;
  124. top:30px;
  125. position:fixed;
  126. }
  127.  
  128. div#fangs2{
  129. left:1105px;
  130. top:450px;
  131. position:fixed;
  132. }
  133.  
  134. div#sidebar{
  135. position: fixed;
  136. width:250px;
  137. margin-left:100px;
  138. height:325px;
  139. line-height:10px;
  140. margin-bottom:0px;
  141. padding-left: 4px;
  142. padding-right: 4px;
  143. padding-top: 4px;
  144. padding-bottom: 4px;
  145. float:left;
  146. margin-right: 530px;
  147. margin-top:190px;
  148. border: 1px #eee;
  149. font-family: "ronda";
  150. }
  151.  
  152.  
  153. #sidepic {
  154. width: 250px; /*change this to the width of your sidebar*/
  155. height:325px;
  156. }
  157.  
  158. #sidepic .desc{
  159. font-size:12px;
  160. font-family: "Bebas Neue";
  161. line-height:11px;
  162. opacity:0;
  163. padding:0px;
  164. padding-top:100px;
  165. width:250px; /*width of the image*/
  166. height:225px; /*height of the image*/
  167. position: absolute;
  168. text-align:left;
  169. background-color:#ffffff;
  170. color:black;
  171. overflow:auto;
  172. -webkit-transition: opacity 0.5s linear;
  173. -webkit-transition: all 0.5s linear;
  174. -moz-transition: all 0.5s linear;
  175. transition: all 0.5s linear;
  176. }
  177.  
  178. #sidepic:hover .desc{
  179. opacity:0.6;
  180. margin-left:0px;
  181. transition: all 0.5s linear;
  182. -webkit-transition: opacity 0.5s linear;
  183. -webkit-transition: all 0.5s linear;
  184. -moz-transition: all 0.5s linear;
  185. }
  186.  
  187. #info2 {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size:9px; text-align:left; padding: 5px; font color:{color:font};}
  188.  
  189. #source2 {text-align:left; display:block; margin:-2px -4px 2px -5px; padding:2px; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; text-transform:uppercase; font-size:9px; opacity:0.8; letter-spacing:0px; font color:{color:font};}
  190.  
  191. #border {margin-top:7px; border-top: 1px dashed {color:border};}
  192.  
  193.  
  194.  
  195. div#center{
  196. padding-top: 0px;
  197. width:1070px;
  198. overflow:hidden;
  199. margin:auto;
  200. position:relative;
  201. top: 0px;}
  202.  
  203. div#links{
  204. margin-top:300px;
  205. width:250px;
  206. position:absolute;
  207. }
  208.  
  209. div#fangtop{
  210. margin-left:-20px;
  211. top:40px;
  212. z-index:1;
  213. position:fixed;
  214. }
  215.  
  216.  
  217.  
  218. div#center2{
  219. width:500px;
  220. padding:1px;
  221. float:left;
  222. margin-top:25px;
  223. margin-left:453px;
  224. padding: 0px;
  225. background: #trans;}
  226.  
  227.  
  228.  
  229.  
  230. div#entry{
  231. overflow:hidden;
  232. float:left;
  233. width:500px;
  234. padding:5px;
  235. margin-top: 0px;
  236. background-color:{color:background};
  237. }
  238.  
  239. #questions {background-color: {color:questionsbg}; color: {color:text}; padding:7px; margin-top: 1px; margin-bottom:5px; font-family:georgia; font-size:10px; text-transform:lowercase; text-align:center}
  240. #questions a {color:{color:text}}
  241.  
  242. #tbar {background-color:transparent; width:75px; height:110%; margin-left:350px; margin-top:280px; position:fixed; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:3px}
  243.  
  244. #tlinks a {width:48px; padding:10px 1px; display:block; color: #000000; background-color: #ccc; font-family:consolas; font-size:10px; text-transform: lowercase; text-decoration: none; letter-spacing: 1px; margin-top:-4px; margin-bottom:-3px}
  245.  
  246. #tlinks a:hover {color: {color:hoverlink}; text-transform: uppercase;}
  247.  
  248.  
  249.  
  250. div#permalinkblock{
  251. display: block;
  252. font-family: {font:body};
  253. padding:1px;
  254. margin-bottom: 3px;
  255. width: 500px;
  256. height: 10px;
  257. background-color: {color:notesblock};
  258. background-image:url();
  259. text-align: center;
  260. letter-spacing:0px;
  261. text-transform:uppercase;
  262. font-size: 5.5pt;
  263. font-weight: bold;
  264. letter-spacing: 1px;}
  265.  
  266.  
  267. #audiostats {display:block; height:auto; position:relative; min-height:80px;}
  268.  
  269. .audioentry {width:490px; background-color:#ffffff; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
  270.  
  271. .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)}
  272.  
  273. .audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
  274.  
  275.  
  276.  
  277.  
  278.  
  279. blockquote{
  280. padding:0px 0px 2px 5px;
  281. margin:0px 0px 2px 1px;
  282. border-left: 1px dotted #555555;
  283. }
  284.  
  285. blockquote p, ul{
  286. margin:0px;
  287. padding:0px;
  288. }
  289.  
  290.  
  291. a img{border: 0px;}
  292.  
  293. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  294.  
  295. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  296. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  297.  
  298. .notes img{width:10px; position:relative; top:3px;}
  299.  
  300. .permalink{
  301. display: block;
  302. font-size: 10px;
  303. text-align: right;
  304. text-decoration: none;
  305. }
  306.  
  307. div.navigate a{
  308. font-family: 'Raleway', cursive;
  309. background: {color:navback}; color: {color:navigation}; letter-spacing: 0px; display:block; padding:0px 0;
  310. padding-bottom:0px;
  311. border: 0px solid #000000;
  312. height:12px;
  313. width: 250px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1;
  314. }
  315.  
  316. div.navigate a:hover{
  317. font-weight: underline; letter-spacing: 1px; text-transform:uppercase; font-family: 'Raleway', cursive; background: #707070; color: #ffffff;
  318. }
  319.  
  320. </style>
  321.  
  322. <link rel="shortcut icon" href="http://www.u.arizona.edu/~patricia/cute-collection/halloween/trick6.gif">
  323. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  324. <meta name="viewport" content="width=820" />
  325.  
  326. </head>
  327.  
  328. <body>
  329.  
  330. <div id="center">
  331.  
  332. {block:IfBloodSplatter}
  333.  
  334. <div id="fangs"><img src="http://images2.layoutsparks.com/1/131945/animated-zombies-red-spots.gif" width=300px;></div>{/block:IfBloodSplatter}
  335.  
  336. {block:IfBloodSplatter}
  337. <div id="fangs2"><img src="http://images2.layoutsparks.com/1/131945/animated-zombies-red-spots.gif" width=300px;></div>
  338. {/block:IfBloodSplatter}
  339.  
  340.  
  341.  
  342. <div id="title"><center>{Title}</center></div>
  343.  
  344. <div id="tbar">
  345.  
  346. <div align="center" id="tlinks">
  347. <a href="/">home</a><br />
  348. <a href="/ask">ask</a><br />
  349. <a href="/archive">archive</a><br />{/block:ifLink2}
  350. <a href="http://tobemarissa.tumblr.com/tagged/themes">theme</a></div></div>
  351.  
  352.  
  353. <div id="sidebar">
  354. <div id="sidepic">
  355.  
  356. <div class="desc">
  357. <center>{description}</center>
  358. <br><center><img src="http://2.bp.blogspot.com/-B4FiGwlF22o/Tjxqu1Wu2DI/AAAAAAAAB18/2QEh8hr_fsM/s1600/vampire+fangs+clip+art+2.png" width=50px; ></center>
  359. </div>
  360.  
  361. <img src="{image:sidebar}" width="250" height="325">
  362.  
  363.  
  364. </div>
  365.  
  366.  
  367.  
  368.  
  369. <BR><BR>
  370. <center><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></center>
  371. </div>
  372.  
  373. <div id="center2">
  374. {block:Posts}
  375.  
  376. <div id="entry">
  377.  
  378.  
  379.  
  380. {block:Text}
  381. {block:Title}<span class="title">{Title}</span>{/block:Title}
  382. <span class="entrytext">{Body}</span></a>
  383. {/block:Text}
  384.  
  385. {block:Link}
  386. <a href="{URL}" class="title">{Name}</a>
  387. {block:Description}{Description}{/block:Description}
  388. {/block:Link}
  389.  
  390. {block:Photo}
  391. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}
  392. <div id="permalink"></div>
  393. {/block:Photo}
  394.  
  395. {block:Photoset}
  396. {Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  397.  
  398.  
  399. {block:Quote}
  400. <span class="title">{Quote}</span>
  401. {/block:Quote}
  402.  
  403. {block:Chat}
  404. {block:Title}<span class="title">{Title}</span>{/block:Title}
  405. <ul class="chat">
  406. {block:Lines}
  407. <li class="user_{UserNumber}">
  408. {block:Label}
  409. <span class="label">{Label}</span>
  410. {/block:Label}
  411.  
  412. {Line}
  413. </li>
  414. {/block:Lines}
  415. </ul>
  416. {/block:Chat}
  417.  
  418. {block:Audio}
  419. <div id="audiostats">
  420. <div class="audioentry">
  421.  
  422. <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;" />
  423.  
  424. {block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
  425.  
  426. <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  427.  
  428. <div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
  429. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  430. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  431. {FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
  432. </div>
  433. {/block:Audio}
  434.  
  435. {block:Video}
  436. <center>
  437. <div class="video2">{Video-500}</div><BR>
  438. {block:Caption}{Caption}</a>{/block:Caption}</center>
  439. {/block:Video}
  440.  
  441. {block:Answer}<div id="questions">{asker} asked: {Question}<br /></div>
  442. {Answer}{/block:answer}
  443.  
  444.  
  445. {block:PostNotes}
  446. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  447. <div id="postnotes">{PostNotes}</div>
  448.  
  449. {/block:PostNotes}
  450.  
  451. <div id="border"></div>
  452. <div id="info2">
  453. <div id="source2">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">via</a>/{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} • <a href="{ReblogURL}">Reblog</a><br>{block:HasTags}{block:Tags}#<a href="/tagged/{tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div><br />
  454.  
  455.  
  456. {/block:Posts}
  457. </div></div>
  458. </body>
  459. </div>
  460.  
  461. </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!