Advertisement
rasperries

mcpoyles/crimical mix

Oct 27th, 2013
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.37 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head><script type="text/javascript">
  5. <!--
  6.  
  7. // Disable Right Click Script
  8.  
  9. function IE(e)
  10. {
  11. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  12. {
  13. return false;
  14. }
  15. }
  16. function NS(e)
  17. {
  18. if (document.layers || (document.getElementById && !document.all))
  19. {
  20. if (e.which == "2" || e.which == "3")
  21. {
  22. return false;
  23. }
  24. }
  25. }
  26. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  27.  
  28. //-->
  29. </script>
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}" />
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  33. <meta name="description" content="{MetaDescription}" />
  34.  
  35. <meta name="color:links" content=""/>
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="font:sidelinks" content="georgia" />
  38. <meta name="color:body" content="#747474" />
  39. <meta name="color:links" content="#A8A8A8" />
  40. <meta name="color:hover" content="#757575" />
  41.  
  42. <meta name="text:link1" content=""/>
  43. <meta name="text:link1url" content=""/>
  44. <meta name="text:link2" content=""/>
  45. <meta name="text:link2url" content=""/>
  46. <meta name="text:link3" content=""/>
  47. <meta name="text:link3url" content=""/>
  48. <meta name="text:link4" content=""/>
  49. <meta name="text:link4url" content=""/>
  50.  
  51. <meta name="image:audio bg" content="http://static.tumblr.com/1fe0fb2eb9179fdba195906aa5c7bc29/ygd3n2x/TPHmil7fo/tumblr_static_diagonal_striped_brick.png">
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed|Oranienbaum|Capriola' rel='stylesheet' type='text/css'>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:400,400italic|Playfair+Display:400,400italic|Lora:400,400italic|IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700,400italic' rel='stylesheet' type='text/css'>
  58.  
  59. <script type="text/javascript"
  60. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61.  
  62. <!-- CUSTOMIZABLE TOOLTIP -->
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  64.  
  65. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  66.  
  67. <script>
  68. $().ready(function() {
  69. $("[title]").style_my_tooltips({
  70. tip_follows_cursor: "on", //on/off
  71. tip_delay_time: 300 //milliseconds
  72. });
  73. });
  74. </script>
  75.  
  76. <!-- LAZY LOAD -->
  77. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  78. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  79. <script type="text/javascript" charset="utf-8">
  80. var $j = jQuery.noConflict();
  81. $j(function() {
  82. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  83. $j("img").lazyload({
  84. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  85. effect: "fadeIn",
  86. });
  87. });
  88. </script>
  89.  
  90. </head>
  91.  
  92. <style type="text/css">
  93.  
  94. ::-webkit-scrollbar-thumb:vertical{
  95. background-color:black;
  96. border-right:1px solid white;
  97. border-top:1px solid white;
  98. border-bottom:1px solid white;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:horizontal{
  102. background-color:black;
  103. border-bottom:1px solid white;
  104. border-right:1px solid white;
  105. border-left:1px solid white;
  106. }
  107.  
  108. ::-webkit-scrollbar{
  109. height:6px;
  110. width:6px;
  111. background-color:white;
  112. }
  113.  
  114. ::-moz-selection, ::selection{
  115. background-color:black;
  116. color:white;
  117. }
  118.  
  119. #s-m-t-tooltip{
  120. position:absolute;
  121. font-size:7px;
  122. letter-spacing:1px;
  123. text-transform:uppercase;
  124. z-index:5000;
  125. background-color:white;
  126. color:#202020;
  127. padding:5px 5px 4px 6px;
  128. border:1px solid #f2f2f2;
  129. }
  130.  
  131. body{cursor: url(http://i.imgur.com/ZOrzC.png), auto;color: {color:text}; background-color: {color:background}; background-image: url('{image:background}'); {block:ifFixedBackground}background-attachment: fixed; {/block:ifFixedBackground} {block:ifNoRepeatBackground}background-repeat:no-repeat; {/block:ifNoRepeatBackground} background-position:{text:Background Position}; font-family: calibri; font-size:{text:Body Font Size}; text-align: justify;
  132. background-color:white;
  133. font-family:arial;
  134. font-size:9px;
  135. letter-spacing:0px;
  136. color:#747474;
  137. text-align:justify;
  138. word-wrap:break-word;
  139. }
  140.  
  141. a, a:active, a:visited{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto; color: {color:link}; text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color: {color:link};
  142. text-decoration:none;
  143. -webkit-transition:0.5s ease-in;
  144. -moz-transition:0.5s ease-in;
  145. -o-transition:0.5s ease-in;
  146. transition:0.5s ease-in;
  147. color:{color:links};
  148. }
  149.  
  150. a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;color:{color:link hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; color:{color:link hover}; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  151. color:black;
  152. }
  153.  
  154. blockquote{
  155. margin-left:0px;
  156. border-left:1px solid #f2f2f2;
  157. padding-left:10px;
  158. width:95%;
  159. }
  160.  
  161. blockquote img{
  162. max-width:100%;
  163. }
  164.  
  165. small{font-size:9px;}
  166.  
  167. big{font-size:12px;}
  168.  
  169. ul li{list-style-type:square;}
  170.  
  171. u{text-decoration:none;padding-bottom:1px;border-bottom:1px solid black;}
  172.  
  173. #tumblr_controls{
  174. position:fixed !important;
  175. -webkit-filter:invert(1);
  176. }
  177.  
  178. /* sidebar */
  179.  
  180. #sidebar { padding:10px; width:190px; margin-left:250px;float:left; position:fixed;background-color:{color:sidebar}; top:50px; text-align:justify;}
  181.  
  182. .navlinks {
  183. color:#888888;
  184. padding:0px 5px 5px 5px;
  185. text-transform:lowercase;
  186. font-size:8px;
  187. background-color:{color:background}; }
  188.  
  189. .chat {
  190. border-bottom:0px solid #D5D5D5;
  191. padding:2px;}
  192.  
  193. #pagination {
  194. width:300px;
  195. font-size:8px;
  196. word-spacing:7px;
  197. text-align:center;
  198. margin-left:-55px;
  199. margin-top:5px;}
  200.  
  201. .jump_page {
  202. padding:3px;
  203. background-color:#ffffff;}
  204.  
  205. .current_page {
  206. padding:3px;
  207. background-color:#ffffff;
  208. color:#666666}
  209.  
  210. /* posts */
  211.  
  212. #container{
  213. width:500px;
  214. margin:60px 0px 60px 490px;
  215. }
  216.  
  217. h2{
  218. text-align:center;
  219. font-weight:lighter;
  220. text-transform:lowercase;
  221. font-family:helvetica !important;
  222. font-size:22px;
  223. letter-spacing:1px;
  224. margin:0px 0px 10px;
  225. }
  226.  
  227. h3{
  228. text-align:center;
  229. font-weight:normal;
  230. margin:0px 0px 75px;
  231. text-transform:uppercase;
  232. font-size:8px;
  233. letter-spacing:1px;
  234. }
  235.  
  236. .post{
  237. width:500px;
  238. background-color:white;
  239. border:0px solid black;
  240. {block:IndexPage}margin-bottom:110px;{/block:IndexPage}
  241. {block:PermalinkPage}margin-bottom:10px;{/block:PermalinkPage}
  242. }
  243.  
  244. .op{
  245. {block:IndexPage}opacity:1;{/block:IndexPage}
  246. -webkit-transition:0.5s ease-in;
  247. }
  248.  
  249. .op:hover{
  250. opacity:1;
  251. }
  252.  
  253. .post h1{
  254. text-align:center;
  255. margin:0px 0px 10px;
  256. font-size:20px;
  257. letter-spacing:-1px;
  258. font-style:italic;
  259. }
  260.  
  261. span.more{font-family:cambria !important;}
  262.  
  263. /* QUOTES */
  264.  
  265. .postquote{
  266. display:block;
  267. height:auto;
  268. padding-left:0px;
  269. padding-right:5px;
  270. width:95%;
  271. font-size:9px;
  272. letter-spacing:0px;
  273. margin:0px auto 20px;
  274. line-height:15px;
  275. text-align:justify;
  276. margin:0px auto 20px;
  277. line-height:15px;
  278. text-align:justify;
  279.  
  280. }
  281.  
  282. .quotesource{
  283. text-align:right;
  284. margin-top:-8px;
  285. }
  286.  
  287. .quotesource span{
  288. background-color:white;
  289. padding-left:10px;
  290. }
  291.  
  292. .quoteborder{
  293. border-bottom:1px solid #f2f2f2;
  294. }
  295.  
  296. /* AUDIO POSTS */
  297.  
  298. .audio {
  299. width:100%;
  300. background-color:{color:toplinkbackground};
  301. background-image: url('{image:audio bg}');
  302. background-attachment:repeat;
  303. }
  304.  
  305. .audioplayer{
  306. height:27px;
  307. width:5.25%;
  308. overflow:hidden;
  309. opacity: 1;
  310. }
  311.  
  312.  
  313. /* ASK */
  314.  
  315. .question{
  316. margin-bottom:10px;
  317. background-color:#f2f2f2;
  318. padding:20px;
  319. display:block;
  320. min-height:30px;
  321. }
  322.  
  323. .question img{
  324. float:left;
  325. border-right:20px solid transparent;
  326. border-bottom:5px solid transparent;
  327. display:none;
  328. }
  329.  
  330. .question .by{
  331. text-align:right;
  332. letter-spacing:2px;
  333. text-transform:uppercase;
  334. font-style:italic;
  335. margin-top:15px;
  336. font-size:8px;
  337. }
  338.  
  339. /* POST INFO */
  340.  
  341. .postinfo{
  342. width:150px;
  343. margin-left:520px;
  344. position:absolute;
  345. padding:2px 10px 2px 7px;
  346. text-transform:lowercase;
  347. font-family:;
  348. font-size:7px;
  349. letter-spacing:1px;
  350. opacity:0;
  351. font-family:helvetica;
  352. -webkit-transition:0.5s ease-in;
  353. -moz-transition:0.5s ease-in;
  354. -o-transition:0.5s ease-in;
  355. transition:0.5s ease-in;
  356. }
  357.  
  358. .post:hover .postinfo{
  359. opacity:1;
  360. }
  361.  
  362. .postinfo a.info, a:visited.info, a:active.info{
  363. color:#747474;
  364. }
  365.  
  366. .permainfo{
  367. text-align:right;
  368. margin-top:30px;
  369. border-top:1px solid #f2f2f2;
  370. padding-top:10px;
  371. text-transform:lowercase;
  372. font-family:;
  373. font-size:7px;
  374. letter-spacing:1px;
  375. line-height:10px;
  376. margin-bottom:60px;
  377. font-family:helvetica;
  378. }
  379.  
  380. .tags{
  381. margin-top:5px;
  382. {block:IndexPage}text-align:left;font-size:8px;{/block:IndexPage}
  383. {block:PermalinkPage}text-align:right;font-size:8px;text-transform:lowercase;letter-spacing:0px;{/block:PermalinkPage}
  384. }
  385.  
  386. .tags a.tags, a:visited.tags, a:active.tags{
  387. color:#747474;
  388. {block:IndexPage}display:block;margin:2px 0px 2px;{/block:IndexPage}
  389. {block:PermalinkPage}margin:0px 0px 0px 10px;{/block:PermalinkPage}
  390. }
  391.  
  392. .tags a:hover.tags{
  393. color:{color:links};
  394. }
  395.  
  396. ol.notes{list-style-type:none;width:500px;margin-left:-40px;font-family:cambria;font-size:8px;text-transform:lowercase;line-height:10px;}
  397. ol.notes li.note{padding:5px;width:490px;margin-bottom:7px;border-bottom:1px solid #f2f2f2;padding-bottom:10px;}
  398. ol.notes li.note img.avatar{height:15px;float:left;margin-top:-3px;}
  399. ol.notes li.note span.action{margin-left:10px;}
  400. ol.notes li.note blockquote{border-left:2px solid #202020;padding-left:5px;margin-left:35px;}
  401.  
  402. #theme{
  403. position:fixed;
  404. bottom:12px;
  405. right:12px;
  406. -webkit-border-radius:100px;
  407. padding:3px 5px 2px;
  408. text-transform:lowercase;
  409. -webkit-transition:0.6s ease-in;
  410. cursor:default;
  411. font-size:7px;
  412. color:white;
  413. }
  414.  
  415. #theme:hover{
  416. background-color:{color:white};
  417. color:white;
  418. }
  419.  
  420. </style>
  421. <body>
  422.  
  423. <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
  424. <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  425. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  426. {/block:ContentSource}</div>
  427.  
  428.  
  429. <div id="sidebar">
  430.  
  431.  
  432. {block:Description} {Description} {/block:Description}
  433. <BR> <BR>
  434.  
  435. <div class="barb" style="background-color:#f3f3f3;padding:5px;text-align:center;">
  436. <a href="/aboutme">about</a>&nbsp;&nbsp;&nbsp;
  437. <a href="/tagged/100songs">music</a>&nbsp;&nbsp;&nbsp;
  438. <a href="/books">books</a> &nbsp;&nbsp;&nbsp;
  439. <a href="/tv">tv</a> &nbsp;&nbsp;&nbsp;
  440. <a href="/films">films</a> &nbsp;&nbsp;&nbsp;
  441. <a href="/fic">fics</a>
  442. </div>
  443.  
  444. <div style="border-bottom:1px solid #dddddd;padding:10px;">
  445. <a href="/">Refresh</a><BR> </div>
  446. <div style="border-bottom:1px solid #dddddd;padding:10px;">
  447. <a href="/mine">Edits</a><BR> </div>
  448. <div style="border-bottom:1px solid #dddddd;padding:10px;">
  449. <a href="/ask">Ask</a><BR> </div>
  450. <BR>
  451. <div id=pagination>{block:Pagination}
  452. {block:PreviousPage}
  453. <a class="jump_page" href="{PreviousPage}">&larr;</a>
  454. {/block:PreviousPage}
  455.  
  456. {block:JumpPagination length="5"}
  457. {block:CurrentPage}
  458. <span class="current_page">{PageNumber}</span>
  459. {/block:CurrentPage}
  460.  
  461. {block:JumpPage}
  462. <a class="jump_page" href="{URL}">{PageNumber}</a>
  463. {/block:JumpPage}
  464. {/block:JumpPagination}
  465.  
  466. {block:NextPage}
  467. <a class="jump_page" href="{NextPage}">&rarr;</a>
  468. {/block:NextPage}
  469. {/block:Pagination}</div>
  470. </div>
  471.  
  472.  
  473.  
  474. </div></div>
  475.  
  476.  
  477. <div id="container">
  478.  
  479.  
  480. {block:TagPage}
  481. <h3>{block:Pagination}{TotalPages} pages of {/block:Pagination}posts tagged with <u>{Tag}</u></h3>
  482. {/block:TagPage}
  483.  
  484.  
  485.  
  486. {block:Posts}
  487.  
  488. <div class="post">
  489.  
  490.  
  491.  
  492.  
  493. {block:Date}{block:IndexPage}<div class="postinfo">
  494.  
  495. {block:HighRes}<div style="margin-bottom:5px"><a class="info" href="{PhotoURL-HighRes}">high-res</a></div>{/block:HighRes}
  496. <a class="info" href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount}&nbsp; ∙ &nbsp;{NoteCount}{/block:NoteCount}</a>
  497.  
  498. {block:HasTags}<div class="tags">{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  499.  
  500. </div>{/block:IndexPage}{/block:Date}
  501.  
  502.  
  503.  
  504. {block:Quote}
  505. <div class="postquote">{Quote}</div>
  506. {block:Source}<div class="quoteborder"> </div>
  507. <div class="quotesource"><span>{Source}</span></div>{/block:Source}
  508. {/block:Quote}
  509.  
  510. {block:Photo}
  511. <div class="op"><a href="{block:IndexPage}{Permalink}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"><img src="{PhotoURL-500}" /></a></div>
  512. {Caption}
  513. {/block:Photo}
  514.  
  515. {block:Photoset}
  516. <div class="op">{Photoset-500}</a></div>
  517. {Caption}
  518. {/block:Photoset}
  519.  
  520. {block:Link}
  521. <h2><a href="{url}">{name}</a></h2>{block:Description}{Description}{/block:Description}
  522. {/block:Link}
  523.  
  524. {block:Chat}
  525. {block:Title}<h2>{Title}</h2>{/block:Title}
  526. {block:Lines}<div style="margin-bottom:4px;">{block:Label}<span style=" font-family:helvetica; font-size:9px;"> {Label}</span>{/block:Label}&nbsp;&nbsp;{Line}<br></div>{/block:Lines}
  527. {/block:Chat}
  528.  
  529. <div style="margin-bottom: -5px;">{block:Audio}
  530. <center><div style="border-top:1px solid #eee;"></div>
  531. <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div><div style="border-top:1px solid #eee;"></div></center><br>{block:Caption}{Caption}{/block:Caption}
  532. {/block:Audio}</div>
  533.  
  534. {block:Text}
  535. {block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<a href="{Permalink}">More <span class="more">→</span></a>{/block:More}
  536. {/block:Text}
  537.  
  538. {block:Video}
  539. {Video-500}
  540. {Caption}
  541. {/block:Video}
  542.  
  543. {block:Answer}
  544. <div class="question">
  545. {Question}
  546. <div class="by">asked by {Asker}</div>
  547. </div>
  548.  
  549. {Answer}
  550. {/block:Answer}
  551.  
  552. </div>
  553.  
  554. {block:PermalinkPage}
  555.  
  556. {block:Date}<div class="permainfo">
  557.  
  558. {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}&nbsp; ∙ &nbsp;{12Hour}:{Minutes}{AmPm}{block:NoteCount}&nbsp; ∙ &nbsp;{NoteCountWithLabel}{/block:NoteCount}<br />
  559.  
  560. {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>&nbsp; ∙ &nbsp;from <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:ContentSource}&nbsp; ∙ &nbsp;<a title="{SourceTitle}" href="{SourceURL}">{block:NoSourceLogo}©{/block:NoSourceLogo}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" />{/block:SourceLogo}</a>{/block:ContentSource}
  561. {/block:RebloggedFrom}
  562.  
  563. {block:HasTags}<div class="tags">{block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  564.  
  565. </div>{/block:Date}
  566.  
  567. {block:PostNotes}{PostNotes}{/block:PostNotes}
  568. {/block:PermalinkPage}
  569.  
  570. {/block:Posts}
  571.  
  572.  
  573. </div>
  574.  
  575. <div id="theme"><script language="JavaScript">
  576. var ref = (''+document.referrer+'');
  577. var w_h = window.screen.width + " x " + window.screen.height;
  578. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3539933&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  579. </script></div></a>
  580.  
  581. </body>
  582. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement