- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-- Please keep my credit on this theme. Or at least link
- me as the creator on your blog somewhere. Thanks! =)
- Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
- Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
- Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
- Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
- Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
- Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/ -->
- <head>
- <script type='text/javascript'>
- //<![CDATA[
- var rate = 20;
- if (document.getElementById)
- window.onerror=new Function("return true")
- var objActive; // The object which event occured in
- var act = 0; // Flag during the action
- var elmH = 0; // Hue
- var elmS = 128; // Saturation
- var elmV = 255; // Value
- var clrOrg; // A color before the change
- var TimerID; // Timer ID
- if (document.all) {
- document.onmouseover = doRainbowAnchor;
- document.onmouseout = stopRainbowAnchor;
- }
- else if (document.getElementById) {
- document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
- document.onmouseover = Mozilla_doRainbowAnchor;
- document.onmouseout = Mozilla_stopRainbowAnchor;
- }
- function doRainbow(obj)
- {
- if (act == 0) {
- act = 1;
- if (obj)
- objActive = obj;
- else
- objActive = event.srcElement;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- function stopRainbow()
- {
- if (act) {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- function doRainbowAnchor()
- {
- if (act == 0) {
- var obj = event.srcElement;
- while (obj.tagName != 'A' && obj.tagName != 'BODY') {
- obj = obj.parentElement;
- if (obj.tagName == 'A' || obj.tagName == 'BODY')
- break;
- }
- if (obj.tagName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function stopRainbowAnchor()
- {
- if (act) {
- if (objActive.tagName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function Mozilla_doRainbowAnchor(e)
- {
- if (act == 0) {
- obj = e.target;
- while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
- obj = obj.parentNode;
- if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
- break;
- }
- if (obj.nodeName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = obj.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function Mozilla_stopRainbowAnchor(e)
- {
- if (act) {
- if (objActive.nodeName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function ChangeColor()
- {
- objActive.style.color = makeColor();
- }
- function makeColor()
- {
- // Don't you think Color Gamut to look like Rainbow?
- // HSVtoRGB
- if (elmS == 0) {
- elmR = elmV; elmG = elmV; elmB = elmV;
- }
- else {
- t1 = elmV;
- t2 = (255 - elmS) * elmV / 255;
- t3 = elmH % 60;
- t3 = (t1 - t2) * t3 / 60;
- if (elmH < 60) {
- elmR = t1; elmB = t2; elmG = t2 + t3;
- }
- else if (elmH < 120) {
- elmG = t1; elmB = t2; elmR = t1 - t3;
- }
- else if (elmH < 180) {
- elmG = t1; elmR = t2; elmB = t2 + t3;
- }
- else if (elmH < 240) {
- elmB = t1; elmR = t2; elmG = t1 - t3;
- }
- else if (elmH < 300) {
- elmB = t1; elmG = t2; elmR = t2 + t3;
- }
- else if (elmH < 360) {
- elmR = t1; elmG = t2; elmB = t1 - t3;
- }
- else {
- elmR = 0; elmG = 0; elmB = 0;
- }
- }
- elmR = Math.floor(elmR).toString(16);
- elmG = Math.floor(elmG).toString(16);
- elmB = Math.floor(elmB).toString(16);
- if (elmR.length == 1) elmR = "0" + elmR;
- if (elmG.length == 1) elmG = "0" + elmG;
- if (elmB.length == 1) elmB = "0" + elmB;
- elmH = elmH + rate;
- if (elmH >= 360)
- elmH = 0;
- return '#' + elmR + elmG + elmB;
- }
- //]]>
- </script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript" src="scrolltopcontrol.js">
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/rs5pbx8/OQblwv0i9/back_too.txt"></script>
- <script type="text/javascript">
- //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
- function tb8_makeArray(n){
- this.length = n;
- return this.length;
- }
- tb8_messages = new tb8_makeArray(1);
- tb8_messages[0] = "YOUR MESSAGE HERE";
- tb8_rptType = 'infinite';
- tb8_rptNbr = 5;
- tb8_speed = 100;
- tb8_delay = 2000;
- var tb8_counter=1;
- var tb8_currMsg=0;
- var tb8_tekst ="";
- var tb8_i=0;
- var tb8_TID = null;
- function tb8_pisi(){
- tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
- document.title = tb8_tekst;
- tb8_sp=tb8_speed;
- tb8_i++;
- if (tb8_i==tb8_messages[tb8_currMsg].length){
- tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
- }
- if (tb8_currMsg == tb8_messages.length){
- if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
- clearTimeout(tb8_TID);
- return;
- }
- tb8_counter++;
- tb8_currMsg = 0;
- }
- tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
- }
- tb8_pisi()
- </script>
- <script type="text/javascript">
- // <![CDATA[
- var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
- var sparkles=50;
- /****************************
- * Tinkerbell Magic Sparkle *
- *(c)2005-11 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var tiny=new Array();
- var star=new Array();
- var starv=new Array();
- var starx=new Array();
- var stary=new Array();
- var tinyx=new Array();
- var tinyy=new Array();
- var tinyv=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, rats, rlef, rdow;
- for (var i=0; i<sparkles; i++) {
- var rats=createDiv(3, 3);
- rats.style.visibility="hidden";
- document.body.appendChild(tiny[i]=rats);
- starv[i]=0;
- tinyv[i]=0;
- var rats=createDiv(5, 5);
- rats.style.backgroundColor="transparent";
- rats.style.visibility="hidden";
- var rlef=createDiv(1, 5);
- var rdow=createDiv(5, 1);
- rats.appendChild(rlef);
- rats.appendChild(rdow);
- rlef.style.top="2px";
- rlef.style.left="0px";
- rdow.style.top="0px";
- rdow.style.left="2px";
- document.body.appendChild(star[i]=rats);
- }
- set_width();
- sparkle();
- }}
- function sparkle() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<sparkles; c++) if (!starv[c]) {
- star[c].style.left=(starx[c]=x)+"px";
- star[c].style.top=(stary[c]=y)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
- star[c].style.visibility="visible";
- starv[c]=50;
- break;
- }
- }
- for (c=0; c<sparkles; c++) {
- if (starv[c]) update_star(c);
- if (tinyv[c]) update_tiny(c);
- }
- setTimeout("sparkle()", 40);
- }
- function update_star(i) {
- if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
- if (starv[i]) {
- stary[i]+=1+Math.random()*3;
- if (stary[i]<shigh+sdown && starx[i]>0) {
- star[i].style.top=stary[i]+"px";
- starx[i]+=(i%5-2)/5;
- star[i].style.left=starx[i]+"px";
- }
- else {
- star[i].style.visibility="hidden";
- starv[i]=0;
- return;
- }
- }
- else {
- tinyv[i]=50;
- tiny[i].style.top=(tinyy[i]=stary[i])+"px";
- tiny[i].style.left=(tinyx[i]=starx[i])+"px";
- tiny[i].style.width="2px";
- tiny[i].style.height="2px";
- tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
- star[i].style.visibility="hidden";
- tiny[i].style.visibility="visible"
- }
- }
- function update_tiny(i) {
- if (--tinyv[i]==25) {
- tiny[i].style.width="1px";
- tiny[i].style.height="1px";
- }
- if (tinyv[i]) {
- tinyy[i]+=1+Math.random()*3;
- if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
- tiny[i].style.top=tinyy[i]+"px";
- tinyx[i]+=(i%5-2)/5;
- tiny[i].style.left=tinyx[i]+"px";
- }
- else {
- tiny[i].style.visibility="hidden";
- tinyv[i]=0;
- return;
- }
- }
- else tiny[i].style.visibility="hidden";
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sdown;
- x=(e)?e.pageX:event.x+sleft;
- }
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- window.onresize=set_width;
- function set_width() {
- if (typeof(self.innerWidth)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- return (div);
- }
- function newColour() {
- var c=new Array();
- c[0]=255;
- c[1]=Math.floor(Math.random()*256);
- c[2]=Math.floor(Math.random()*(256-c[1]/2));
- c.sort(function(){return (0.5 - Math.random());});
- return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
- }
- // ]]>
- </script>
- <!-- DEFAULT COLORS -->
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:post glow" content="#FFE4E1"/>
- <meta name="color:Text" content="#be8888"/>
- <meta name="color:header title" content="#fdb5b6"/>
- <meta name="color:text headers" content="#2d2d2d"/>
- <meta name="color:bold text" content="#FFB6C1"/>
- <meta name="color:label background" content="#ffffff"/>
- <meta name="color:link" content="#fdb5b6"/>
- <meta name="color:link hover" content="#ffc3c4"/>
- <meta name="image:Header" content=""/>
- <meta name="image:Portrait" content=""/>
- <meta name="image:Background" content="" />
- <meta name="if:Show Infinite Scroll" content="1" />
- <meta name="if:Show Round Corners" content="1" />
- <meta name="if:Show Shadow" content="0" />
- <meta name="if:Show Ask Box" content="1" />
- <meta name="if:Show Title" content="1" />
- <meta name="text:Font Size" content="9px"/>
- <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
- <meta name="text:Custom Link One" content="" />
- <meta name="text:Custom Link One Title" content="" />
- <meta name="text:Custom Link Two" content="" />
- <meta name="text:Custom Link Two Title" content="" />
- <meta name="text:Custom Link Three" content="" />
- <meta name="text:Custom Link Three Title" content="" />
- <meta name="text:Custom Link Four" content="" />
- <meta name="text:Custom Link Four Title" content="" />
- <title>{Title}</title>
- <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {background-color:#FFB6C1;height:50px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#FFB6C1;height:5px !important;}
- ::-webkit-scrollbar { height:10px;width:9px; background-color:#fff;}
- small{font-size:100%;}
- body{
- margin-top: 8px;
- text-align:justify;
- color: {color:Text};
- font-family: {font:Body};
- font-size: {text:Font Size};
- line-height: 12px;
- background-color:{color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-position:top center;
- background-repeat: repeat;}
- a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
- font-family: {font:Body};
- font-size: {text:Font Size}; line-height:12px; }
- a:hover{color:{color:link hover}; line-height:12px;}
- #tumblr_controls{
- position:fixed!important;}
- b, strong{color: {color:bold text};
- font-family: {font:Body};
- font-size: {text:Font Size}; line-height:12px;}
- #wtf {
- width:1064px;
- height:auto;
- {block:PermalinkPage}
- width:510px;
- height:auto;
- {/block:PermalinkPage}
- padding-top:8px;
- padding-left:8px;
- margin-top:0px;
- margin-left:auto;
- margin-right:auto;
- overflow:visible;
- color: {color:Text};
- font-family: {font:Body};
- font-size: {text:Font Size};
- line-height: 12px;
- background-color: transparent;}
- #entry{
- {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- border: 4px solid {color:posts};
- float:left;
- padding:0px;
- background-image:url();
- background-color: {color:posts};
- width:250px;
- height:120px;
- overflow: hidden;
- margin:0px 8px 8px 0px;
- position: relative;
- {block:PermalinkPage}
- width:500px;
- height:auto;
- {/block:PermalinkPage}}
- #permapage {
- {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}
- padding:4px;
- margin-top:2px;
- margin-bottom:2px;
- background-color:{color:label background};}
- #question{
- overflow:SHOW;
- padding-bottom:3px;
- margin-bottom:3px;}
- #askr{
- display:block;
- float:left;
- width:33px;
- overflow:hidden;
- margin-right:3px;}
- ul {
- list-style: disc;
- padding: 4px 0px 6px 20px;}
- blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
- blockquote img{display:block; width:100%;}
- blockquote p{padding:0px; margin:0px;}
- blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
- #bottominfo{
- padding:2px 0px 0px 0px;
- display:block;}
- .answer p{margin:0px;}
- .notes img{
- width: 3px;
- position:relative;
- top:1px;}
- ol.notes, .notes li{
- list-style:none;
- margin:0px;
- padding:0px;}
- small {font-size:7px; line-height:8px; letter-spacing:0px;}
- big {font-family:Dawning of a New Day black; color:{color:text}; font-size:14px;}
- a img{border:none;}
- .label {
- color: #831421;font-weight: bold; line-height:12px;}
- .odd {
- background-color:{color:label background};}
- h1 {
- {block:IfShowShadow}text-shadow: 1px 1px 6px #000;{/block:IfShowShadow}
- color: {color:header title};
- font-size: 60px;
- line-height: 60px;
- font-family: Rage Italic;
- font-weight:normal;
- text-transform: lowercase;
- letter-spacing: -1px;
- margin-left:4px;}
- h2 {
- color: {color:text headers};
- font-size: 18px;
- line-height: 16px;
- font-family: Rage italic;
- font-weight: normal;
- text-transform: lowercase;
- letter-spacing: 1px;
- margin-top:0px;
- margin-bottom: -4px;
- padding-bottom: 6px;}
- .audio embed {width:250px; {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners} }
- #ask {
- background-color: {color:label background};
- padding:4px;
- margin-bottom:4px;}
- #top{
- z-index:8;
- overflow:hidden;
- margin-left: auto;
- margin-right:auto;
- border-bottom: 0px solid {color:label background};
- padding: 4px;
- top: 304px;
- width: 866px;
- height: auto;
- {block:PermalinkPage}
- width:500px;
- height:auto;
- {/block:PermalinkPage}
- background-color: transparent;}
- #entry #infos {
- {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}
- opacity:0.0;
- filter: alpha(opacity=0);
- -moz-opacity:0.0;
- background-color:#000;
- width:252px;
- height:120px;
- position: absolute;
- margin-left:-2px;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- transition: all .4s ease-out;
- z-index:10;}
- #entry:hover #infos {
- opacity:0.8;
- filter: alpha(opacity=80);
- -moz-opacity:0.8;
- -webkit-transition: all .4s ease-out;
- -moz-transition: all .4s ease-out;
- -o-transition: all .4s ease-out;
- transition: all .4s ease-out;}
- #entry #infos #details {
- margin-top:36px;}
- a.notecount {
- text-shadow: 1px 1px 6px #000;
- color: #FFB6C1;
- font-size: 10px;
- line-height: 1px;
- font-family: Arial;
- font-weight:normal;
- text-transform: lowercase;
- letter-spacing: 1px;
- margin-left:4px;}
- a.notecount:hover {
- color: #888888;}
- a.links {
- color:{color:label background};
- background-color:{color:text headers};
- font-family: Trebuchet MS;
- font-size: 7px;
- line-height: 10px;
- font-weight:bold;
- text-transform: lowecase;
- letter-spacing:1px;
- padding:4px;
- margin-top: 4px;
- margin-bottom: 2px;
- margin-right:4px;
- text-align: center;}
- a.links:hover {
- color: #be8888;
- background-color: #FFE4E1; }
- img.middle {
- vertical-align:middle;
- margin-bottom:14px;}
- #tags{
- background-color: transparent;
- padding:2px;
- margin-top:-10px;
- border-top:0px solid {color:posts};}
- #tags a {font-size:7px; color:#ffffff;}
- #tags b {font-size:7px; color:#ffffff;}
- #slideout {
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- z-index:1000;
- position: fixed;
- top: 40px;
- left: 0px;
- width: 20px;
- padding: 40px 0;
- text-align: center;
- background: {color:posts};
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-border-radius: 0 5px 5px 0;
- -moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;}
- #slideout_inner {
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- position: fixed;
- top: 40px;
- left: -250px;
- background: {color:posts};
- width: 230px;
- padding: 10px;
- height: auto;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- text-align: left;
- -webkit-border-radius: 0 0 5px 0;
- -moz-border-radius: 0 0 5px 0;
- border-radius: 0 0 5px 0;}
- #slideout:hover {
- z-index:1000;
- left: 250px;}
- #slideout:hover #slideout_inner {
- z-index:1000;
- left: 0;}
- #slideout2 {
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- z-index:600;
- position: fixed;
- top: 130px;
- left: 0px;
- width: 20px;
- padding: 40px 0;
- text-align: center;
- background: {color:posts};
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-border-radius: 0 5px 5px 0;
- -moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;}
- #slideout_inner2 {
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- position: fixed;
- top: 130px;
- left: -250px;
- background: {color:posts};
- width: 230px;
- padding: 10px;
- height: auto;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- text-align: left;
- -webkit-border-radius: 0 0 5px 0;
- -moz-border-radius: 0 0 5px 0;
- border-radius: 0 0 5px 0;}
- #slideout2:hover {
- z-index:600;
- left: 250px;}
- #slideout2:hover #slideout_inner2 {
- z-index:600;
- left: 0;}
- #slideout3 {
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- z-index:400;
- position: fixed;
- top: 220px;
- left: 0px;
- width: 20px;
- padding: 40px 0;
- text-align: center;
- background: {color:posts};
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-border-radius: 0 5px 5px 0;
- -moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;}
- #slideout_inner3 {
- {block:IfShowShadow}
- -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
- -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
- box-shadow: 0px 0px 12px 0px {color:post glow};
- /* For IE 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
- /* For IE 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
- {/block:IfShowShadow}
- position: fixed;
- top: 220px;
- left: -250px;
- background: {color:posts};
- width: 230px;
- padding: 10px;
- height: auto;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- transition-duration: 0.3s;
- text-align: left;
- -webkit-border-radius: 0 0 5px 0;
- -moz-border-radius: 0 0 5px 0;
- border-radius: 0 0 5px 0;}
- #slideout3:hover {
- z-index:400;
- left: 250px;}
- #slideout3:hover #slideout_inner3 {
- z-index:400;
- left: 0;}
- a.links1 {
- text-align:left;
- width:228px;
- color: {color:text headers};
- display: inline-block;
- text-transform: uppercase;
- font-family:Trebuchet MS;
- font-weight:bold;
- font-size:7px;
- padding: 2px;
- -webkit-transition-property:color, text;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -webkit-transition-timing-function: linear, ease-in;
- margin-bottom:2px;
- background-color: {color:label background};}
- a.links1:hover {
- text-align:center;
- color: {color:label background};
- padding-left: 0px;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- background-color: {color:text headers};}
- .descrip {
- display: block;
- writing-mode: lr-tb;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- position: absolute;
- left: -23px;
- top: 34px;
- font-family: Mistral;
- font-size: 14px;
- font-weight: normal;
- color:{color:text headers};
- text-transform: normal;
- letter-spacing: 1px;}
- .descrip2 {
- display: block;
- writing-mode: lr-tb;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- position: absolute;
- left: -20px;
- top: 34px;
- font-family:Mistral;
- font-size: 14px;
- font-weight: normal;
- color:{color:text headers};
- text-transform: normal;
- letter-spacing: 1px;}
- .descrip3 {
- display: block;
- writing-mode: lr-tb;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- position: absolute;
- left: -13px;
- top: 34px;
- font-family: Mistral;
- font-size: 14px;
- font-weight: normal;
- color:{color:text headers};
- text-transform: normal;
- letter-spacing: 1px;}
- {CustomCSS}
- </style>
- {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
- /***********************************************
- * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
- * This notice MUST stay intact for legal use
- * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
- ***********************************************/
- </script>
- </head>
- <body>
- <style><!--
- BODY{
- cursor: url('http://i.imgur.com/ZOrzC.png'), pointer }
- }
- -->
- </style>
- <!—tutorial by swagtasticable—>
- <style type="text/css">
- #gb{
- position:fixed;
- top:30px;
- z-index:+1000;
- }
- * html #gb{position:relative;}
- .gbtab{
- height:100px;
- width:30px;
- float:left;
- cursor:pointer;
- background:url("http://3.bp.blogspot.com/-nzL6xB45YbM/TpxuqJpjBZI/AAAAAAAAAYw/HznwQxRv2Sg/s1600/th_mmamv4.gif") no-repeat;
- }
- .gbcontent{
- float:left;
- border:2px solid #f2e7e2;
- background:#fcfbf8;
- padding:10px;
- }
- </style>
- <script type="text/javascript">
- function showHideGB(){
- var gb = document.getElementById("gb");
- var w = gb.offsetWidth;
- gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
- gb.opened = !gb.opened;
- }
- function moveGB(x0, xf){
- var gb = document.getElementById("gb");
- var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
- var dir = xf>x0 ? 1 : -1;
- var x = x0 + dx * dir;
- gb.style.right = x.toString() + "px";
- if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 40);}
- }
- </script>
- <div id="gb">
- <div class="gbtab" onclick="showHideGB()"> </div>
- <div class="gbcontent">
- <font size="2">MESSAGE HERE</font>
- <div style="text-align:right">
- <a href="javascript:showHideGB()">
- </a>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- var gb = document.getElementById("gb");
- gb.style.right = (30-gb.offsetWidth).toString() + "px";
- </script>
- <!—tutorial by swagtasticable—>
- <div id="wtf">
- <center>
- {block:IfShowTitle}<a href="http://{name}.tumblr.com"><h1>{Title}</h1></a>{/block:IfShowTitle}
- </center><br>
- <div id="slideout">
- <span class="descrip">Description</span>
- <div id="slideout_inner">
- {block:IfPortraitImage}
- <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="232" border="0" style="padding-bottom:4px;"></a>
- {/block:IfPortraitImage}
- {block:Description}
- <div style="height:130px; width:228px; overflow:auto; text-align:justify; padding-right:4px;">
- {Description}
- </div>
- {/block:Description}
- </div>
- </div>
- <div id="slideout2">
- <span class="descrip2">Navigation</span>
- <div id="slideout_inner2">
- <center>
- <a href="http://{name}.tumblr.com" class="links1">Home</a>
- {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
- <a href="/archive" class="links1">Archive</a>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}" class="links1">{Label}</a>
- {/block:Pages}
- {/block:HasPages}
- {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
- {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
- {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
- {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
- <a href="http://verifiedsarcastic-fashionista.tumblr.com/" class="links1">Themes</a>
- </center>
- </div>
- </div>
- {block:IfShowAskBox}
- <div id="slideout3">
- <span class="descrip3">Message</span>
- <div id="slideout_inner3">
- <div id="righthold">
- <h2>{AskLabel}</h2>
- <iframe frameborder="0" border="0" scrolling="no" width="230" height="150" allowtransparency="true"
- src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style"background-color:transparent; overflow:hidden;:"></iframe>
- </div>
- </div>
- </div>
- {block:IfShowAskBox}
- {block:IfHeaderImage}
- <center><a href="/"><img src="{image:Header}"></a></center>
- {/block:IfHeaderImage}
- <div class="autopagerize_page_element">
- {block:Posts}
- <div id="entry">
- {block:IndexPage}
- <center><div id="infos">
- <div id="details">
- <a href="{ReblogURL}">Reblog <img src="http://i42.tinypic.com/28icjl4.jpg"></a> <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a>
- {block:HasTags}<div id="tags"><b>Tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </div>
- </div></center>
- {/block:IndexPage}
- {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
- {block:Photo}
- {block:IndexPage}{LinkOpenTag}<a href="{permalink}">
- <table width="250" height="120" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td background="{PhotoURL-250}" style="background-position:center center; {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners} "> </td>
- </tr>
- </table>
- </a>
- {/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}
- {Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}
- {block:Title}{Title}{/block:Title}
- {block:Lines}
- {block:Label}
- <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
- <span class="line">{Line}</span></div>
- {/block:Label}
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- {block:IndexPage}
- <div class="video"><center>{Video-250}</center></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="video2"><center>{Video-500}</center></div>
- {Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Audio}
- <div class="audio">{AudioPlayerBlack}</div>
- {Caption}
- {/block:Audio}
- {block:Answer}
- <div id="ask">{Asker}: {Question}</div>
- <p>{Answer}</p>
- {/block:Answer}
- {block:PermalinkPage}{block:Date}
- <div id="permapage">
- 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}
- {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}
- </div>{/block:Date}
- {/block:PermalinkPage}
- {block:PostNotes}<div id="permapage">
- <h2><center>{NoteCount} Notes</center></h2>
- <br>{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <div id="top">
- {block:Pagination}
- <center><table width="70" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td width="10">
- {block:PreviousPage}<h3><a href="{PreviousPage}">◄</a></h3>{/block:PreviousPage}
- </td>
- <td width="50"><center>{CurrentPage} of {TotalPages}</center></td>
- <td width="10">{block:NextPage}<h3><a href="{NextPage}">►</a></h3>{/block:NextPage}
- </td>
- </tr>
- </table></center>{/block:Pagination}
- <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>
- </body>
- </html>

