View difference between Paste ID: Jc2Vk10h and NecpPiaU
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
4
<!-- Please keep my credit on this theme. Or at least link
5
     me as the creator on your blog somewhere. Thanks! =) 
6
     
7
    Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
8
    Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
9
    Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
10
    Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
11
    Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
12
    Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/  -->
13
14
15
<head>
16
17
18
<script type='text/javascript'>
19
20
//<![CDATA[
21
22
var rate = 20;
23
24
if (document.getElementById)
25
window.onerror=new Function("return true")
26
27
var objActive; // The object which event occured in
28
var act = 0; // Flag during the action
29
var elmH = 0; // Hue
30
var elmS = 128; // Saturation
31
var elmV = 255; // Value
32
var clrOrg; // A color before the change
33
var TimerID; // Timer ID
34
35
if (document.all) {
36
document.onmouseover = doRainbowAnchor;
37
document.onmouseout = stopRainbowAnchor;
38
}
39
else if (document.getElementById) {
40
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
41
document.onmouseover = Mozilla_doRainbowAnchor;
42
document.onmouseout = Mozilla_stopRainbowAnchor;
43
}
44
45
function doRainbow(obj)
46
{
47
if (act == 0) {
48
act = 1;
49
if (obj)
50
objActive = obj;
51
else
52
objActive = event.srcElement;
53
clrOrg = objActive.style.color;
54
TimerID = setInterval("ChangeColor()",100);
55
}
56
}
57
58
59
function stopRainbow()
60
{
61
if (act) {
62
objActive.style.color = clrOrg;
63
clearInterval(TimerID);
64
act = 0;
65
}
66
}
67
68
69
function doRainbowAnchor()
70
{
71
if (act == 0) {
72
var obj = event.srcElement;
73
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
74
obj = obj.parentElement;
75
if (obj.tagName == 'A' || obj.tagName == 'BODY')
76
break;
77
}
78
79
if (obj.tagName == 'A' && obj.href != '') {
80
objActive = obj;
81
act = 1;
82
clrOrg = objActive.style.color;
83
TimerID = setInterval("ChangeColor()",100);
84
}
85
}
86
}
87
88
89
function stopRainbowAnchor()
90
{
91
if (act) {
92
if (objActive.tagName == 'A') {
93
objActive.style.color = clrOrg;
94
clearInterval(TimerID);
95
act = 0;
96
}
97
}
98
}
99
100
101
function Mozilla_doRainbowAnchor(e)
102
{
103
if (act == 0) {
104
obj = e.target;
105
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
106
obj = obj.parentNode;
107
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
108
break;
109
}
110
111
if (obj.nodeName == 'A' && obj.href != '') {
112
objActive = obj;
113
act = 1;
114
clrOrg = obj.style.color;
115
TimerID = setInterval("ChangeColor()",100);
116
}
117
}
118
}
119
120
121
function Mozilla_stopRainbowAnchor(e)
122
{
123
if (act) {
124
if (objActive.nodeName == 'A') {
125
objActive.style.color = clrOrg;
126
clearInterval(TimerID);
127
act = 0;
128
}
129
}
130
}
131
132
133
function ChangeColor()
134
{
135
objActive.style.color = makeColor();
136
}
137
138
139
function makeColor()
140
{
141
// Don't you think Color Gamut to look like Rainbow?
142
143
// HSVtoRGB
144
if (elmS == 0) {
145
elmR = elmV; elmG = elmV; elmB = elmV;
146
}
147
else {
148
t1 = elmV;
149
t2 = (255 - elmS) * elmV / 255;
150
t3 = elmH % 60;
151
t3 = (t1 - t2) * t3 / 60;
152
153
if (elmH < 60) {
154
elmR = t1; elmB = t2; elmG = t2 + t3;
155
}
156
else if (elmH < 120) {
157
elmG = t1; elmB = t2; elmR = t1 - t3;
158
}
159
else if (elmH < 180) {
160
elmG = t1; elmR = t2; elmB = t2 + t3;
161
}
162
else if (elmH < 240) {
163
elmB = t1; elmR = t2; elmG = t1 - t3;
164
}
165
else if (elmH < 300) {
166
elmB = t1; elmG = t2; elmR = t2 + t3;
167
}
168
else if (elmH < 360) {
169
elmR = t1; elmG = t2; elmB = t1 - t3;
170
}
171
else {
172
elmR = 0; elmG = 0; elmB = 0;
173
}
174
}
175
176
elmR = Math.floor(elmR).toString(16);
177
elmG = Math.floor(elmG).toString(16);
178
elmB = Math.floor(elmB).toString(16);
179
if (elmR.length == 1) elmR = "0" + elmR;
180
if (elmG.length == 1) elmG = "0" + elmG;
181
if (elmB.length == 1) elmB = "0" + elmB;
182
183
elmH = elmH + rate;
184
if (elmH >= 360)
185
elmH = 0;
186
187
return '#' + elmR + elmG + elmB;
188
}
189
190
191
192
//]]>
193
194
</script>
195
196
197
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
198
199
<script type="text/javascript" src="scrolltopcontrol.js">
200
</script>
201
202
<script type="text/javascript" src="http://static.tumblr.com/rs5pbx8/OQblwv0i9/back_too.txt"></script>
203
204
205
206
207
208
<script type="text/javascript">
209
210
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
211
212
function tb8_makeArray(n){
213
214
this.length = n;
215
216
return this.length;
217
218
}
219
220
tb8_messages = new tb8_makeArray(1);
221
222
tb8_messages[0] = "YOUR MESSAGE HERE";
223
224
tb8_rptType = 'infinite';
225
226
tb8_rptNbr = 5;
227
228
tb8_speed = 100;
229
230
tb8_delay = 2000;
231
232
var tb8_counter=1;
233
234
var tb8_currMsg=0;
235
236
var tb8_tekst ="";
237
238
var tb8_i=0;
239
240
var tb8_TID = null;
241
242
function tb8_pisi(){
243
244
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
245
246
document.title = tb8_tekst;
247
248
tb8_sp=tb8_speed;
249
250
tb8_i++;
251
252
if (tb8_i==tb8_messages[tb8_currMsg].length){
253
254
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
255
256
}
257
258
if (tb8_currMsg == tb8_messages.length){
259
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
260
261
clearTimeout(tb8_TID);
262
263
return;
264
265
}
266
267
tb8_counter++;
268
269
tb8_currMsg = 0;
270
271
}
272
273
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
274
275
}
276
277
tb8_pisi()
278
279
280
281
</script>
282
283
284
<script type="text/javascript">
285
// <![CDATA[
286
var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
287
var sparkles=50;
288
289
/****************************
290
*  Tinkerbell Magic Sparkle *
291
*(c)2005-11 mf2fm web-design*
292
*  http://www.mf2fm.com/rv  *
293
* DON'T EDIT BELOW THIS BOX *
294
****************************/
295
var x=ox=400;
296
var y=oy=300;
297
var swide=800;
298
var shigh=600;
299
var sleft=sdown=0;
300
var tiny=new Array();
301
var star=new Array();
302
var starv=new Array();
303
var starx=new Array();
304
var stary=new Array();
305
var tinyx=new Array();
306
var tinyy=new Array();
307
var tinyv=new Array();
308
309
window.onload=function() { if (document.getElementById) {
310
  var i, rats, rlef, rdow;
311
  for (var i=0; i<sparkles; i++) {
312
    var rats=createDiv(3, 3);
313
    rats.style.visibility="hidden";
314
    document.body.appendChild(tiny[i]=rats);
315
    starv[i]=0;
316
    tinyv[i]=0;
317
    var rats=createDiv(5, 5);
318
    rats.style.backgroundColor="transparent";
319
    rats.style.visibility="hidden";
320
    var rlef=createDiv(1, 5);
321
    var rdow=createDiv(5, 1);
322
    rats.appendChild(rlef);
323
    rats.appendChild(rdow);
324
    rlef.style.top="2px";
325
    rlef.style.left="0px";
326
    rdow.style.top="0px";
327
    rdow.style.left="2px";
328
    document.body.appendChild(star[i]=rats);
329
  }
330
  set_width();
331
  sparkle();
332
}}
333
334
function sparkle() {
335
  var c;
336
  if (x!=ox || y!=oy) {
337
    ox=x;
338
    oy=y;
339
    for (c=0; c<sparkles; c++) if (!starv[c]) {
340
      star[c].style.left=(starx[c]=x)+"px";
341
      star[c].style.top=(stary[c]=y)+"px";
342
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
343
      star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
344
      star[c].style.visibility="visible";
345
      starv[c]=50;
346
      break;
347
    }
348
  }
349
  for (c=0; c<sparkles; c++) {
350
    if (starv[c]) update_star(c);
351
    if (tinyv[c]) update_tiny(c);
352
  }
353
  setTimeout("sparkle()", 40);
354
}
355
356
function update_star(i) {
357
  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
358
  if (starv[i]) {
359
    stary[i]+=1+Math.random()*3;
360
    if (stary[i]<shigh+sdown && starx[i]>0) {
361
      star[i].style.top=stary[i]+"px";
362
      starx[i]+=(i%5-2)/5;
363
      star[i].style.left=starx[i]+"px";
364
    }
365
    else {
366
      star[i].style.visibility="hidden";
367
      starv[i]=0;
368
      return;
369
    }
370
  }
371
  else {
372
    tinyv[i]=50;
373
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
374
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
375
    tiny[i].style.width="2px";
376
    tiny[i].style.height="2px";
377
    tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
378
    star[i].style.visibility="hidden";
379
    tiny[i].style.visibility="visible"
380
  }
381
}
382
383
function update_tiny(i) {
384
  if (--tinyv[i]==25) {
385
    tiny[i].style.width="1px";
386
    tiny[i].style.height="1px";
387
  }
388
  if (tinyv[i]) {
389
    tinyy[i]+=1+Math.random()*3;
390
    if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
391
      tiny[i].style.top=tinyy[i]+"px";
392
      tinyx[i]+=(i%5-2)/5;
393
      tiny[i].style.left=tinyx[i]+"px";
394
    }
395
    else {
396
      tiny[i].style.visibility="hidden";
397
      tinyv[i]=0;
398
      return;
399
    }
400
  }
