Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <title>{Title}</title>
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=100)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script type="text/javascript">
- // <![CDATA[
- var colour="#d5aed0"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
- var sparkles=50;
- /****************************
- * Tinkerbell Magic Sparkle *
- *(c)2005-13 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";
- rats.style.zIndex="999";
- 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";
- rats.style.zIndex="999";
- 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 (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- 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+1)+"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;
- starx[i]+=(i%5-2)/5;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- 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;
- tinyx[i]+=(i%5-2)/5;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- 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) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (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() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- 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>
- <script type="text/javascript">
- // <![CDATA[
- var colour="#f1f1f1"; // what colour are the blobs
- var speed=66; // speed of animation, lower is faster
- var blobs=8; // how many blobs are in the jar
- var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
- /***************************\
- * Blobs in a Jar Effect *
- *(c)2012-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- \***************************/
- var div;
- var xpos=new Array();
- var ypos=new Array();
- var zpos=new Array();
- var dx=new Array();
- var dy=new Array();
- var dz=new Array();
- var blob=new Array();
- var swide=800;
- var shigh=600;
- var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(fill_the_jar);
- function fill_the_jar() {
- var i, dvs;
- div=document.createElement('div');
- dvs=div.style;
- dvs.position='fixed';
- dvs.left='0px';
- dvs.top='0px';
- dvs.width='1px';
- dvs.height='1px';
- document.body.appendChild(div);
- set_width();
- for (i=0; i<blobs; i++) {
- add_blob(i);
- jamjar(i);
- }
- }
- function add_blob(ref) {
- var dv, sy;
- dv=document.createElement('div');
- sy=dv.style;
- sy.position='absolute';
- sy.textAlign='center';
- if (ie_version && ie_version<10) {
- sy.fontSize="10px";
- sy.width="100px";
- sy.height="100px";
- sy.paddingTop="40px";
- sy.color=colour;
- dv.appendChild(document.createTextNode(charc));
- }
- else if (ie_version) {
- sy.fontSize="1px";
- sy.width="0px";
- sy.height="0px";
- }
- else {
- dv.appendChild(document.createTextNode(charc));
- sy.color='rgba(0,0,0,0)';
- }
- ypos[ref]=Math.floor(shigh*Math.random());
- dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- xpos[ref]=Math.floor(swide*Math.random());
- dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- zpos[ref]=Math.random()*20;
- dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
- blob[ref]=dv;
- div.appendChild(blob[ref]);
- set_blob(ref);
- }
- function rejig(ref, xy) {
- if (xy=='y') {
- dx[ref]=(0.5+Math.random())*sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
- }
- else {
- dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*sign(dy[ref]);
- }
- }
- function sign(a) {
- if (a<0) return (-2);
- else if (a>0) return (2);
- else return (0);
- }
- function set_blob(ref) {
- var sy;
- sy=blob[ref].style;
- sy.top=ypos[ref]+'px';
- sy.left=xpos[ref]+'px';
- if (ie_version && ie_version<10) {
- sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
- sy.fontSize=30-zpos[ref]+"px";
- }
- else if (ie_version) {
- sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
- }
- else {
- sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
- sy.fontSize=40+zpos[ref]+'px';
- }
- }
- function jamjar(ref) {
- if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
- ypos[ref]+=dy[ref];
- if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
- xpos[ref]+=dx[ref];
- if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
- zpos[ref]+=dz[ref];
- set_blob(ref);
- setTimeout("jamjar("+ref+")", speed);
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- // ]]>
- </script>
- <link rel="shortcut icon" href="https://s1.piq.land/2016/02/12/hP9opBBu6nKSNjs9d5HUpqE0_400x400.png"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--
- •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
- THIS THEME WAS PERSONALLY DESIGNED BY LEY AND INDIVIDUALLY PURCHASED !!
- By: Ley @eternalworks.
- theme shall not be redistributed. credits may not be removed.
- ( thank you for your support !! )
- •._.••´¯``•.¸¸.•` εтεяηαℓ ωσякs `•.¸¸.•´´¯`••._.•
- -->
- <script language="javascript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/javascript"></script>
- <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Coda+Caption:800" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Allan" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Cookie|Playfair+Display" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Lobster+Two|Rajdhani|Walter+Turncoat" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed|IBM+Plex+Serif:300i|Old+Standard+TT|Playfair+Display|Roboto+Condensed" rel="stylesheet">
- <style>
- div#qTip {
- padding: 3px;
- display: none;
- text-align: center;
- position: absolute;
- font-size:7px;
- margin-left:10px;
- margin-top:-2px;
- line-height:9px;
- font-family:arial;
- z-index: 1000;
- border: 1px solid #cacaca;
- background-color:#fff;
- color: #9b9b9b;
- text-transform:uppercase;
- letter-spacing: 2px;
- }
- </style>
- <style type="text/css">
- .popup_block{
- display:none;
- background: url('http://static.tumblr.com/zma9h5a/N6Gp05763/bg.png');
- padding:20px;
- float:left;
- opacity: 100;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- /*----- POST IMAGES -----*/
- img {
- max-width: 100%;
- height: auto;
- border:0px solid #dec884;
- }
- pre {
- white-space: pre-wrap; / css-3 /
- white-space: -moz-pre-wrap; / Mozilla, since 1999 /
- white-space: -pre-wrap; / Opera 4-6 /
- white-space: -o-pre-wrap; / Opera 7 /
- word-wrap: break-word; / Internet Explorer 5.5+ /
- }
- /*----- IMP -----*/
- .popup_block{
- display:none;
- background: url('');
- padding:20px;
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- /*----- dedede BAR -----*/
- ::-webkit-scrollbar-thumb {
- height: 12px;
- border: 1px solid #b29aa7;
- background: url('') #;
- background-color: #b29aa7;
- }
- ::-webkit-scrollbar {
- width: 8px;
- height: 7px;
- border-left: 5px solid #f3f3f3;
- border-right: 5px solid #f3f3f3;
- border-top: 2px solid #f3f3f3;
- border-bottom: 2px solid #f3f3f3;
- background: #f3f3f3;
- }
- /*----- MAIN CONTENT -----*/
- body {
- background: url('https://static.tumblr.com/zma9h5a/Ufcpc30m0/yunatheme_copy.png') #eeeae8;
- background-position: top-right;
- background-repeat: no-repeat;/
- background-attachment: absolute;
- margin:0px;
- color: #615f59;
- letter-spacing: 0px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- font-size:13px;
- line-height:100%;
- height: 1000px;
- overflow-x: hidden;
- }
- body, a, a:hover { cursor:url( https://78.media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png ), auto; }
- /*----- TEXT DETAILS -----*/
- b,strong {
- color: #777d8e;
- text-shadow:0px 0px #fff;
- text-transform:UPPERCASE;
- font-family: 'Abel', sans-serif;
- letter-spacing: 1px;
- font-size:10px;}
- i,em {
- color:#b29aa7;
- font-family: 'IBM Plex Serif', serif;
- text-transform: none;
- font-size:13px;}
- h1 {
- font-weight:normal;
- font-size:15px;
- font-family: 'Playfair Display', serif;
- text-align:center;
- text-transform:uppercase;
- font-style:bold;
- line-height:100%;
- letter-spacing:1px;
- color:#6384b0;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#b6cfd8;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#b6cfd8;
- }
- /*----- REBLOG -----*/
- blockquote {
- padding-left:5px;
- border-left:1px dashed ;
- border-right:1px dashed ;
- border-color: #b29aa7;
- border-radius: 15px;
- margin:7px;
- background-color: #f2ecf1;
- padding:5px;
- }
- #post {
- width:400px;
- padding-bottom:0px;
- margin-top:0px;
- }
- #post a{
- color: #000;
- text-shadow:0px 0px #000;
- letter-spacing:2px;
- text-transform:uppercase;
- font-family: 'Abel', sans-serif;
- font-size: 9px;
- }
- #post:hover .tags{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #tags {
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- margin-left:10px;
- width:350px;
- text-transform:normal;
- line-height:120%;
- font-size:10px;
- text-align:left;
- padding-top:5px;
- padding:10px;
- background-color: #f6f6f6;
- border-radius: 15px;
- border-left: 2px solid #b29aa7;
- border-right: 2px solid #b29aa7;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- text-align:center;
- }
- #tags a{
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- color:#9aaab2;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- #tags a:hover{
- color:#446170;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- /*----- SIDE CONTENT-----*/
- #sidebar {
- color: #777;
- position:absolute;
- width:100px;
- height:auto;
- margin-top:-170px;
- margin-left:465px;
- text-align:left;
- }
- #description {
- position:absolute;
- width:175px;
- font-family: 'Open Sans', sans-serif;
- margin-top:625px;
- margin-left:150px;
- text-align:center;
- font-size:10px;
- color: #939090;
- text-shadow:1px 1px #000;
- letter-spacing:0px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #description a {
- color: #aca09f;
- }
- #description a:hover {
- color:#b6cfd8;
- }
- #navi {
- background-color: #;
- position:absolute;
- width:150px;
- padding-bottom: 8px;
- font-family: 'Old Standard TT', serif;
- text-transform: uppercase;
- margin-top: 461px;
- margin-left: -395px;
- text-align:center;
- font-size:8px;
- color: #794568;
- letter-spacing:1px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #navi a {
- color: #000;
- letter-spacing:2px;
- }
- #navi a:hover {
- color:#bdc3ca;
- letter-spacing:3px;
- text-shadow:0px 0px #f2e3e3;
- }
- #navi2 {
- background-color: #;
- position:absolute;
- width:130px;
- font-family: 'Francois One', sans-serif;
- text-transform: uppercase;
- margin-top:915px;
- margin-left: 740px;
- letter-spacing:3px;
- text-align:center;
- font-size:10px;
- color: #a18f7d;
- letter-spacing:0px;
- line-height:130%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #navi2 a {
- color: #e68fa1;
- text-shadow:1px 1px #fff;
- }
- #navi2 a:hover {
- color:#dc5555;
- text-shadow: 0 0 0.2em #5fd3e8;
- }
- #mains {
- background-color: #;
- position:absolute;
- width:190px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- text-transform: NONE;
- margin-top:330px;
- margin-left:-190px;
- text-align:none;
- font-size:9px;
- color: #666262;
- letter-spacing: 0.3px;
- overflow-y:hidden;
- overflow-x:hidden;
- letter-spacing:0px;
- line-height:100%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .sfm input {background-color: #fff;
- font-size: 9px;
- border: 1px solid;
- border-color: #cebec9;
- text-transform: uppercase;
- margin-top: 0px;
- color: #999;
- letter-spacing: 1px;
- padding: 4px 8px;
- font-family: calibri, helvetica, arial;}
- #mains a {
- color: #fff;
- }
- #mains a:hover {
- color:#ffffff;
- }
- #textbox {
- background-color: #;
- position:absolute;
- width:215px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- text-transform: NONE;
- margin-top:667px;
- margin-left: 503px;
- text-align:none;
- font-size:9px;
- color: #615f59;
- letter-spacing: 0.3px;
- overflow-y:hidden;
- overflow-x:hidden;
- letter-spacing:0px;
- line-height:100%;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #textbox a {
- color: #000;
- }
- #textbox a:hover {
- color:#ffffff;
- }
- #links {
- position:relative;
- font-family:georgia;
- width:450px;
- margin-top:385px;
- z-index:-1;
- margin-left:270px;
- display:inline-block;
- font-size:18px;
- font-style:none;
- letter-spacing:1px;
- text-align:left;
- line-height:280%;
- text-transform: lowercase;
- -webkit-transition: all .4s linear;
- }
- #links a{
- position: static;
- line-height:300%;
- margin-top:1px;
- margin-left:14px;
- width:60px;
- margin-bottom:4px;
- border-bottom:0px solid #0a141c;
- color: #6d5e60;
- text-shadow:1px 1px #9b8f86;
- -moz-transition-duration:.2s;
- -webkit-transition-duration:.2s;
- -o-transition-duration:.2s;
- }
- #links a:hover {
- width:60px;
- color: #d1cfbc;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- }
- #pagination {
- font-family:georgia;
- position:absolute;
- width:210px;
- font-size:25px;
- margin-top: 260px;
- margin-left: -300px;
- padding-left:500px;
- letter-spacing:1px;
- text-align:center;
- }
- #pagination a {
- color:#000;
- text-shadow:1px 1px #fff;
- }
- #pagination a:hover {
- color:#5e5952;
- }
- /*----- POST CONTENT -----*/
- #entries {
- background: ;
- opacity: 100;
- padding: 10px;
- width: 400px;
- margin-left:242px;
- margin-top:320px;
- margin-bottom: 50px;
- height:515px;
- overflow-x: hidden;
- overflow-y: auto;
- position: absolute;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #post img{
- float:left;
- margin-right:10px;
- margin-bottom:10px;
- }
- #wrap img {
- padding-right:3px;
- padding-bottom:3px;
- float:left;
- margin-right:14px;
- padding:8px;
- border:1px solid #151515;
- }
- ::selection {
- background: #e4d0e1; /* WebKit/Blink Browsers */
- }
- ::-moz-selection {
- background: #e4d0e1; /* Gecko Browsers */
- }
- #headers{
- width:128px;
- height:auto;
- color: #7f8fa0;
- text-shadow:1px 1px #fff;
- padding:10px;
- font-size:7px;
- font-weight:bold;
- letter-spacing:3px;
- line-height:100%;
- text-transform:uppercase;
- background: url('');
- background-color: #d9cadc;
- border-left:1px dashed #cad2dc;
- border-right:1px dashed #cad2dc;
- text-align:center;
- }
- #headers2{
- width:385px;
- height:28px;
- color: #fff;
- padding:10px;
- font-size:8px;
- font-weight:bold;
- letter-spacing:3px;
- line-height:100%;
- text-transform:uppercase;
- background: url('https://static.tumblr.com/zma9h5a/msRp9gi41/head.png');
- background-color: #fff;
- border:0px solid #fff;
- text-align:center;
- }
- #info {
- background: url("");
- background-color: #f6f6f6;
- border:0px solid #fff;
- font-family: 'Playfair Display', serif;
- width:380px;
- margin-top:5px;
- margin-left:10px;
- margin-bottom: 15px;
- padding-bottom:140px;
- font-size:9px;
- background:#;
- padding:4px;
- color: #726572;
- text-transform:uppercase;
- font-style:bold;
- text-align:left;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a {
- color:#395863;
- font-style:normal;
- font-size:9px;
- font-family: 'Playfair Display', serif;
- }
- #info a:hover {
- color:#4b3832;
- }
- .quote {
- font-size:11px;
- font-family:georgia;
- font-style:normal;
- line-height:17px;
- margin-bottom:15px;
- text-transform:normal;
- text-align:left;
- font-weight:normal;
- font-style:none;
- color:#fff;
- text-shadow:1px 1px #000;
- }
- #ask {
- float:left;
- color:#83786e;
- padding: 5px;
- }
- #ask_bg{
- padding: 5px;
- background: url(HERE);
- background-color: transparent;
- height: auto;
- width: 390px;
- font-family: 'IBM Plex Sans Condensed', sans-serif;
- font-size: 11px;
- color: #83786e;
- border:0px dashed #0a0f12;
- }
- /*----- BOTTOM IMAGE -----*/
- #corner {
- font-size:9px;
- font-family:cambria;
- font-style:italic;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #corner a {
- background-color:transparent;
- position:fixed;
- right:15px;
- bottom:10px
- }
- #cornerplayer
- {z-index:999;
- background-color:transparent;
- width:30px;
- height:50px;
- border-radius:0px 0px 0px 0px;
- -moz-border-radius:0px 50px 0px 0px;
- position:fixed;
- overflow:hidden;
- bottom:0px;
- right:0px;
- -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
- #cornericon
- {margin-top:15px;
- margin-bottom:20px;
- margin-right:-5px;
- -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
- #cornerplayer:hover
- {width:200px;
- -moz-border-radius:0px;
- border-radius:0px;}
- #cornerplayer:hover #cornericon
- {margin-top:10px;
- margin-left:0px;
- margin-bottom:4px;}
- </style>
- </head>
- <body>
- <!-- Wikplayer https://www.wikplayer.com -->
- <script type="text/javascript" src="https://www.wikplayer.com/code.js"
- data-config="{'skin':'https://static.tumblr.com/s2k8dvk/SNMo9m1ik/nobroken-18-0.css','volume':100,'autoplay':true,'shuffle':true,'repeat':0,'showcomment':false,'marqueetexton':true,'placement':'mini','showplaylist':false,'playlist':[{'title':'','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DA5BzGwUqGzk'}]}" ></script>
- <!-- Wikplayer code end -->
- <div id='cornerplayer' style="text-align:center;">
- <!--<div>
- <div> </div>-->
- </div><!--cornerplayer-->
- <div id="sidebar">
- <div id="sidebarimage">
- <a href="/"><img src="{image:sidebar}"></a></div>
- <div id="textbox">
- <center>
- <h1>yuna theme: </h1>
- This theme was made by <b>Ley</b> @<i>eternalworks</i> & is currently on sale for 18USD. If you are interested in this theme, please send a direct IM. It is currently available to <u>one</u> individual and the live preview will no longer be active after purchased. Thank you & enjoy!
- <br>
- <p>
- </p>
- </div>
- <div id="navi">
- <div id="headers">NAVIGATION</div><p>
- <div style="padding: 2px; background-color: #fff; border:1px solid #e3e3e3; line-height: 1;"><a href="/"> title link </a></div><br>
- <div style="padding: 2px; background-color: #fff; border:1px solid #e3e3e3; line-height: 1;"><a href="/"> title link </a></div><br>
- <div style="padding: 2px; background-color: #fff; border:1px solid #e3e3e3; line-height: 1;"><a href="/"> title link </a></div><br>
- <div style="padding: 2px; background-color: #fff; border:1px solid #e3e3e3; line-height: 1;"><a href="/"> title link </a></div><br>
- <div style="padding: 2px; background-color: #fff; border:1px solid #e3e3e3; line-height: 1;"><a href="/"> title link </a></div><br>
- <div style="padding: 2px; background-color: #fff; border:1px solid #e3e3e3; line-height: 1;"><a href="http://eternalworks.tumblr.com/"> theme </a></div><br>
- </div></div>
- </div></div>
- <div id="description">
- <div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> → </a><br />{/block:NextPage}{/block:Pagination}</div></div>
- </div></div></div>
- <div id="entries">{block:Posts}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
- {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask_bg"><div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #151d28;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br></div>{Answer}{/block:Answer}
- <div id="info">
- {block:Date} <a href="{Permalink}">{TimeAgo}</a>
- {/block:Date} {block:NoteCount} <small>notes</small>:</font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<div style="float:right;">
- {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}"></a> {/block:RebloggedFrom}{block:ContentSource} / <a title="{SourceTitle}" href="{SourceURL}"></a>{/block:ContentSource} {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog this post"><big> <img src="https://78.media.tumblr.com/tumblr_m230u4hIC11qfamg6.gif"> </font></big> </a> </div>
- </div>
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- #<a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:Posts}
- <script>
- $(document).ready(function() {
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade bin the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script type="text/javascript">
- <!--
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement