API tools faq
paste
Advertisement
Guest User

For Breanna

a guest
Oct 31st, 2014
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.                        [ T H E M E  B Y ]
  9.  
  10.                               ○ ● ○
  11.          
  12.                        [ T O M K I R K ]
  13.                        
  14.                
  15.                
  16.                                        
  17.                                                                                                                   i find my zenith doth depend upon a most auspicious star, whose influence
  18. If now i court not but omit, my fortunes will ever after droop. - w. shakespeare         
  19. -->
  20. <html>
  21.  
  22. <title>ｏｂｓｃｕｒｅ;</title>
  23. <link rel="shortcut icon" href="http://static.tumblr.com/aact7gw/QnUndbqxg/grandloves.png
  24. ">
  25.  
  26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27. <html xmlns="http://www.w3.org/1999/xhtml">
  28. <head>
  29. <!--Default Variables-->
  30. <!--Colors-->
  31. <meta name="color:Ask Background" content="#000000"/>
  32. <meta name="color:Ask Text" content="#ffffff"/>
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Text" content="#000000"/>
  35. <meta name="color:Link" content="#000000"/>
  36. <meta name="color:Link Hover" content="#000000"/>
  37. <meta name="color:Link Background" content="#F347FC"/> 
  38. <meta name="color:Border" content="#000000"/> 
  39. <meta name="color:Perma" content="#000000"/>
  40. <meta name="color:Perma Text" content="#ffffff"/>
  41. <meta name="color:Tool Tip" content="#ffffff"/>
  42. <meta name="color:Tool Tip Text" content="#000000"/> 
  43.  
  44. <!--Images-->
  45. <meta name="image:Background" content=""/>   
  46.  
  47. <!--Options-->
  48. <meta name="if:White Paper" content="1"/>
  49. <meta name="if:250px" content="1"/>
  50. <meta name="if:Tiny Cursor" content=""/> 
  51. <meta name="if:Infinite Scrolling" content=""/>
  52. <meta name="if:Captions" content=""/>
  53. <meta name="if:Photo Zoom" content="1"/> 
  54. <meta name="if:Faded Images" content=""/>
  55. <meta name="if:Inverted Images" content=""/>
  56. <meta name="if:Lazy Load" content=""/> 
  57. <meta name="if:Animation" content="1"/> 
  58.  
  59. <!--Links-->
  60. <meta name="text:Link 1 URL" content="/"/>
  61. <meta name="text:Link 1 name" content=""/>
  62. <meta name="text:Link 2 URL" content="/"/>
  63. <meta name="text:Link 2 name" content=""/>
  64. <meta name="text:Link 3 URL" content="/"/>
  65. <meta name="text:Link 3 name" content=""/>
  66. <meta name="text:Link 4 URL" content="/"/>
  67. <meta name="text:Link 4 name" content=""/> 
  68. <meta name="text:Link 5 URL" content="/"/>
  69. <meta name="text:Link 5 name" content=""/> 
  70.  
  71. {block:Description}
  72. <meta name="description" content="{MetaDescription}" />{/block:Description}
  73. <title>
  74. {block:PostSummary}
  75. {PostSummary} - {/block:PostSummary}{Title}</title>
  76. </style>
  77.  
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:40,tip_fade_speed:150,attribute:"title"});});})(jQuery);</script>
  80.  
  81. <script type="text/javascript"
  82. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  83.  
  84. <script>
  85.  
  86.  
  87.  
  88. $(document).ready(function() {
  89.  
  90. //
  91.  
  92.  
  93.  
  94. //When you click on a link with class of poplight and the href starts with a # 
  95.  
  96. $('a.poplight[href^=#]').click(function() {
  97.  
  98.     var popID = $(this).attr('rel'); //Get Popup Name
  99.  
  100.     var popURL = $(this).attr('href'); //Get Popup href to define size
  101.  
  102.  
  103.  
  104.     //Pull Query & Variables from href URL
  105.  
  106.     var query= popURL.split('?');
  107.  
  108.     var dim= query[1].split('&');
  109.  
  110.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  111.  
  112.  
  113.  
  114.     //Fade in the Popup and add close button
  115.  
  116.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  117.  
  118.  
  119.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  120.  
  121.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  122.  
  123.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  124.  
  125.  
  126.  
  127.     //Apply Margin to Popup
  128.  
  129.     $('#' + popID).css({
  130.  
  131.         'margin-top' : -popMargTop,
  132.  
  133.         'margin-left' : -popMargLeft
  134.  
  135.     });
  136.  
  137.  
  138.  
  139.     //Fade in Background
  140.  
  141.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  142.  
  143.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 
  144.  
  145.  
  146.  
  147.     return false;
  148.  
  149. });
  150.  
  151.  
  152.  
  153. //Close Popups and Fade Layer
  154.  
  155. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  156.  
  157.     $('#fade , .popup_block').fadeOut(function() {
  158.  
  159.         $('#fade, a.close').remove();  //fade them both out
  160.  
  161.     });
  162.  
  163.     return false;
  164.  
  165. });
  166.  
  167.  
  168.  
  169.  
  170.  
  171. });
  172.  
  173. </script>
  174.  
  175.  
  176.  
  177.  
  178. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  179.  
  180. <script>
  181. $(function(){
  182. var $container = $('#posts');
  183. $container.imagesLoaded(function(){
  184. $container.masonry({
  185. itemSelector: '.content',
  186. });
  187. });
  188. $container.infinitescroll({
  189. itemSelector : ".content",
  190. navSelector : "div.pagination",
  191. nextSelector : ".pagination a#next",
  192. loadingImg : "",
  193. loadingText : "<em></em>",
  194. bufferPx : 10000,
  195. extraScrollPx: 12000,
  196. },
  197. // trigger Masonry as a callback
  198. function( newElements ) {
  199.   var $newElems = $( newElements ).css({ opacity: 0 });
  200. // ensure that images load before adding to masonry layout
  201. $newElems.imagesLoaded(function(){
  202. $newElems.animate({ opacity: 1 });
  203. $container.masonry( 'appended', $newElems, true );
  204. });
  205. }
  206. );
  207. });
  208. </script>
  209.  
  210. <style type="text/css">
  211.  
  212. ::-webkit-scrollbar {
  213. width:7px;
  214. height:7px;
  215. background-color: #fff;
  216. }
  217. ::-webkit-scrollbar-track {
  218. background-color: #fff;
  219. }
  220. ::-webkit-scrollbar-thumb {
  221. background-color: #000;
  222. border: 1px solid #fff;
  223. }
  224.  
  225. {block:ifInvertedImages}img{
  226. opacity: 1;
  227. filter:alpha(opacity=10);
  228. -moz-opacity: 0.1;
  229. -moz-transition: all .9s ease;
  230. -o-transition: all .9s ease;
  231. transition: all .9s ease;
  232. -webkit-transition: all .9s ease;}
  233. {/block:ifInvertedImages}
  234.  
  235.  
  236. {block:ifInvertedImages} img:hover{
  237. opacity: .8;
  238. filter:alpha(opacity=100);
  239. -moz-opacity: 1;
  240. -moz-transition: all .9s ease;
  241. -o-transition: all .9s ease;
  242. transition: all .9s ease;
  243. -webkit-transition: all .9s ease;}
  244. {/block:ifInvertedImages}
  245.  
  246. {block:ifFadedImages}img{
  247. opacity: .8;
  248. filter:alpha(opacity=10);
  249. -moz-opacity: 0.1;
  250. -moz-transition: all .9s ease;
  251. -o-transition: all .9s ease;
  252. transition: all .9s ease;
  253. -webkit-transition: all .9s ease;}
  254. {/block:ifFadedImages}
  255.  
  256.  
  257. {block:ifFadedImages} img:hover{
  258. opacity: 1;
  259. filter:alpha(opacity=100);
  260. -moz-opacity: 1;
  261. -moz-transition: all .9s ease;
  262. -o-transition: all .9s ease;
  263. transition: all .9s ease;
  264. -webkit-transition: all .9s ease;}
  265. {/block:ifFadedImages}
  266.  
  267. {block:ifInvertedImages}.photo {
  268. opacity: 1;
  269. filter:alpha(opacity=10);
  270. -moz-opacity: 0.1;
  271. -moz-transition: all .9s ease;
  272. -o-transition: all .9s ease;
  273. transition: all .9s ease;
  274. -webkit-transition: all .9s ease;}
  275. {/block:ifInvertedImages}
  276.  
  277.  
  278. {block:ifInvertedImages}.photo:hover{
  279. opacity: .8;
  280. filter:alpha(opacity=100);
  281. -moz-opacity: 1;
  282. -moz-transition: all .9s ease;
  283. -o-transition: all .9s ease;
  284. transition: all .9s ease;
  285. -webkit-transition: all .9s ease;}
  286. {/block:ifInvertedImages}
  287.  
  288. {block:ifFadedImages}.photo {
  289. opacity: .8;
  290. filter:alpha(opacity=10);
  291. -moz-opacity: 0.1;
  292. -moz-transition: all .9s ease;
  293. -o-transition: all .9s ease;
  294. transition: all .9s ease;
  295. -webkit-transition: all .9s ease;}
  296. {/block:ifFadedImages}
  297.  
  298.  
  299. {block:ifFadedImages}.photo:hover{
  300. opacity: 1;
  301. filter:alpha(opacity=100);
  302. -moz-opacity: 1;
  303. -moz-transition: all .9s ease;
  304. -o-transition: all .9s ease;
  305. transition: all .9s ease;
  306. -webkit-transition: all .9s ease;}
  307. {/block:ifFadedImages}
  308.  
  309. iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  310.  
  311. iframe#tumblr_controls:hover{opacity:1;} 
  312.  
  313. html, body, a, a:link {
  314.     {block:ifTinyCursor}
  315.     cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nb3e1jKNMm1rh7826.png),auto;
  316.     {/block:IfTinyCursor}
  317. }
  318.  
  319. body{background:{color:Background};background-image:url('{image:Background}');background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:arial;font-size:10px;line-height:10px;color:{color:Text};}
  320.  
  321. a {
  322. -webkit-transition: all 0.5s ease-in-out;
  323. -moz-transition: all 0.5s ease-in-out;
  324. -o-transition: all 0.5s ease-in-out;
  325. -ms-transition: all 0.5s ease-in-out;
  326. }
  327.  
  328. a:link, a:active, a:visited{color:{color:Link};text-decoration:none; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear; }
  329.  
  330. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nb3e1oTcM51rh7826.png),auto;{/block:IfTinyCursor}background:transparent; opacity: .5;} 
  331.  
  332. #s-m-t-tooltip {
  333. font-size:9px;
  334. letter-spacing:0px;
  335. max-width:140px;
  336. line-height:8px;
  337. padding:5px;
  338. margin:15px 10px 10px 15px;
  339. z-index:10;
  340. font-weight: bold;
  341. font-family: ms mincho;
  342. background: #000;
  343. color: #fff;
  344. text-transform:uppercase;
  345. border:4px double #fff;
  346. -webkit-transition: all 0.2s ease-out;
  347. -moz-transition: all 0.2s ease-out;
  348. transition: all 0.2s ease-out;
  349. z-index:999999999999999999;
  350. }
  351.  
  352. #container { 
  353.         position: absolute;
  354.         right: 200px;
  355.         {block:IndexPage}
  356.         {block:if250px}width:250px;{/block:if250px}
  357.         {block:ifNot250px}width:400px;{/block:ifNot250px}
  358.         {/block:IndexPage}
  359.         {block:PermalinkPage}width:250px;{/block:PermalinkPage}
  360. }
  361.  
  362. #content{ 
  363.         {block:if250px}width:250px;{/block:if250px}
  364.         {block:ifNot250px}width:400px;{/block:ifNot250px}
  365.         {block:PermalinkPage}width:250px;{/block:PermalinkPage}
  366. }
  367.  
  368.     small {
  369.         font-size: 10px;
  370.     }
  371.  
  372.     #entry{ 
  373.         margin:0 0 100px 40px;
  374.         text-align: justify;
  375.         {block:if250px}width:250px;{/block:if250px}
  376.         {block:ifNot250px}width:400px;{/block:ifNot250px}
  377.         {block:PermalinkPage}width:250px;{/block:PermalinkPage}
  378.         z-index:1; 
  379.         padding:15px 10px 10px 10px;
  380.         {block:ifWhitePaper}
  381.         {/block:ifWhitePaper}
  382.         {block:ifNotWhitePaper}
  383.         background:url(https://31.media.tumblr.com/ef58e337751a7b3e09dd1ffa7cc7d88a/tumblr_inline_nc6czp1fT51rh7826.png);
  384.         {/block:ifNotWhitePaper}
  385.         border:1px solid rgba(0,0,0,0.3);
  386.         box-shadow:rgba(0,0,0,0.07)7px 7px;
  387.         -webkit-border-bottom-right-radius: 6px;
  388.         -webkit-border-bottom-left-radius: 6px;
  389.         -moz-border-radius-bottomright: 6px;
  390.         -moz-border-radius-bottomleft: 6px;
  391.         border-bottom-right-radius: 6px;
  392.         border-bottom-left-radius: 6px;
  393.         border-top-left-radius: 6px;
  394.         border-top-right-radius: 6px;
  395.         {block:ifAnimation}
  396.         -webkit-animation:ent 5s;  
  397.         animation:ent 5s; 
  398.         {/block:ifAnimation}  
  399.             
  400.     }
  401.     
  402.     @-webkit-keyframes ent {
  403.     0%   {opacity:0;}
  404.     25%  {opacity:1;}  
  405.     }
  406.     
  407.     
  408.         #entry .sp{
  409.             height:14px; 
  410.             {block:if250px}width:270px;{/block:if250px}
  411.             {block:ifNot250px}width:420px;{/block:ifNot250px}
  412.             {block:PermalinkPage}width:250px;{/block:PermalinkPage}
  413.             margin:-24px 0 0 -10px;
  414.             overflow:hidden;
  415.             position:absolute;
  416.         }
  417.  
  418.     #entry img{max-width:100%;} 
  419.  
  420.     #pic a{padding:0 0 0 0;}
  421.     
  422.     #entry #pic{
  423.         overflow:hidden;
  424.         position:relative;
  425.     }
  426.    
  427.     #entry #pic img{
  428.         display:block;
  429.         -webkit-transition: all 0.5s ease-out;
  430.         -moz-transition: all 0.5s ease-out;
  431.         transition: all 0.5s ease-out;
  432.     }
  433.    
  434.     #entry:hover #pic img{
  435.         {block:ifPhotoZoom}
  436.         -webkit-transform: scale(1.10);
  437.         -moz-transform: scale(1.10);
  438.         -o-transform: scale(1.10);
  439.         transform: scale(1.10);
  440.         {/block:ifPhotoZoom}
  441.     }
  442.      
  443.     #entry #pset{
  444.         overflow:hidden;
  445.         display:block;
  446.         -webkit-transition: all 0.5s ease-out;
  447.         -moz-transition: all 0.5s ease-out;
  448.         transition: all 0.5s ease-out;
  449.     filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale");
  450. filter: gray; 
  451. -webkit-filter: grayscale(1);
  452. -webkit-transition: all 0.5s ease-in-out;
  453. -moz-transition: all 0.5s ease-in-out;
  454. -o-transition: all 0.5s ease-in-out;
  455. -ms-transition: all 0.5s ease-in-out;
  456. transition: all 0.5s ease-in-out;
  457. height: auto;
  458.     }
  459.  
  460.    
  461.     #entry:hover #pset{
  462.         {block:ifPhotoZoom}
  463.         -webkit-transform: scale(1.10);
  464.         -moz-transform: scale(1.10);
  465.         -o-transform: scale(1.10);
  466.         transform: scale(1.10);
  467.         {/block:ifPhotoZoom}
  468.     }
  469.  
  470.         #ask {
  471.             padding:10px;
  472.             background:{color:Ask Background};
  473.             color:{color:Ask Text};
  474.         }
  475.  
  476.         .asktri1{
  477.             margin:-6px 0 0 30px;
  478.             color:{color:Ask Background};
  479.             font-size:65px;
  480.             font-family:arial;
  481.         }
  482.  
  483.         .askername{
  484.             position:Absolute;
  485.             margin:-29px 0 0 39px;
  486.         }
  487.  
  488.         .askername a{
  489.             padding:0 0 0 0;
  490.             background:transparent;
  491.             color:{color:Ask Text};
  492.             border-bottom:2px solid {color:Ask Text};
  493.         } 
  494.  
  495.         .askerimg{
  496.             margin-bottom:8px;
  497.         }
  498.  
  499.         .askerimg img{
  500.             width:30px;
  501.             border-radius:30px;
  502.             -webkit-border-radius:30px;
  503.             -moz-border-radius:30px;
  504.         }
  505.  
  506.         #answer{
  507.             margin:10px 15px 20px 15px;
  508.         }
  509.  
  510.  
  511.         h1{
  512.             font-size:20px;
  513.             letter-spacing: -2px;
  514.             line-height:18px;
  515.             text-transform: lowercase;
  516.             margin:0 0 -5px 0;
  517.             font-family:ms mincho;
  518.         }
  519.         
  520.         h2{
  521.             font-size:20px;
  522.             line-height:18px;
  523.             letter-spacing: -2px;
  524.             margin:0 0 5px 0;
  525.             text-transform: lowercase;
  526.             font-family:ms mincho;
  527.         }
  528.         
  529.         .bt{
  530.             margin:0 0 0 0;
  531.         }
  532.         
  533.         .bt a{
  534.             font-size:20px; 
  535.             line-height:25px;
  536.             text-transform:lowercase;
  537.             letter-spacing:0px;
  538.             font-weight:bold;
  539.             font-family:ms mincho; 
  540.         } 
  541.         
  542.         img{
  543.     filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale");
  544. filter: gray; 
  545. -webkit-filter: grayscale(1);
  546. -webkit-transition: all 0.5s ease-in-out;
  547. -moz-transition: all 0.5s ease-in-out;
  548. -o-transition: all 0.5s ease-in-out;
  549. -ms-transition: all 0.5s ease-in-out;
  550. transition: all 0.5s ease-in-out;
  551. height: auto;
  552. }
  553.         
  554.         
  555.         blockquote{
  556.             padding-left:10px;
  557.             margin:0 0 0 15px;
  558.             border-left:2px solid {color:Link};
  559.         }
  560.  
  561.         p {
  562.             margin:10px 0 10px 0;
  563.         }
  564.  
  565.         .ol, ul {
  566.             margin-left:30px;
  567.             padding:5px;
  568.         }
  569.  
  570.         .ul {
  571.             list-style-type:square;
  572.         }
  573.  
  574.         .chat .line{
  575.             padding: 2px;
  576.         }
  577.  
  578.         .chat .line .odd{
  579.             padding:2px;
  580.             color:{color:Ask Text};
  581.             background:{color:Ask Background};
  582.         }
  583.  
  584.         .label {
  585.             font-weight:bold;
  586.         }
  587.  
  588.         .audioplayer{
  589.             padding:10px;
  590.             background:black;
  591.             opacity:.8;
  592.         }
  593.         
  594.         .audioinfo{
  595.             border-top:1px solid rgba(255,255,255,.8);
  596.             padding:10px;
  597.             background:black;
  598.             color:white;
  599.             opacity:.8;
  600.         }
  601.  
  602.         #entry #permalink{ 
  603.             position:relative;
  604.             margin:10px 0 0 0; 
  605.             opacity:1;
  606.             line-height: 20px;
  607.             /*belldom is real*/
  608.             -webkit-transition: all 0.7s linear;
  609.             -moz-transition: all 0.7s linear;
  610.             transition: all 0.7s linear;
  611.             z-index:1;
  612.         } 
  613.         
  614.         .com:last-child{display:none;}
  615.  
  616.         .notes img{
  617.             width:10px;
  618.             position:left;
  619.             margin:3px 5px 0 0; 
  620.             -webkit-border-radius:10px;
  621.             -moz-border-radius:10px;
  622.             border-radius:10px;
  623.         }
  624.  
  625.         .notes {
  626.             line-height:25px;
  627.         }
  628.         
  629.         .notes a{
  630.             border-bottom:0px;
  631.             background:transparent;
  632.         }
  633.  
  634.         #side{
  635.             position:fixed; 
  636.             width:135px;
  637.             margin:0px 0 0 -160px;
  638.             {block:ifAnimation}
  639.             -webkit-animation:si 5s;  
  640.             animation:so 5s; 
  641.             {/block:ifAnimation}  
  642.             z-index:1; 
  643.     }
  644.     
  645.     @-webkit-keyframes si {
  646.     0%   {opacity:0;}
  647.     25%  {opacity:1;}  
  648.     }
  649.     
  650.         .nte{
  651.             margin:0 0 30px 0;
  652.             padding:10px;
  653.             {block:ifWhitePaper}
  654.             background:url(https://31.media.tumblr.com/905e072082d7e170a96e198cf24af6d9/tumblr_inline_nc4ltqDhD21rh7826.png);
  655.             {/block:ifWhitePaper}
  656.             {block:ifNotWhitePaper}
  657.             background:url(https://31.media.tumblr.com/ef58e337751a7b3e09dd1ffa7cc7d88a/tumblr_inline_nc6czp1fT51rh7826.png);
  658.             {/block:ifNotWhitePaper}
  659.             border:1px solid rgba(0,0,0,0.3);
  660.             box-shadow:rgba(0,0,0,0.07)7px 7px;
  661.             -webkit-border-bottom-right-radius: 6px;
  662.             -webkit-border-bottom-left-radius: 6px;
  663.             -moz-border-radius-bottomright: 6px;
  664.             -moz-border-radius-bottomleft: 6px;
  665.             border-bottom-right-radius: 6px;
  666.             border-bottom-left-radius: 6px;
  667.         }
  668.     
  669.         .nte .spi{
  670.             height:14px;
  671.             width:134px;
  672.             margin:-19px 0 0 -10px;
  673.             overflow:hidden;
  674.             position:absolute;
  675.             background:url(https://31.media.tumblr.com/89d0a73dbfd39d6e6dfcd157efacf73a/tumblr_inline_nc4ltugMJI1rh7826.png);
  676.         }
  677.         
  678.         .nav{
  679.             line-height:20px;
  680.         }
  681.  
  682. #pgs{    
  683.     
  684. }
  685.  
  686. #pgs a{  
  687.     margin:0 1px 0 1px;
  688. }
  689.  
  690.  
  691. #music{
  692. top: 5px;
  693. left: 5px;
  694. overflow: hidden;
  695. position: fixed;
  696. height: 20px;
  697. width: 24px;
  698. z-index: 999;
  699. } 
  700.  
  701. #aboutmarci {
  702.     position: fixed;
  703.     bottom: 200px;
  704.     font-size:27px;
  705.     letter-spacing: -2px;
  706.     font-family:ms mincho;
  707.     z-index: 1;
  708.     line-height: 23px;
  709.     width: 150px;
  710.     right: 750px;
  711.     font-weight: bold;
  712.     text-transform: lowercase;
  713. }
  714.  
  715. #desc {
  716.     position: fixed;
  717.     bottom: 185px;
  718.     font-family: ms mincho;
  719.     font-size:12px;
  720.     line-height:10px;
  721.     right: 756px;
  722. }    
  723.  
  724.  
  725. #marci {
  726.     position: fixed;
  727.     bottom: 0px;
  728.     right: 420px;
  729.     z-index: -1;
  730. }
  731.  
  732. #marci img {
  733.     width: 450px;
  734. }
  735.  
  736. #hand {
  737.     position: fixed;
  738.     bottom: 175px;
  739.     right: 712px;
  740.     z-index: 2;
  741. }
  742.  
  743. #hand img {
  744.     width: 65px;
  745. }
  746.  
  747.  
  748. #ultraviolence {
  749.     position: fixed;
  750.     bottom: 125px;
  751.     font-family: arial;
  752.     font-size:10px;
  753.     line-height:11px;
  754.     right: 721px;
  755.     height: auto;
  756.     width: 150px;
  757.     border-left: 4px #000 double;
  758.     padding-left: 8px;
  759.     font-size: 9px;
  760. } 
  761.  
  762.  
  763. #circlel {
  764.     right: 898px;
  765.     bottom: 170px;
  766.     position: fixed;
  767. }
  768.  
  769. #linkx1{
  770.     margin-top: -8px;
  771.     width:8px;
  772.     height:8px;
  773.     background-color: #191919;
  774.     border-radius: 100px;
  775.     position:absolute;
  776. }
  777.  
  778. #linkx1 a{
  779.     width:8px;
  780.     height:8px;
  781.     background-color: #191919;
  782.     border-radius: 100px;
  783.     position:absolute;
  784.     -webkit-transition: 2s ease;
  785.     -moz-transition: 2s ease;
  786.     transition: 2s ease;
  787. }
  788.  
  789. #linkx2{
  790.     margin-top: 3px;
  791.     width:8px;
  792.     height:8px;
  793.     background-color: #191919;
  794.     border-radius: 100px;
  795.     position:absolute;
  796. }
  797.  
  798. #linkx2 a{
  799.     width:8px;
  800.     height:8px;
  801.     background-color: #191919;
  802.     border-radius: 100px;
  803.     position:absolute;
  804.     -webkit-transition: 2s ease;
  805.     -moz-transition: 2s ease;
  806.     transition: 2s ease;
  807. }
  808.  
  809. #linkx3{
  810.     margin-top: 14px;
  811.     width:8px;
  812.     height:8px;
  813.     background-color: #191919;
  814.     border-radius: 100px;
  815.     position:absolute;
  816. }
  817.  
  818. #linkx3 a{
  819.     width:8px;
  820.     height:8px;
  821.     background-color: #191919;
  822.     border-radius: 100px;
  823.     position:absolute;
  824.     -webkit-transition: 2s ease;
  825.     -moz-transition: 2s ease;
  826.     transition: 2s ease;
  827. }
  828.  
  829. #linkx4{
  830.     margin-top: 25px;
  831.     width:8px;
  832.     height:8px;
  833.     background-color: #191919;
  834.     border-radius: 100px;
  835.     position:absolute;
  836. }
  837.  
  838. #linkx4 a{
  839.     width:8px;
  840.     height:8px;
  841.     background-color: #191919;
  842.     border-radius: 100px;
  843.     position:absolute;
  844.     -webkit-transition: 2s ease;
  845.     -moz-transition: 2s ease;
  846.     transition: 2s ease;
  847. }
  848.  
  849. #linkx5{
  850.     margin-top: 36px;
  851.     width:8px;
  852.     height:8px;
  853.     background-color: #191919;
  854.     border-radius: 100px;
  855.     position:absolute;
  856. }
  857.  
  858. #linkx5 a{
  859.     width:8px;
  860.     height:8px;
  861.     background-color: #191919;
  862.     border-radius: 100px;
  863.     position:absolute;
  864.     -webkit-transition: 2s ease;
  865.     -moz-transition: 2s ease;
  866.     transition: 2s ease;
  867. }
  868.  
  869. #linkx6{
  870.     margin-left: 180px;
  871.     margin-top: 67px;
  872.     width:10px;
  873.     height:10px;
  874.     background-color: #191919;
  875.     border-radius: 100px;
  876.     position:absolute;
  877. }
  878.  
  879. #linkx6 a{
  880.     width:13px;
  881.     height:13px;
  882.     background-color: #191919;
  883.     border-radius: 100px;
  884.     position:absolute;
  885.     -webkit-transition: 2s ease;
  886.     -moz-transition: 2s ease;
  887.     transition: 2s ease;
  888. }
  889.  
  890. #fade { /*--Transparent background layer--*/
  891. display: none; /*--hidden by default--*/
  892. position: fixed; left: 0; top: 0px;
  893. width: 100%; height: 100%;
  894. }
  895.  
  896. .popup_block{
  897. z-index: 999;
  898. display: none; /*--hidden by default--*/
  899. background-color: #fff;
  900. padding: 10px;
  901. width: 800px;
  902. height: 105px;
  903. overflow-y:auto;
  904. overflow-x:hidden;
  905. float: left;
  906. border-left: 4px #000 double;
  907. color: #000;
  908. font-family: arial;
  909. font-size:9px;
  910. line-height: 8px;
  911. letter-spacing:0px;
  912. position: fixed; 
  913. bottom: 50px; 
  914. right: 728px;
  915. transition: all 0.4s ease-in;
  916. -o-transition-transition: all 0.4s ease-in;
  917. -webkit-transition: all 0.4s ease-in; 
  918. -moz-transition: all 0.4s ease-in;
  919. /*--CSS3 Box Shadows--*/
  920. -webkit-box-shadow: 0px 0px 0px #f3eff0;
  921. -moz-box-shadow: 0px 0px 0px #f3eff0;
  922. box-shadow: 0px 0px 0px #f3eff0;
  923. /*--CSS3 Rounded Corners--*/
  924. }
  925.  
  926.  
  927. .popup_block a{
  928. color: #000;
  929. -webkit-transition: all .7s ease;
  930. -moz-transition: all .7s ease;
  931. -o-transition: all .7s ease;
  932. transition: all .7s ease;
  933. text-decoration: none;
  934.  
  935. }
  936.  
  937. .popup_block a:hover{
  938.     opacity: .5;
  939. }
  940.  
  941. .popup_block i{
  942. color: #000;
  943. }
  944.  
  945. img.btn_close {
  946. float: right;
  947. margin: -20 -20px 0 0;
  948. }
  949. /*--Making IE6 Understand Fixed Positioning--*/
  950. *html #fade {
  951. position: absolute;
  952. }
  953. *html .popup_block {
  954. position: absolute;
  955. }
  956.  
  957.  
  958. .popup_block:hover{
  959. opacity:1;
  960. -webkit-transition: all .7s ease;
  961. -moz-transition: all .7s ease;
  962. -o-transition: all .7s ease;
  963. transition: all .7s ease;
  964. }
  965.  
  966.  
  967. .popup_block2{
  968. z-index: 999;
  969. display: none; /*--hidden by default--*/
  970. background-color: transparent;
  971. padding: 10px;
  972. width: 800px;
  973. height: 100px;
  974. overflow-y:auto;
  975. overflow-x:hidden;
  976. float: left;
  977. color: #000;
  978. font-family: arial;
  979. font-size:9px;
  980. line-height: 9px;
  981. letter-spacing:0px;
  982. position: fixed; 
  983. bottom: 140px; 
  984. left: 990px;
  985. transition: all 0.4s ease-in;
  986. -o-transition-transition: all 0.4s ease-in;
  987. -webkit-transition: all 0.4s ease-in; 
  988. -moz-transition: all 0.4s ease-in;
  989. /*--CSS3 Box Shadows--*/
  990. -webkit-box-shadow: 0px 0px 0px #f3eff0;
  991. -moz-box-shadow: 0px 0px 0px #f3eff0;
  992. box-shadow: 0px 0px 0px #f3eff0;
  993. /*--CSS3 Rounded Corners--*/
  994. }
  995.  
  996.  
  997. {CustomCSS}
  998. </style>
  999.  
  1000. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  1001. {block:ifLazyLoad}
  1002. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1003. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1004. <script type="text/javascript" charset="utf-8">
  1005. var $j = jQuery.noConflict();
  1006. $j(function() {
  1007. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1008. $j("img").lazyload({
  1009. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1010. effect: "fadeIn",
  1011. });
  1012. });
  1013. </script>
  1014. {/block:ifLazyLoad}
  1015.  
  1016. </head>
  1017. <body>
  1018. <div id="container">
  1019.  
  1020. <br><br><br><br><br><br>
  1021. <div id="container">
  1022. {block:ifNotInfiniteScrolling}
  1023. {block:IndexPage}
  1024. <div class="nte">
  1025. <div class="spi"></div>
  1026. <div id="pgs">
  1027. {block:Pagination}
  1028. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1029. {CurrentPage} / {TotalPages}
  1030. {/block:JumpPagination}
  1031. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1032. {/block:Pagination}
  1033. </div>
  1034. </div>
  1035. {/block:IndexPage}
  1036. {/block:ifNotInfiniteScrolling}
  1037. </div>
  1038.  
  1039.  
  1040. <div id="content">
  1041.  
  1042. {block:Posts}
  1043. <div id="entry">
  1044. <div class="sp"></div>
  1045.  
  1046. {block:Answer}
  1047. <div id="ask">
  1048. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  1049. <span class="askername"> {Asker} asked:</span>
  1050. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  1051. </div>
  1052. <div class="asktri1">▾</div> 
  1053. <div id="answer">{Answer}</div>
  1054. {/block:Answer}
  1055.  
  1056. {block:Text}
  1057. {block:Title}
  1058. <h1>{Title}</h1>
  1059. {/block:Title}
  1060. {Body}
  1061. {/block:Text}
  1062.  
  1063. {block:Link}
  1064. <h1><a href="{URL}">{Name} »</a></h1>
  1065. {block:Description}{Description}{/block:Description}
  1066. {/block:Link}
  1067.  
  1068. {block:Photo} 
  1069. <div id="pic"> 
  1070. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  1071. </div>  
  1072. {block:ifCaptions}
  1073. {block:Caption}{Caption}{/block:Caption}
  1074. {/block:ifCaptions}
  1075. {block:ifNotCaptions}
  1076. {block:PermalinkPage}
  1077. {block:Caption}{Caption}{/block:Caption}
  1078. {/block:PermalinkPage}
  1079. {/block:ifNotCaptions}
  1080. {block:ContentSource}
  1081. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1082. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1083. {/block:SourceLogo}
  1084. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1085. {/block:ContentSource}
  1086. {block:ReblogParentURL}
  1087. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1088. {/block:ReblogParentURL}
  1089. {/block:Photo}
  1090.  
  1091. {block:Photoset}
  1092. <div class="photo">
  1093. <center>
  1094. <div id="pic">
  1095. {block:IndexPage}  
  1096. {block:if250px}<div id="pset">{Photoset-250}</div>{/block:if250px}
  1097. {block:ifNot250px}<div id="pset">{Photoset-400}</div>{/block:ifNot250px}
  1098. {/block:IndexPage}
  1099. {block:PermalinkPage}
  1100. <div id="pset">{Photoset-250}</div>
  1101. {/block:PermalinkPage}
  1102. </div>
  1103. </center>
  1104. </div>
  1105. {block:ifCaptions}
  1106. {block:Caption}{Caption}{/block:Caption}
  1107. {/block:ifCaptions}
  1108. {block:ifNotCaptions}
  1109. {block:PermalinkPage}
  1110. {block:Caption}{Caption}{/block:Caption}
  1111. {/block:PermalinkPage}
  1112. {/block:ifNotCaptions}
  1113. {/block:Photoset}
  1114.  
  1115. {block:Quote}
  1116. <h2>"{Quote}"</h2>
  1117. {block:Source}
  1118. <i> - {Source}</i>
  1119. {/block:Source}
  1120. {/block:Quote}
  1121.  
  1122. {block:Chat}
  1123. {block:Title}
  1124. <div class="posttitle">
  1125. {Title}
  1126. </div>
  1127. {/block:Title}
  1128. <div class="chat">
  1129. {block:Lines}
  1130. <div class="chat">
  1131. <div class="line {Alt}">
  1132. <div class="{Alt} user_{UserNumber}">
  1133. {block:Label}
  1134. <b>{Label} </b>
  1135. {/block:Label}
  1136. {Line}
  1137. </div>
  1138. </div>
  1139. </div>
  1140. {/block:Lines}
  1141. </div>
  1142. {/block:Chat}
  1143.  
  1144. {block:Audio} 
  1145. {block:AlbumArt}
  1146. <img src="{AlbumArtURL}">
  1147. {/block:AlbumArt}
  1148. {block:AudioPlayer} 
  1149. <div class="audioplayer">
  1150. {AudioPlayerBlack}
  1151. </div> 
  1152. {/block:AudioPlayer}
  1153. {block:TrackName}
  1154. <div class="audioinfo">
  1155. Song : {TrackName}
  1156. </div>
  1157. {/block:TrackName}
  1158. {block:Artist}
  1159. <div class="audioinfo">
  1160. Artist : {Artist}
  1161. </div>
  1162. {/block:Artist}
  1163. {block:Album}
  1164. <div class="audioinfo">
  1165. Album : {Album}
  1166. </div>
  1167. {/block:Album}
  1168. {block:Caption}{Caption}{/block:Caption}
  1169. {/block:Audio}
  1170.  
  1171. {block:Video}
  1172. <div class="photo">
  1173. <center>
  1174. {block:IndexPage}
  1175. {block:if250px}{Video-250}{/block:if250px}
  1176. {block:ifNot250px}{Video-400}{/block:ifNot250px}
  1177. {/block:IndexPage}
  1178. {block:PermalinkPage}
  1179. {Video-250}
  1180. {/block:PermalinkPage}
  1181. </center>
  1182. </div>
  1183. {block:ifCaptions}
  1184. {block:Caption}{Caption}{/block:Caption}
  1185. {/block:ifCaptions}
  1186. {block:ifNotCaptions}
  1187. {block:PermalinkPage}
  1188. {block:Caption}{Caption}{/block:Caption}
  1189. {/block:PermalinkPage}
  1190. {/block:ifNotCaptions}
  1191. {/block:Video}
  1192.  
  1193. {block:IndexPage}
  1194. <div id="permalink" style= "font-family: ms mincho; font-weight: bold;">
  1195. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} NOTES</a> {block:HasTags} ∙ <a title= "Tags: {block:Tags} #{Tag} {/block:Tags}">TAGS</a>
  1196. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>  
  1197. {block:HasTags}
  1198. <br>
  1199. </span>
  1200.  
  1201. </div>
  1202. {/block:IndexPage}
  1203.  
  1204. {block:PermalinkPage}
  1205. {block:Date}
  1206. <div id="permalinkpg"> 
  1207. <div id="permalink">
  1208. <b>Posted:</b> {TimeAgo} on
  1209. {ShortMonth} {DayofMonth},{Year} at
  1210. {12Hour}:{Minutes} {CapitalAmPm}
  1211. {block:NoteCount}<br>
  1212. <b>Notes:</b>
  1213. {NoteCount}
  1214. {/block:NoteCount}
  1215. {block:HasTags}
  1216. <br>
  1217. <b>Tags:</b>
  1218. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1219. {/block:Tags}
  1220. {/block:HasTags}
  1221. <br>{block:RebloggedFrom}
  1222. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>  {/block:RebloggedFrom}
  1223. </div>
  1224. {block:PostNotes}
  1225. {PostNotes}
  1226. {/block:PostNotes}
  1227. </div> 
  1228. {/block:Date}
  1229. {/block:PermalinkPage}
  1230.  
  1231. </div>
  1232. {/block:Posts}
  1233.  
  1234. </div> 
  1235.  
  1236.  
  1237. {block:ifInfiniteScrolling}
  1238. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1239. {/block:ifInfiniteScrolling}
  1240.  
  1241.  
  1242.  
  1243. <div id= "music"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">
  1244.     <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  1245.     <param name="bgcolor" value="#ffffff"/>
  1246.     <param name="FlashVars" value="mp3=https://a.tumblr.com/tumblr_myj81cP9E71skw2d6o1.mp3#_=_
  1247. &amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;loadingcolor=0d0d0d&amp;bgcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;slidercolor1=000000&amp;slidercolor2=000000&amp;sliderovercolor=ffffff&amp;buttoncolor=000000&amp;buttonovercolor=000000&amp;textcolor=000000" /></object></div>
  1248. <div id= "hand"><img src= "http://static.tumblr.com/aact7gw/lLdndbz1z/handddd.gif"></div>
  1249. <div id= "aboutmarci">my name is marcelline</div>
  1250. <div id= "desc">and i'm a fortuneteller.<br>
  1251. </div>
  1252.  
  1253. <div id= "marci"><img src= "http://static.tumblr.com/aact7gw/FQwndbq6x/marcey.png"></div>
  1254. <div id="ultraviolence">
  1255. i find my zenith doth depend<br>upon a most auspicious star, whose influence if now i court not but omit, my fortunes will ever after droop.<br>
  1256. - W. Shakespeare
  1257. </div> 
  1258.  
  1259. <div id= "circlel">
  1260. <a href= "/about" title= "about"><div id= "linkx1"></div></a>
  1261. <a href= "/ask" title= "enquire"><div id= "linkx2"></div></a>
  1262. <a href= "/submit" title= "submit"><div id= "linkx3"></div></a>  
  1263. <a href= "/read" title= "read"><div id= "linkx4"></div></a>  
  1264. <a href= "/" title= "index"><div id= "linkx5"></div></a> 
  1265. </div>
  1266.  
  1267.  
  1268. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:10px; font-family: ms mincho; font-weight: bold;"><script language="JavaScript"> 
  1269. var ref = (''+document.referrer+'');
  1270. var w_h = window.screen.width + " x " + window.screen.height;
  1271. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4468075&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>'); 
  1272. </script> <a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a> <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2721003&name="></script>
  1273. </div>
  1274. </body>
  1275. </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!