401
  else tiny[i].style.visibility="hidden";
402
}
403
404
document.onmousemove=mouse;
405
function mouse(e) {
406
  set_scroll();
407
  y=(e)?e.pageY:event.y+sdown;
408
  x=(e)?e.pageX:event.x+sleft;
409
}
410
411
function set_scroll() {
412
  if (typeof(self.pageYOffset)=="number") {
413
    sdown=self.pageYOffset;
414
    sleft=self.pageXOffset;
415
  }
416
  else if (document.body.scrollTop || document.body.scrollLeft) {
417
    sdown=document.body.scrollTop;
418
    sleft=document.body.scrollLeft;
419
  }
420
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
421
    sleft=document.documentElement.scrollLeft;
422
    sdown=document.documentElement.scrollTop;
423
  }
424
  else {
425
    sdown=0;
426
    sleft=0;
427
  }
428
}
429
430
window.onresize=set_width;
431
function set_width() {
432
  if (typeof(self.innerWidth)=="number") {
433
    swide=self.innerWidth;
434
    shigh=self.innerHeight;
435
  }
436
  else if (document.documentElement && document.documentElement.clientWidth) {
437
    swide=document.documentElement.clientWidth;
438
    shigh=document.documentElement.clientHeight;
439
  }
440
  else if (document.body.clientWidth) {
441
    swide=document.body.clientWidth;
442
    shigh=document.body.clientHeight;
443
  }
444
}
445
446
function createDiv(height, width) {
447
  var div=document.createElement("div");
448
  div.style.position="absolute";
449
  div.style.height=height+"px";
450
  div.style.width=width+"px";
451
  div.style.overflow="hidden";
452
  return (div);
453
}
454
455
function newColour() {
456
  var c=new Array();
457
  c[0]=255;
458
  c[1]=Math.floor(Math.random()*256);
459
  c[2]=Math.floor(Math.random()*(256-c[1]/2));
460
  c.sort(function(){return (0.5 - Math.random());});
461
  return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
462
}
463
// ]]>
464
</script>
465
466
467
468
469
<!-- DEFAULT COLORS -->
470
<meta name="color:Background" content="#FFFFFF"/>
471
<meta name="color:posts" content="#ffffff"/>
472
<meta name="color:post glow" content="#FFE4E1"/>
473
<meta name="color:Text" content="#be8888"/>
474
<meta name="color:header title" content="#fdb5b6"/>
475
<meta name="color:text headers" content="#2d2d2d"/>
476
<meta name="color:bold text" content="#FFB6C1"/>
477
<meta name="color:label background" content="#ffffff"/>
478
<meta name="color:link" content="#fdb5b6"/>
479
<meta name="color:link hover" content="#ffc3c4"/>
480
481
<meta name="image:Header" content=""/>
482
<meta name="image:Portrait" content=""/>
483
<meta name="image:Background" content="" />
484
485
<meta name="if:Show Infinite Scroll" content="1" />
486
<meta name="if:Show Round Corners" content="1" />
487
<meta name="if:Show Shadow" content="0" />
488
<meta name="if:Show Ask Box" content="1" />
489
<meta name="if:Show Title" content="1" />
490
491
<meta name="text:Font Size" content="9px"/>
492
<meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
493
<meta name="text:Custom Link One" content="" />
494
<meta name="text:Custom Link One Title" content="" />
495
<meta name="text:Custom Link Two" content="" />
496
<meta name="text:Custom Link Two Title" content="" />
497
<meta name="text:Custom Link Three" content="" />
498
<meta name="text:Custom Link Three Title" content="" />
499
<meta name="text:Custom Link Four" content="" />
500
<meta name="text:Custom Link Four Title" content="" />
501
502
503
<title>{Title}</title>
504
<link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
505
<link rel="shortcut icon" href="{Favicon}">
506
<link rel="alternate" type="application/rss+xml" href="{RSS}">
507
{block:Description}
508
<meta name="description" content="{MetaDescription}" />
509
{/block:Description}
510
511
<style type="text/css">
512
513
::-webkit-scrollbar-thumb:vertical {background-color:#FFB6C1;height:50px;}
514
515
::-webkit-scrollbar-thumb:horizontal {background-color:#FFB6C1;height:5px !important;}
516
517
::-webkit-scrollbar { height:10px;width:9px; background-color:#fff;}
518
519
520
small{font-size:100%;}
521
body{ 
522
margin-top: 8px;
523
text-align:justify; 
524
color: {color:Text}; 
525
font-family: {font:Body}; 
526
font-size: {text:Font Size}; 
527
line-height: 12px; 
528
background-color:{color:Background};
529
background-image:url({image:Background}); 
530
background-attachment: fixed; 
531
background-position:top center; 
532
background-repeat: repeat;}
533
534
a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
535
font-family: {font:Body}; 
536
font-size: {text:Font Size}; line-height:12px; }
537
a:hover{color:{color:link hover}; line-height:12px;}
538
539
#tumblr_controls{
540
position:fixed!important;}
541
542
b, strong{color: {color:bold text};
543
font-family: {font:Body}; 
544
font-size: {text:Font Size}; line-height:12px;}
545
546
547
#wtf {
548
width:1064px;
549
height:auto;
550
{block:PermalinkPage}
551
width:510px;
552
height:auto;
553
{/block:PermalinkPage}
554
padding-top:8px;
555
padding-left:8px;
556
margin-top:0px;
557
margin-left:auto;
558
margin-right:auto;
559
overflow:visible;
560
color: {color:Text}; 
561
font-family: {font:Body}; 
562
font-size: {text:Font Size};  
563
line-height: 12px;
564
background-color: transparent;}
565
566
#entry{
567
{block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}
568
569
{block:IfShowShadow}
570
-moz-box-shadow: 0px 0px 12px 0px {color:post glow};
571
-webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
572
   box-shadow: 0px 0px 12px 0px {color:post glow};
