<!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"> <head> <!-- ---------------------------------------------- #8 PRIORI THEME BY EXCOLO acrisolar.tumblr.com [main blog] excolo.tumblr.com [tumblr themes] ---------------------------------------------- --> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /> <meta name="viewport" content="width=820" /> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="color:background" content="#ffffff"/> <meta name="color:text" content="#727272"/> <meta name="color:description text" content="#727272"/> <meta name="color:links" content="#d53037"/> <meta name="color:hover" content="#928d87"/> <meta name="color:sidebar background" content="#ffffff"/> <meta name="color:description background" content="#ffffff"/> <meta name="color:accent" content="#585858"/> <meta name="color:posts background" content="#ffffff"/> <meta name="color:posts border" content="#eeeeee"/> <meta name="color:blockquote" content="#eeeeee"/> <meta name="color:icon border" content="#585858"/> <meta name="color:main links colour" content="#585858"/> <meta name="color:main links colour hover" content="#585858"/> <meta name="color:main links under" content="#d53037"/> <meta name="color:other links colour" content="#585858"/> <meta name="color:other links colour hover" content="#d53037"/> <meta name="color:other links under" content="#bebebe"/> <meta name="color:scrollbar track" content="#a9a9a9"/> <meta name="color:scrollbar thumb" content="#585858"/> <meta name="color:pagnition Button" content="#585858"/> <meta name="color:pagnition Button Hover" content="#b9b9b9"/> <meta name="color:pagnition Arrow" content="#ffffff"/> <meta name="image:background" content=""/> <meta name="image:icon" content="http://static.tumblr.com/sjl0ztp/H4Amf5udq/iconimg.png"/> <meta name="image:sidebar background" content="http://static.tumblr.com/sjl0ztp/nsymf5iye/wooood.png"/> <meta name="if:full sized background" content="0"/> <meta name="if:show captions" content="1"/> <meta name="if:show rss link" content="0"/> <meta name="if:custom scrollbar" content="1"/> <meta name="if:black and white images" content="1"/> <meta name="text:ask label" content="message"/> <meta name="text:submit label" content="submit"/> <meta name="text:rss label" content="subscribe"/> <meta name="text:Google Analytics ID" content="" /> <meta name="text:link 1 url" content="" /> <meta name="text:link 1 title" content="" /> <meta name="text:link 2 url" content="" /> <meta name="text:link 2 title" content="" /> <meta name="text:link 3 url" content="" /> <meta name="text:link 3 title" content="" /> <meta name="text:music player code" content="" /> <style type="text/css"> body { margin: 0 0 20px 0; background-color: {color:Background}; background-image:url({image:background}); background-attachment: fixed; background-repeat: repeat; {block:iffullsizedbackground}background-size:100%;{/block:iffullsizedbackground} font-family: georgia, times new roman, serif; font-size: 10px; line-height:120%; color:{color:text}; letter-spacing:0.5px; } iframe#tumblr_controls { top: 5px !important; right: 5px !important; position: fixed !important; z-index:99999 !important; } a { color:{color:links}; text-decoration:none; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } a:hover { color:{color:hover}; text-decoration:none; } ::selection { color:#fff; background-color:{color:accent}; } ::-moz-selection { color:#fff; background-color:{color:accent}; } {block:Ifcustomscrollbar} ::-webkit-scrollbar { width:10px; height:10px; } ::-webkit-scrollbar-track { background-color:{color:scrollbar track}; } ::-webkit-scrollbar-thumb { background-color:{color:scrollbar thumb}; } {/block:Ifcustomscrollbar} .music { margin-top:15px; } #cage { width:{block:indexpage}width:100%{/block:indexpage}; margin:0px auto; } #sidebar { width:250px; background:{color:Sidebar Background} url({Image:Sidebar Background}); position:fixed; height:100%; z-index:9999; top:0px; left:0px; } .dbox { position:absolute; width:210px; margin-left:20px; margin-top:50px; } .description { background:rgba({RGBcolor:Description Background},0.8); color:{color:description text}; padding:10px; margin-top:15px; } .iconimg { border:10px solid {color:icon border}; width:80px; height:80px; } .iconimg img { width:80px; height:80px; display:block; } .mainlinks { position:absolute; margin-left:100px; font-size:10px; font-style:italic; line-height:15px; margin-top:15px; } .mainlinks a { text-align:right; padding-right:10px; padding-left:20px; border-bottom:1px solid {color:main links under}; color:{color:main links colour}; -webkit-transition: ease 0.7s; -moz-transition: ease 0.7s; transition: ease 0.7s; } .mainlinks a:hover { padding-left:50px; color:{color:main links colour hover}; } .navlinks { margin-top:10px; font-style:italic; } .navlinks a { display:block; padding:3px 0 1px 0; color:{color:other links colour}; border-bottom:1px solid {color:Other links under}; -webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; transition: ease 0.4s; } .navlinks a:hover { padding:3px 0 1px 10px; color:{color:other links colour hover}; } #pagnition { margin-top:20px; } #pagnition a { background:{color:Pagnition Button}; color:{color:Pagnition Arrow}; padding:0px 6px 4px 6px; font-size:15px; } #pagnition a:hover { background:{color:Pagnition Button Hover}; } #content{ {block:indexpage}width:100%;{/block:indexpage} {block:permalinkpage}width:520px;{/block:permalinkpage} height:100%; z-index:999; margin:50px 0 0 270px; } #entry { {block:indexpage}width:250px;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage} position:relative; background:{color:posts background}; margin:0px 20px 10px 0px; border:1px solid {color:Posts border}; padding:15px; float:left; position:relative; overflow:hidden; } .bigger { width:auto!important; } .overlay { position:absolute; opacity:0; margin:10px 0 0 10px; -webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; transition: ease 0.4s; z-index:999; } #entry:hover .overlay { opacity:0.85; } .my-like:hover, .reblawg:hover, .permah:hover { opacity:0.9; } .my-like { cursor:pointer; width:19px; height:19px; background:#000 url(http://static.tumblr.com/sjl0ztp/5ZImf7sk2/permatools.png); display:inline-block; vertical-align:top; border-style:solid; border-width:5px; border-color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .my-liked { cursor:pointer; width:19px; height:19px; background:#000 url(http://static.tumblr.com/sjl0ztp/5ZImf7sk2/permatools.png); display:inline-block; vertical-align:top; border-style:solid; border-width:5px; border-color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-position:0 -19px; } .reblawg { cursor:pointer; width:25px; height:19px; background:#000 url(http://static.tumblr.com/sjl0ztp/5ZImf7sk2/permatools.png); background-position:-19px 0; display:inline-block; vertical-align:top; border-style:solid; border-width:5px 2px; border-color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .permah { cursor:pointer; width:18px; height:19px; background:#000 url(http://static.tumblr.com/sjl0ztp/5ZImf7sk2/permatools.png); background-position:-44px 0; display:inline-block; vertical-align:top; border-style:solid; border-width:5px; border-color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #entry .posttitle { font-size:15px; letter-spacing:3px; font-family:courier new; text-transform:uppercase; margin-top:5px; padding-left:10px; border-left:10px solid {color:accent}; } #entry .linktitle { font-size:15px; font-family:courier new; letter-spacing:3px; text-transform:uppercase; margin-top:5px; border-bottom-style: double; border-bottom-color:{color:links}; line-height:150%; } #entry .linktitle:hover { border-bottom-color:{color:hover}; } #entry .title{ font-family:courier new; letter-spacing:3px; text-transform:uppercase; font-size: 15px; line-height: 15px; letter-spacing: 3px; font-weight: normal; padding:0px 0px 0px 0px; } #entry .posttitle a, #entry .linktitle a, #entry .title a { color:{color:text}; } #entry .audioplayer { position:absolute; width:28px; height:28px; background:url(http://static.tumblr.com/sjl0ztp/1DNm957sg/border.png); padding:10px; overflow:hidden; top:111px; left:111px; } #entry .audioplayer .inner { width:28px; overflow:hidden; } blockquote{ margin:0px 5px; padding:7px 10px; border-left: 2px solid {color:accent}; border-right: 2px solid {color:accent}; background:{color:blockquote}; } .postnotes ul, .postnotes ol, .postnotes li { list-style:none; margin:0px; padding:0px; } .postnotes li { padding:5px 0px; } .postnotes .avatar { margin-right:10px; } .chat ul, .chat ol, .chat li{list-style:none; margin-left:-40px; padding:0px;} .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight:600;} .notes img{ width:10px; position:relative; top:3px; } .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset { {block:IndexPage} width: 400px !important; {/block:IndexPage} -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; {block:ifblackandwhiteimages} filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); {/block:ifblackandwhiteimages} } .photo, div.photo, .photo img { {block:IndexPage}height:300px;width:auto;{/block:IndexPage} display:block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; {block:ifblackandwhiteimages} filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); {/block:ifblackandwhiteimages} } .photo:hover, div.photo:hover, .photo img:hover, .photoset:hover, .photoset_row:hover, div.photoset_photo:hover, .photoset img:hover, .html_photoset:hover { -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; } .arrow-down { width: 0; height: 0; border-left: 10px inset transparent; border-right: 10px inset transparent; border-top: 10px solid {color:accent}; margin:0px 0px 0px 20px; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left:50%; bottom: 20px; font-size:0px; background:#fff; padding:2px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; width:48px; height:48px; } #infscr-loading img { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .q { font-family:georgia; font-size:40px; padding-top:10px; color:{color:accent}; } #top-link{ position:fixed; bottom:15px; right:15px; margin:0px auto; font-size:20px; padding-top:5px; text-align:center; width:25px; height:20px; background:{color:back to top button}; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color:{color:background}; } .credit { position:fixed; font-family:times new roman; bottom:10px; left:10px; font-size:20px; opacity:1; } .credit:hover { opacity:0.8; } .credit a { color:{color:back to top button} !important; } #posts td { vertical-align:top; } {CustomCSS} </style> <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script> </head> <div id="sidebar"> <div class="dbox"> <div class="mainlinks"> <a href="/" class="ml1">index</a><br /> <a href="/ask" class="ml2">{text:ask label}</a><br /> <a href="/archive" class="ml3">archive</a><br /> <a href="http://excolo.tumblr.com" class="ml4">theme</a> </div> <a href="/"><div class="iconimg">{block:Ificonimage}<img src="{image:Icon}">{/block:Ificonimage}{block:Ifnoticonimage}<img src="{PortraitURL-96}">{/block:Ifnoticonimage}</div></a> <div class="description">{Description}</div> <div class="navlinks"> {block:submissionsenabled}<a href="/submit">{text:submit label}</a>{/block:submissionsenabled} {block:ifshowrsslink}<a href="{Rss}">{text:rss label}</a>{/block:ifshowrsslink} {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title} {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title} {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title} </div> {block:ifmusicplayercode} <div class="music"> {text:music player code} </div> {/block:ifmusicplayercode} {block:IndexPage} <div id="pagnition"> {block:PreviousPage}<a href="{PreviousPage}" title="previous page"><</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="next page">></a>{/block:NextPage} </div> {/block:IndexPage} </div> </div> <div id="woodbar"></div> <body> {block:ifbacktotopbutton}<a onclick="jQuery('html, body').animate( { scrollTop: 0 }, 'slow' );" href="javascript:void(0);"><div id="top-link">↑</div></a> {/block:ifbacktotopbutton} <div class="credit"> <a href="http://excolo.tumblr.com" title="theme by excolo">E</a> </div> {block:ifmusicplayercode} <div id="music"> <div class="inner"> <div style="float:left;"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"> </div> <div style="float:left;">{text:music player code}</div> </div> </div> {/block:ifmusicplayercode} <div id="cage"> <div id="content"> <table id="posts"><tr> {block:Posts}<td> <div id="entry" class="{block:indexpage}{block:photo} bigger{/block:photo}{block:video} bigger{/block:video}{/block:indexpage}"> {block:indexpage} <div class="overlay"> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> <a href="{ReblogURL}" title="reblog"><div class="reblawg"></div></a> <a href="{Permalink}" title="go to permalink page"><div class="permah"></div></a> </div> {/block:indexpage} {block:Text} {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title} {Body} {/block:Text} {block:Link} <span class="linktitle"><a href="{URL}">{Name}</a></span> {block:Description}{Description}{/block:Description} {block:Link} {block:Photo}{block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-400}" alt="{alt}" title="{alt}" /></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/>{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Quote} <table border="0"><tr><td style="vertical-align:top;"><div class="q">“</div></td><td><span class="title"><a href="{permalink}">{Quote}</a></span> {block:Source}<p style="margin:5px 0px 0px 0px;text-align:right;">-- <b>{Source}</b></p>{/block:Source}</td></tr></table> {/block:Quote} {block:Chat} {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title} <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:Answer} <div style="padding:5px;background:{color:accent};color:{color:posts background};">{Question}</div> <div class="arrow-down"></div> <div style="font-family:courier new;text-transform:uppercase;margin:5px 0px 0px 22px;"><img src="{AskerPortraitURL-16}"> {lang:Asked by Asker 2}</div> {Answer} {/block:Answer} {block:Audio} {block:AudioPlayer} {block:AlbumArt}<div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><img src="{AlbumArtURL}" width="250px" height="250px"></a> {/block:AlbumArt} <br /><br /> {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} {block:Album}<b>Album:</b> {Album}<br />{/block:Album} {block:TrackName}<b>Track:</b> {TrackName}<br />{/block:TrackName} {block:PlayCount}<b>Played:</b> {Playcount} times{/block:PlayCount} {/block:AudioPlayer} {/block:Audio} {block:Video} {block:indexpage}{Video-400}{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage} {block:indexpage}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:indexpage} {block:Video} </div> </td>{/block:Posts} </tr></table> {block:posts} {block:permalinkpage} {block:caption}<div id="entry">{caption}</div>{/block:caption} {block:date}<div id="entry"> {lang:Posted TimeAgo with NoteCount notes}<br />{block:RebloggedFrom}{lang:Reblogged from ReblogParentName 2}<br /> {lang:Originally from ReblogRootName 2}<br />{/block:RebloggedFrom} {block:ContentSource}© <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource} {block:HasTags}{lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </div>{/block:date} {block:PostNotes}<div id="entry"><span class="postnotes">{PostNotes}</span></div>{/block:PostNotes} {/block:permalinkpage} {/block:posts} </div> </div> {block:IfGoogleAnalyticsID} <script> var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; s.parentNode.insertBefore(g,s)}(document,'script')); </script> {/block:IfGoogleAnalyticsID} </body> </html>