- <!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">
- <!--
- Theme by themesforya
- Basecode by: Hussy-Glamour
- - DO NOT REMOVE CREDIT!
- -->
- <head> <!-- DEFAULT VARIABLES -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript" src="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>
- <!-- ENERGY SAVING MODE -->
- <script language="javaScript" type="text/javascrip" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
- <!-- CURSOR -->
- <style type="text/css">body, a, a:hover {cursor: url('{image:cursor}'), progress;}</style>
- <META name="image:cursor" content="http://media.tumblr.com/tumblr_lvkq9aS9Nh1qlbwf2.png" />
- <META name="image:favicon" content="http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/203.gif" />
- <META name="color:Scrollbar" content="#000">
- <META name="color:Navi" content="#000">
- <META name="image:Navi hover" content="http://media.tumblr.com/tumblr_lvzhvoUd1V1r43b17.gif" />
- <META name="color:Navi hover" content="">
- <META name="color:Ask Border" content="#000">
- <META name="color:link" content="#898989">
- <META name="color:link hover" content="#fff">
- <META name="image:Background" content="http://media.tumblr.com/tumblr_lwniyda35p1r43b17.png" />
- <META name="color:Background" content="">
- <META name="color:sidebar background" content="#000">
- <META name="color:description background" content="#fff">
- <META name="image:sidebar image" content="http://s0.na-pc.cz/nahledy/h500-toni-garrn-1920x1200-40958.jpg" />
- <META name="color:Posts" content="#fff">
- <META name="text:Link 1 Title" content="" />
- <META name="text:Link 1" content="" />
- <META name="text:Link 2 Title" content="" />
- <META name="text:Link 2" content="" />
- <META name="text:Link 3 Title" content="" />
- <META name="text:Link 3" content="" />
- <META name="text:Link 4 Title" content="" />
- <META name="text:Link 4" content="" />
- <META name="text:Link 5 Title" content="" />
- <META name="text:Link 5" content="" />
- <META name="text:Link 6 Title" content="" />
- <META name="text:Link 6" content="" />
- <title>{Title}</title>
- <!--favicon-->
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <style type="text/css">
- /***NAVIGATION BUTTON***/
- div.navigate a{
- background-color:{color:Navi}; color: #fff; display:block; width: 64px; height: 12px; text-align: center; padding-left:2px;padding-right:2px;padding-top:3px; padding-bottom:5px;margin-left:10px; margin-top:7px; position:relative; text-align: center; z-index:1; border-left:0px dotted #898989;font-weight: normal;display: inline-block;-webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;font-family:segoe print; font-size:10px;
- }
- div.navigate a:hover{
- background-image:url({image:Navi hover});background-color:{color:Navi hover};
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- }
- /*** COLOR SCROLL BAR ***/
- ::-webkit-scrollbar {width: 3px; height: 5px; background-color:#fff; }
- ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};}
- #asker{
- margin-top:1px;
- padding:10px 10px 10px 10px;
- border-bottom: 1px dashed {color:Ask Border};
- }
- #answer{
- margin-top:1px;
- padding:10px 10px 10px 10px;
- }
- /*** THIS IS WHERE YOU CAHNGE THE BACKGROUND COLOR/ USE A BACKGROUND IMAGE ***/
- body{
- color:#000;
- background-color:{color:Background};
- background-image:url({image:Background});
- background-postition:center;
- background-attachment: fixed;
- background-repeat: yes-repeat;
- font-family: "segoe print";
- font-size: 11px;
- letter-spacing: 0px;
- line-height: 15px;
- text-align:justify;
- }
- /*** FONTS USED ***/
- @font-face { font-family: "paulpan"; src: url('http://static.tumblr.com/4yxykdm/Ncwlrfhzq/paulpan_.ttf'); }
- /*** COLOR OF THE LINK ***/
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration:none;
- }
- /*** COLOR OF THE LINK, WHEN YOU HOVER IT ***/
- a:hover {
- color:{color:link hover};
- text-decoration: none;
- }
- /*** HEADER ***/
- h1, big{
- color: #8B8878;
- font-family: "paulpan";
- font-size:30px;
- line-height:30px;
- letter-spacing:1px;
- font-weight:normal;
- text-transform:;
- margin:10px;
- padding:0px;
- text-align:center;
- }
- h3{
- color: #8B8878;
- font-family: "paulpan";
- font-size:30px;
- line-height:14px;
- letter-spacing:1px;
- font-weight:normal;
- margin:10px;
- padding:0px;
- margin-bottom:-0px;
- text-align:left;
- }
- h2{
- color: #8B8878;
- font-family: "paulpan";
- font-size:30px;
- line-height:27px;
- letter-spacing:1px;
- font-weight:normal;
- margin:10px;
- padding:0px;
- margin-bottom:-0px;
- text-align:center;
- }
- h11{
- color: #b3b3b3;
- font-family: "paulpan";
- font-size:25px;
- line-height:15px;
- letter-spacing:0px;
- font-weight:normal;
- text-align:center;
- }
- h5{
- color: #8B8878;
- font-family: "paulpan";
- font-size:30px;
- line-height:25px;
- letter-spacing:1px;
- font-weight:bold;
- margin:10px;
- padding:0px;
- margin-bottom:-0px;
- text-align:center;
- }
- .title {
- color: #8B8878;
- font-family: "arr";
- font-size:32px;
- line-height:10px;
- letter-spacing:2px;
- font-weight:normal;
- text-align:;
- text-transform:;
- padding-left:10px;
- border-bottom:0px solid ;
- }
- #bottominfo{
- border-top:1px solid #ffffff;
- padding:2px 0px 0px 0px;
- display:block;
- }
- #info{
- float:left;
- width:600px;
- padding:3px;
- margin:5px;
- margin-right:23px;
- }
- /**SIDEBAR**/
- #sidebar2{
- position:fixed !important;
- margin-top:160px;
- margin-left:50px;
- text-align:center;
- height:auto;
- width:258px;
- overflow:hidden;
- background:{color:sidebar background};
- z-index:999;
- padding-top:8px;
- padding-bottom:8px;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;}
- #sidebar10{
- position:fixed !important;
- margin-top:-10px;
- margin-left:-8px;
- text-align:left;
- height:30px;
- width:1500px;
- overflow:hidden;
- background-image:url(http://media.tumblr.com/tumblr_lvzhvoUd1V1r43b17.gif);
- z-index:999;
- padding:5px;
- }
- #sidebar9{
- position:fixed !important;
- margin-top:135px;
- margin-left:50px;
- text-align:center;
- height:22px;
- width:250px;
- overflow:hidden;
- background-color:;
- font-family: "paulpan";
- font-size:20px;
- z-index:999;
- padding:3px;
- }
- /**END OF SIDEBAR**/
- /*** POSTS ***/
- #center{
- -moz-box-shadow: 0 0 0px {color:shadow};
- -webkit-box-shadow: 0 0 0px {color:shadow};
- width:530px;
- margin-left:450px;
- height:auto;
- {block:PermalinkPage}
- width:630px;
- height:auto;
- {/block:PermalinkPage}
- position:absolute;
- margin-top:60px;
- background-color:;
- background-image:url();
- }
- #entry {
- border:2px solid #000;
- background-image: url();
- background-color:{color:Posts};
- float:left;
- {block:IndexPage}
- width: 500px;
- height: 100%;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:600px;
- padding:0px;
- font color: #000;
- {/block:PermalinkPage}
- overflow:hidden;
- padding:5px;
- padding-top:5px;
- margin:0px;
- margin-top:9px;
- margin-left:3px;
- }
- #entry .perma a{color:{link};}
- #entry .perma{width:0px; position: absolute; line-height: 10px; overflow:hidden; opacity: 0.0; background-color:; color: {color:link} ;margin-top:0px;margin-left:-100px;-webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; transition: all 0.7s linear;margin-top:-100px;}
- #entry:hover .perma{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
- -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; margin-left:0px;margin-top:0px;width:auto;}
- #permal {
- width: 50px;
- height:15px;
- display: inline-block;
- margin-left: 2px;
- margin-top:3px;
- padding: 2px;
- background-color:#000;
- line-height:13px;
- font-size: 11px;
- font-family: segoe print;
- color: #fff;
- text-align:center;
- -webkit-border-radius: 5px 5px 5px 5px;
- -moz-border-radius: 5px 5px 5px 5px;
- border-radius: 5px 5px 5px 5px;
- }
- #bottominfo{
- border-top:0px solid #ffffff;
- padding:2px 0px 0px 0px;
- display:block;
- }
- #question{
- border-bottom:1px solid #ffffff;
- overflow:SHOW;
- padding-bottom:3px;
- margin-bottom:3px;}
- <style type="text/css">{CustomCSS]</style>
- <script>
- /* jQuery Image Magnify script v1.1
- * This notice must stay intact for usage
- * Author: Dynamic Drive at http://www.dynamicdrive.com/
- * Visit http://www.dynamicdrive.com/ for full source code
- * Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
- * Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
- */
- jQuery.noConflict()
- jQuery.imageMagnify={
- dsettings: {
- magnifyby: 3, //default increase factor of enlarged image
- duration: 500, //default duration of animation, in millisec
- imgopacity: 0.2 //opacify of original image when enlarged image overlays it
- },
- cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
- zIndexcounter: 100,
- refreshoffsets:function($window, $target, warpshell){
- var $offsets=$target.offset()
- var winattrs={x:$window.scrollLeft(), y:$window.scrollTop(), w:$window.width(), h:$window.height()}
- warpshell.attrs.x=$offsets.left //update x position of original image relative to page
- warpshell.attrs.y=$offsets.top
- warpshell.newattrs.x=winattrs.x+winattrs.w/2-warpshell.newattrs.w/2
- warpshell.newattrs.y=winattrs.y+winattrs.h/2-warpshell.newattrs.h/2
- if (warpshell.newattrs.x<winattrs.x+5){ //no space to the left?
- warpshell.newattrs.x=winattrs.x+5
- }
- else if (warpshell.newattrs.x+warpshell.newattrs.w > winattrs.x+winattrs.w){//no space to the right?
- warpshell.newattrs.x=winattrs.x+5
- }
- if (warpshell.newattrs.y<winattrs.y+5){ //no space at the top?
- warpshell.newattrs.y=winattrs.y+5
- }
- },
- magnify:function($, $target, options){
- var setting={} //create blank object to store combined settings
- var setting=jQuery.extend(setting, this.dsettings, options)
- var attrs=(options.thumbdimensions)? {w:options.thumbdimensions[0], h:options.thumbdimensions[1]} : {w:$target.outerWidth(), h:$target.outerHeight()}
- var newattrs={}
- newattrs.w=(setting.magnifyto)? setting.magnifyto : Math.round(attrs.w*setting.magnifyby)
- newattrs.h=(setting.magnifyto)? Math.round(attrs.h*newattrs.w/attrs.w) : Math.round(attrs.h*setting.magnifyby)
- $target.css('cursor', jQuery.imageMagnify.cursorcss)
- if ($target.data('imgshell')){
- $target.data('imgshell').$clone.remove()
- $target.css({opacity:1}).unbind('click.magnify')
- }
- var $clone=$target.clone().css({position:'absolute', left:0, top:0, visibility:'hidden', border:'1px solid gray', cursor:'pointer'}).appendTo(document.body)
- $clone.data('$relatedtarget', $target) //save $target image this enlarged image is associated with
- $target.data('imgshell', {$clone:$clone, attrs:attrs, newattrs:newattrs})
- $target.bind('click.magnify', function(e){ //action when original image is clicked on
- var $this=$(this).css({opacity:setting.imgopacity})
- var imageinfo=$this.data('imgshell')
- jQuery.imageMagnify.refreshoffsets($(window), $this, imageinfo) //refresh offset positions of original and warped images
- var $clone=imageinfo.$clone
- $clone.stop().css({zIndex:++jQuery.imageMagnify.zIndexcounter, left:imageinfo.attrs.x, top:imageinfo.attrs.y, width:imageinfo.attrs.w, height:imageinfo.attrs.h, opacity:0, visibility:'visible', display:'block'})
- .animate({opacity:1, left:imageinfo.newattrs.x, top:imageinfo.newattrs.y, width:imageinfo.newattrs.w, height:imageinfo.newattrs.h}, setting.duration,
- function(){ //callback function after warping is complete
- //none added
- }) //end animate
- }) //end click
- $clone.click(function(e){ //action when magnified image is clicked on
- var $this=$(this)
- var imageinfo=$this.data('$relatedtarget').data('imgshell')
- jQuery.imageMagnify.refreshoffsets($(window), $this.data('$relatedtarget'), imageinfo) //refresh offset positions of original and warped images
- $this.stop().animate({opacity:0, left:imageinfo.attrs.x, top:imageinfo.attrs.y, width:imageinfo.attrs.w, height:imageinfo.attrs.h}, setting.duration,
- function(){
- $this.hide()
- $this.data('$relatedtarget').css({opacity:1}) //reveal original image
- }) //end animate
- }) //end click
- }
- };
- jQuery.fn.imageMagnify=function(options){
- var $=jQuery
- return this.each(function(){ //return jQuery obj
- var $imgref=$(this)
- if (this.tagName!="IMG")
- return true //skip to next matched element
- if (parseInt($imgref.css('width'))>0 && parseInt($imgref.css('height'))>0 || options.thumbdimensions){ //if image has explicit width/height attrs defined
- jQuery.imageMagnify.magnify($, $imgref, options)
- }
- else if (this.complete){ //account for IE not firing image.onload
- jQuery.imageMagnify.magnify($, $imgref, options)
- }
- else{
- $(this).bind('load', function(){
- jQuery.imageMagnify.magnify($, $imgref, options)
- })
- }
- })
- };
- jQuery.fn.applyMagnifier=function(options){ //dynamic version of imageMagnify() to apply magnify effect to an image dynamically
- var $=jQuery
- return this.each(function(){ //return jQuery obj
- var $imgref=$(this)
- if (this.tagName!="IMG")
- return true //skip to next matched element
- })
- };
- //** The following applies the magnify effect to images with class="magnify" and optional "data-magnifyby" and "data-magnifyduration" attrs
- //** It also looks for links with attr rel="magnify[targetimageid]" and makes them togglers for that image
- jQuery(document).ready(function($){
- var $targets=$('.magnify')
- $targets.each(function(i){
- var $target=$(this)
- var options={}
- if ($target.attr('data-magnifyto'))
- options.magnifyto=parseFloat($target.attr('data-magnifyto'))
- if ($target.attr('data-magnifyby'))
- options.magnifyby=parseFloat($target.attr('data-magnifyby'))
- if ($target.attr('data-magnifyduration'))
- options.duration=parseInt($target.attr('data-magnifyduration'))
- $target.imageMagnify(options)
- })
- var $triggers=$('a[rel^="magnify["]')
- $triggers.each(function(i){
- var $trigger=$(this)
- var targetid=$trigger.attr('rel').match(/\[.+\]/)[0].replace(/[\[\]']/g, '') //parse 'id' from rel='magnify[id]'
- $trigger.data('magnifyimageid', targetid)
- $trigger.click(function(e){
- $('#'+$(this).data('magnifyimageid')).trigger('click.magnify')
- e.preventDefault()
- })
- })
- })
- </script>
- </head>
- <body>
- <div id="sidebar9">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- </div>
- <div id="sidebar10">
- <div class="navigate">
- <a href="/">Home </a>
- <a href="/archive">Archive</a>
- <a href="/ask">Ask</a>
- <a href="/submit">Submit</a>
- {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
- <a href="http://themesforya.tumblr.com/">Credit</a>
- </div>
- </div>
- <div id="sidebar2">
- <h11>{title}</h11>
- <img src="{image:sidebar image}" width="250px" style="padding-top:5px;padding-bottom:8px; margin-top:5px;">
- <div style="background-color:{color:description background};padding-bottom:8px;padding-top:3px;">
- {description}
- </div>
- </div>
- {/block:Pagination}
- <div id="center">
- <div class = "autopagerize_page_element" >
- {block:Posts}<div id="entry">
- {block:IndexPage}
- <div class="perma">
- <div id="permal">
- <a href="{permalink}" target="_blank">{NoteCount} </div>
- <div id="permal"><a href="{ReblogURL}" target="_blank">Reblog</a></span></div></div>
- {/block:IndexPage}
- {block:Text}{block:Title}<center></center><h2>{Title}</h2>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}
- <h2>{block:Link}{/block:Link}</h2>
- {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}
- {block:Text}{Body}{/block:Text}
- {block:Photo}<center>{block:IndexPage}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}" class="magnify"/></a>
- {/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="600px" class="magnify"/>
- {LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
- {block:Photoset}<center>{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
- {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="links2" {Target}><center></center><br><h2>{Name}</h2></a><BR>{block:Description}<h2>{Description}</h2>{/block:Description}{/block:Link}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}<center>{block:IndexPage}<div id="video">{Video-400}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>{/block:Video}
- {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
- {block:Answer}<div id="asker">{Asker} Asked: <br><br>{Question}</div><div id="answer">I answered: {Answer}</div>{/block:Answer}</div>
- {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
- <div id="bottominfo">
- Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month}·{DayofMonth}·{NoteCount} Notes{/block:Date}♥ {block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
- {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
- </div></div> {/block:Date}{/block:PermalinkPage}
- {/block:Posts}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <p id="footer">
- </div>
- </body>
- </html>