573
574
/* For IE 8 */
575
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
576
/* For IE 5.5 - 7 */
577
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}'); 
578
{/block:IfShowShadow}   
579
border: 4px solid {color:posts};
580
float:left;
581
padding:0px;
582
background-image:url();
583
background-color: {color:posts};
584
width:250px;
585
height:120px;
586
overflow: hidden;
587
margin:0px 8px 8px 0px;
588
position: relative;
589
{block:PermalinkPage}
590
width:500px;
591
height:auto;
592
{/block:PermalinkPage}}
593
594
#permapage {
595
{block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}       
596
padding:4px;
597
margin-top:2px;
598
margin-bottom:2px;
599
background-color:{color:label background};}
600
601
#question{
602
overflow:SHOW;
603
padding-bottom:3px;
604
margin-bottom:3px;}
605
606
#askr{
607
display:block; 
608
float:left; 
609
width:33px; 
610
overflow:hidden;
611
margin-right:3px;}
612
613
ul {
614
list-style: disc;
615
padding: 4px 0px 6px 20px;}
616
617
blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
618
619
blockquote img{display:block; width:100%;}
620
621
blockquote p{padding:0px; margin:0px;}
622
623
blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
624
625
626
#bottominfo{
627
padding:2px 0px 0px 0px;
628
display:block;}
629
630
.answer p{margin:0px;}
631
.notes img{
632
width: 3px; 
633
position:relative; 
634
top:1px;}
635
636
ol.notes, .notes li{
637
list-style:none; 
638
margin:0px; 
639
padding:0px;}
640
641
small {font-size:7px; line-height:8px; letter-spacing:0px;}
642
big {font-family:Dawning of a New Day black; color:{color:text}; font-size:14px;}
643
644
a img{border:none;}
645
646
.label {
647
color: #831421;font-weight: bold; line-height:12px;} 
648
649
.odd {
650
background-color:{color:label background};}
651
652
653
h1 {
654
{block:IfShowShadow}text-shadow: 1px 1px 6px  #000;{/block:IfShowShadow}    
655
color: {color:header title};
656
font-size: 60px;
657
line-height: 60px;
658
font-family: Rage Italic;
659
font-weight:normal;
660
text-transform: lowercase;
661
letter-spacing: -1px;
662
margin-left:4px;}
663
664
h2 {
665
color: {color:text headers};
666
font-size: 18px;
667
line-height: 16px;
668
font-family: Rage italic;
669
font-weight: normal;
670
text-transform: lowercase;
671
letter-spacing: 1px;
672
margin-top:0px;
673
margin-bottom: -4px;
674
padding-bottom: 6px;}
675
676
677
.audio embed {width:250px; {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners} }
678
679
680
#ask { 
681
background-color: {color:label background};
682
padding:4px;
683
margin-bottom:4px;}
684
685
#top{
686
z-index:8;
687
overflow:hidden;
688
margin-left: auto;
689
margin-right:auto;
690
border-bottom: 0px solid {color:label background};
691
padding: 4px;
692
top: 304px;
693
width: 866px;
694
height: auto;
695
{block:PermalinkPage}
696
width:500px;
697
height:auto;
698
{/block:PermalinkPage}
699
background-color: transparent;}
700
701
702
#entry #infos {
703
{block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}       
704
opacity:0.0;
705
filter: alpha(opacity=0);
706
-moz-opacity:0.0;
707
background-color:#000;
708
width:252px;
709
height:120px;
710
position: absolute;
711
712
margin-left:-2px;
713
-webkit-transition: all .4s ease-out;
714
-moz-transition: all .4s ease-out;
715
-o-transition: all .4s ease-out;
716
transition: all .4s ease-out;
717
z-index:10;}
718
 
719
#entry:hover #infos {
720
    opacity:0.8;
721
    filter: alpha(opacity=80);
722
    -moz-opacity:0.8;
723
    -webkit-transition: all .4s ease-out;
724
    -moz-transition: all .4s ease-out;
725
    -o-transition: all .4s ease-out;
726
    transition: all .4s ease-out;}
727
 
728
#entry #infos #details {
729
margin-top:36px;}
730
731
732
a.notecount {
733
text-shadow: 1px 1px 6px  #000;
734
color: #FFB6C1;
735
font-size: 10px;
736
line-height: 1px;
737
font-family: Arial;
738
font-weight:normal;
739
text-transform: lowercase;
740
letter-spacing: 1px;
741
margin-left:4px;}
742
 
743
a.notecount:hover {
744
color: #888888;}
745
746
747
a.links {
748
    color:{color:label background};
749
background-color:{color:text headers};
750
font-family: Trebuchet MS;
751
font-size: 7px; 
752
line-height: 10px;
753
font-weight:bold; 
754
text-transform: lowecase; 
755
letter-spacing:1px;
756
757
padding:4px;
758
margin-top: 4px;
759
margin-bottom: 2px;
760
margin-right:4px;
761
text-align: center;}
762
763
a.links:hover {
764
    color: #be8888;
765
    background-color: #FFE4E1; }
766
767
img.middle {
768
    vertical-align:middle;
769
    margin-bottom:14px;}
770
771
#tags{
772
background-color: transparent;
773
padding:2px;
774
margin-top:-10px;
775
border-top:0px solid {color:posts};}
776
777
#tags a {font-size:7px; color:#ffffff;}
778
779
#tags b {font-size:7px; color:#ffffff;}
780
781
782
#slideout {
783
{block:IfShowShadow}    
784
    -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
785
    -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
786
       box-shadow: 0px 0px 12px 0px {color:post glow};
787
    
788
    /* For IE 8 */
789
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
790
    /* For IE 5.5 - 7 */
791
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
792
{/block:IfShowShadow}       
793
794
    z-index:1000; 
795
	position: fixed;
796
	top: 40px;
797
	left: 0px;
798
	width: 20px;
799
	padding: 40px 0;
800
	text-align: center;
801
	background: {color:posts};
802
	-webkit-transition-duration: 0.3s;
803
	-moz-transition-duration: 0.3s;
804
	-o-transition-duration: 0.3s;
805
	transition-duration: 0.3s;
806
	-webkit-border-radius: 0 5px 5px 0;
807
	-moz-border-radius: 0 5px 5px 0;
808
	border-radius: 0 5px 5px 0;}
809
  
810
#slideout_inner {
811
{block:IfShowShadow}    
812
    -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
813
    -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
814
       box-shadow: 0px 0px 12px 0px {color:post glow};
815
    
816
    /* For IE 8 */
817
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
818
    /* For IE 5.5 - 7 */
819
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
820
{/block:IfShowShadow}
821
822
	position: fixed;
823
	top: 40px;
824
	left: -250px;
825
	background: {color:posts};
826
	width: 230px;
827
	padding: 10px;
828
	height: auto;
829
	-webkit-transition-duration: 0.3s;
830
	-moz-transition-duration: 0.3s;
831
	-o-transition-duration: 0.3s;
832
	transition-duration: 0.3s;
833
	text-align: left;
834
	-webkit-border-radius: 0 0 5px 0;
835
	-moz-border-radius: 0 0 5px 0;
836
	border-radius: 0 0 5px 0;}
837
  
838
#slideout:hover {
839
  z-index:1000;    
840
  left: 250px;}
841
  
842
#slideout:hover #slideout_inner {
843
  z-index:1000;    
844
  left: 0;}
845
846
847
848
849
850
851
#slideout2 {
852
{block:IfShowShadow}    
853
    -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
854
    -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
855
       box-shadow: 0px 0px 12px 0px {color:post glow};
856
    
857
    /* For IE 8 */
858
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
859
    /* For IE 5.5 - 7 */
860
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
861
{/block:IfShowShadow}       
862
863
    z-index:600; 
864
    position: fixed;
865
	top: 130px;
866
	left: 0px;
867
	width: 20px;
868
	padding: 40px 0;
869
	text-align: center;
870
	background: {color:posts};
871
	-webkit-transition-duration: 0.3s;
872
	-moz-transition-duration: 0.3s;
873
	-o-transition-duration: 0.3s;
874
	transition-duration: 0.3s;
875
	-webkit-border-radius: 0 5px 5px 0;
876
	-moz-border-radius: 0 5px 5px 0;
877
	border-radius: 0 5px 5px 0;}
878
  
879
#slideout_inner2 {
880
{block:IfShowShadow}    
881
    -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
882
    -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
883
       box-shadow: 0px 0px 12px 0px {color:post glow};
884
    
885
    /* For IE 8 */
886
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
887
    /* For IE 5.5 - 7 */
888
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
889
{/block:IfShowShadow}
890
891
	position: fixed;
892
	top: 130px;
893
	left: -250px;
894
	background: {color:posts};
895
	width: 230px;
896
	padding: 10px;
897
	height: auto;
898
	-webkit-transition-duration: 0.3s;
899
	-moz-transition-duration: 0.3s;
900
	-o-transition-duration: 0.3s;
901
	transition-duration: 0.3s;
902
	text-align: left;
903
	-webkit-border-radius: 0 0 5px 0;
904
	-moz-border-radius: 0 0 5px 0;
905
	border-radius: 0 0 5px 0;}
906
  
907
#slideout2:hover {
908
  z-index:600;    
909
  left: 250px;}
910
  
911
#slideout2:hover #slideout_inner2 {
912
  z-index:600;    
913
  left: 0;}
914
  
915
916
#slideout3 {
917
{block:IfShowShadow}    
918
    -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
919
    -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
920
       box-shadow: 0px 0px 12px 0px {color:post glow};
921
    
922
    /* For IE 8 */
923
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
924
    /* For IE 5.5 - 7 */
925
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
926
{/block:IfShowShadow}       
927
928
    z-index:400; 
929
    position: fixed;
930
    top: 220px;
931
	left: 0px;
932
	width: 20px;
933
	padding: 40px 0;
934
	text-align: center;
935
	background: {color:posts};
936
	-webkit-transition-duration: 0.3s;
937
	-moz-transition-duration: 0.3s;
938
	-o-transition-duration: 0.3s;
939
	transition-duration: 0.3s;
940
	-webkit-border-radius: 0 5px 5px 0;
941
	-moz-border-radius: 0 5px 5px 0;
942
	border-radius: 0 5px 5px 0;}
943
  
944
#slideout_inner3 {
945
{block:IfShowShadow}    
946
    -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
947
    -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
948
       box-shadow: 0px 0px 12px 0px {color:post glow};
949
    
950
    /* For IE 8 */
951
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
952
    /* For IE 5.5 - 7 */
953
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
954
{/block:IfShowShadow}
955
956
	position: fixed;
957
	top: 220px;
958
	left: -250px;
959
	background: {color:posts};
960
	width: 230px;
961
	padding: 10px;
962
	height: auto;
963
	-webkit-transition-duration: 0.3s;
964
	-moz-transition-duration: 0.3s;
965
	-o-transition-duration: 0.3s;
966
	transition-duration: 0.3s;
967
	text-align: left;
968
	-webkit-border-radius: 0 0 5px 0;
969
	-moz-border-radius: 0 0 5px 0;
970
	border-radius: 0 0 5px 0;}
971
  
972
#slideout3:hover {
973
  z-index:400;    
974
  left: 250px;}
975
  
976
#slideout3:hover #slideout_inner3 {
977
  z-index:400;    
978
  left: 0;}
979
980
981
a.links1 {
982
    text-align:left;
983
width:228px;
984
color: {color:text headers};
985
display: inline-block;
986
text-transform: uppercase;
987
font-family:Trebuchet MS;
988
font-weight:bold;
989
font-size:7px;
990
padding: 2px;
991
-webkit-transition-property:color, text;
992
-webkit-transition-duration: .2s;
993
-moz-transition-duration: .2s;
994
-webkit-transition-timing-function: linear, ease-in;
995
margin-bottom:2px;
996
background-color: {color:label background};}
997
 
998
 
999
a.links1:hover {
1000
text-align:center;
1001
color: {color:label background};
1002
padding-left: 0px;
1003
-webkit-transition-duration: .2s;
1004
-moz-transition-duration: .2s;
1005
background-color: {color:text headers};}
1006
1007
1008
  
1009
.descrip {
1010
	display: block;
1011
	writing-mode: lr-tb;
1012
	-webkit-transform: rotate(-90deg);	
1013
	-moz-transform: rotate(-90deg);
1014
	-ms-transform: rotate(-90deg);
1015
	-o-transform: rotate(-90deg);
1016
	transform: rotate(-90deg);
1017
	position: absolute;
1018
	left: -23px;
1019
	top: 34px;
1020
    font-family: Mistral;
1021
	font-size: 14px;
1022
    font-weight: normal;
1023
    color:{color:text headers};
1024
    text-transform: normal;
1025
    letter-spacing: 1px;}
1026
    
1027
    
1028
.descrip2 {
1029
display: block;
1030
writing-mode: lr-tb;
1031
-webkit-transform: rotate(-90deg);	
1032
-moz-transform: rotate(-90deg);
1033
-ms-transform: rotate(-90deg);
1034
-o-transform: rotate(-90deg);
1035
transform: rotate(-90deg);
1036
position: absolute;
1037
left: -20px;
1038
top: 34px;
1039
font-family:Mistral;
1040
font-size: 14px;
1041
font-weight: normal;
1042
color:{color:text headers};
1043
text-transform: normal;
1044
letter-spacing: 1px;}    
1045
1046
1047
.descrip3 {
1048
display: block;
1049
writing-mode: lr-tb;
1050
-webkit-transform: rotate(-90deg);    
1051
-moz-transform: rotate(-90deg);
1052
-ms-transform: rotate(-90deg);
1053
-o-transform: rotate(-90deg);
1054
transform: rotate(-90deg);
1055
position: absolute;
1056
left: -13px;
1057
top: 34px;
1058
font-family: Mistral;
1059
font-size: 14px;
1060
font-weight: normal;
1061
color:{color:text headers};
1062
text-transform: normal;
1063
letter-spacing: 1px;}  
1064
1065
{CustomCSS}
1066
</style>
1067
1068
{block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
1069
1070
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
1071
1072
<script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
1073
1074
/***********************************************
1075
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
1076
* This notice MUST stay intact for legal use
1077
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
1078
***********************************************/
1079
</script>
1080
1081
1082
</head>
1083
1084
<body>
1085
1086
<style><!--
1087
BODY{
1088
cursor: url('http://i.imgur.com/ZOrzC.png'), pointer }
1089
}
1090
-->
1091
</style>
1092
1093
1094
1095
1096
<!—tutorial by swagtasticable—>
1097
1098
<style type="text/css">
1099
1100
#gb{
1101
1102
position:fixed;
1103
1104
top:30px;
1105
1106
z-index:+1000;
1107
1108
}
1109
1110
* html #gb{position:relative;}
1111
1112
.gbtab{
1113
1114
height:100px;
1115
1116
width:30px;
1117
1118
float:left;
1119
1120
cursor:pointer;
1121
1122
background:url("http://3.bp.blogspot.com/-nzL6xB45YbM/TpxuqJpjBZI/AAAAAAAAAYw/HznwQxRv2Sg/s1600/th_mmamv4.gif") no-repeat;
1123
1124
}
1125
1126
.gbcontent{
1127
1128
float:left;
1129
1130
border:2px solid #f2e7e2;
1131
1132
background:#fcfbf8;
1133
1134
padding:10px;
1135
1136
}
1137
1138
</style>
1139
1140
<script type="text/javascript">
1141
1142
function showHideGB(){
1143
1144
var gb = document.getElementById("gb");
1145
1146
var w = gb.offsetWidth;
1147
1148
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
1149
1150
gb.opened = !gb.opened;
1151
1152
}
1153
1154
function moveGB(x0, xf){
1155
1156
var gb = document.getElementById("gb");
1157
1158
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
1159
1160
var dir = xf>x0 ? 1 : -1;
1161
1162
var x = x0 + dx * dir;
1163
1164
gb.style.right = x.toString() + "px";
1165
1166
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 40);}
1167
1168
}
1169
1170
</script>
1171
1172
<div id="gb">
1173
1174
<div class="gbtab" onclick="showHideGB()"> </div>
1175
1176
<div class="gbcontent">
1177
1178
<font size="2">MESSAGE HERE</font>
1179
1180
<div style="text-align:right">
1181
1182
<a href="javascript:showHideGB()">
1183
1184
</a>
1185
1186
</div>
1187
1188
</div>
1189
1190
</div>
1191
1192
<script type="text/javascript">
1193
1194
var gb = document.getElementById("gb");
1195
1196
gb.style.right = (30-gb.offsetWidth).toString() + "px";
1197
1198
</script>
1199
1200
<!—tutorial by swagtasticable—>
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
<div id="wtf">
1211
<center>
1212
{block:IfShowTitle}<a href="http://{name}.tumblr.com"><h1>{Title}</h1></a>{/block:IfShowTitle}
1213
</center><br>
1214
1215
<div id="slideout">
1216
  <span class="descrip">Description</span>
1217
  <div id="slideout_inner">
1218
1219
{block:IfPortraitImage}
1220
<a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="232" border="0" style="padding-bottom:4px;"></a>
1221
{/block:IfPortraitImage}
1222
1223
{block:Description}
1224
    <div style="height:130px; width:228px; overflow:auto; text-align:justify; padding-right:4px;">
1225
    {Description}
1226
    </div>
1227
    {/block:Description}
1228
    
1229
  </div>
1230
</div>
1231
1232
1233
<div id="slideout2">
1234
  <span class="descrip2">Navigation</span>
1235
  <div id="slideout_inner2">
1236
1237
<center>
1238
<a href="http://{name}.tumblr.com" class="links1">Home</a>
1239
{block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
1240
{block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
1241
 
1242
<a href="/archive" class="links1">Archive</a>
1243
 
1244
{block:HasPages}
1245
{block:Pages}
1246
<a href="{URL}" class="links1">{Label}</a>
1247
{/block:Pages}
1248
{/block:HasPages}
1249
 
1250
{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
1251
 
1252
{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
1253
 
1254
{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
1255
 
1256
{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
1257
1258
<a href="http://verifiedsarcastic-fashionista.tumblr.com/" class="links1">Themes</a>
1259
</center>
1260
       
1261
  </div>
1262
</div>
1263
1264
{block:IfShowAskBox}
1265
<div id="slideout3">
1266
<span class="descrip3">Message</span>
1267
<div id="slideout_inner3">
1268
<div id="righthold">
1269
<h2>{AskLabel}</h2>
1270
<iframe frameborder="0" border="0" scrolling="no" width="230" height="150" allowtransparency="true"
1271
src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style"background-color:transparent; overflow:hidden;:"></iframe>
1272
</div>
1273
  </div>
1274
</div>
1275
{block:IfShowAskBox}
1276
1277
1278
1279
{block:IfHeaderImage}
1280
<center><a href="/"><img src="{image:Header}"></a></center>
1281
{/block:IfHeaderImage}
1282
1283
1284
1285
1286
<div class="autopagerize_page_element">
1287
{block:Posts}
1288
1289
1290
<div id="entry">
1291
{block:IndexPage}
1292
<center><div id="infos">
1293
<div id="details">
1294
1295
1296
1297
1298
<a href="{ReblogURL}">Reblog <img src="http://i42.tinypic.com/28icjl4.jpg"></a> <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a>
1299
1300
{block:HasTags}<div id="tags"><b>Tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags} 
1301
1302
</div>
1303
</div></center>
1304
{/block:IndexPage}
1305
1306
1307
{block:Text}<h2>{Title}</h2>{Body}{/block:Text}
1308
1309
{block:Photo} 
1310
{block:IndexPage}{LinkOpenTag}<a href="{permalink}">
1311
<table width="250" height="120" border="0" cellspacing="0" cellpadding="0">
1312
  <tr>
1313
    <td background="{PhotoURL-250}" style="background-position:center center; {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners} ">&nbsp;</td>
1314
  </tr>
1315
</table>
1316
</a>
1317
{/block:IndexPage}
1318
1319
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}
1320
{Caption}
1321
{/block:PermalinkPage}
1322
{/block:Photo}
1323
1324
{block:Photoset}
1325
{block:IndexPage}{Photoset-250}{/block:IndexPage}
1326
{block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
1327
{/block:Photoset}
1328
1329
{block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
1330
1331
{block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
1332
1333
{block:Chat}
1334
{block:Title}{Title}{/block:Title}
1335
{block:Lines}
1336
{block:Label}
1337
<div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
1338
<span class="line">{Line}</span></div>
1339
{/block:Label}
1340
{/block:Lines}
1341
{/block:Chat}
1342
1343
{block:Video}
1344
1345
{block:IndexPage}
1346
<div class="video"><center>{Video-250}</center></div>
1347
{/block:IndexPage}
1348
1349
{block:PermalinkPage}
1350
<div class="video2"><center>{Video-500}</center></div>
1351
{Caption}
1352
{/block:PermalinkPage}
1353
1354
{/block:Video}
1355
1356
1357
{block:Audio}
1358
<div class="audio">{AudioPlayerBlack}</div>
1359
{Caption}
1360
{/block:Audio}
1361
1362
1363
{block:Answer}
1364
<div id="ask">{Asker}: {Question}</div>
1365
<p>{Answer}</p>
1366
{/block:Answer}
1367
1368
1369
1370
1371
1372
{block:PermalinkPage}{block:Date}
1373
<div id="permapage">
1374
Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
1375
{block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
1376
</div>{/block:Date}
1377
{/block:PermalinkPage}
1378
1379
{block:PostNotes}<div id="permapage">
1380
<h2><center>{NoteCount} Notes</center></h2>
1381
<br>{PostNotes}</div>{/block:PostNotes}
1382
1383
</div>
1384
1385
1386
{/block:Posts}
1387
</div>
1388
1389
1390
<div id="top">
1391
{block:Pagination}
1392
<center><table width="70" border="0" cellspacing="0" cellpadding="0">
1393
<tr>
1394
<td width="10">
1395
{block:PreviousPage}<h3><a href="{PreviousPage}">◄</a></h3>{/block:PreviousPage}
1396
</td>
1397
<td width="50"><center>{CurrentPage} of {TotalPages}</center></td>
1398
<td width="10">{block:NextPage}<h3><a href="{NextPage}">►</a></h3>{/block:NextPage}
1399
</td>
1400
</tr>
1401
</table></center>{/block:Pagination}
1402
<center><b>Theme By:</b> <a href="http://verifiedsarcastic-fashionista.tumblr.com/">verifiedsarcastic-fashionista</a> | <b>Powered By:</b> <a href="http://tumblr.com">Tumblr.com</a></center></div>
1403
1404
1405
</body>
1406
</html>