Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------
- ,-,-,-. . .
- `,| | | ,-. ,-| ,-. |-. . .
- | ; | . ,-| | | |-' | | | |
- ' `-' `-^ `-^ `-' ^-' `-|
- /|
- `-'
- ,. .
- / | ,-. ,-. ,-. |- ,-. ,-. . ,-.
- /~~|-. | | ,-| `-. | ,-| `-. | ,-|
- ,' `-' ' ' `-^ `-' `' `-^ `-' ' `-^
- Rules:
- 1. Do not remove, edit, or change the theme credit please! Ask first!
- 2. Do not claim as your own!
- 3. Do not post my code ANYWHERE else!
- You can always ask me for any type of customizing help, I'd be happy too! ^^
- ------>
- <!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>
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
- <meta name="image:Background Image" content="https://40.media.tumblr.com/bf8dfe2e6ff97f506306344fe021504e/tumblr_nj0ojcjzpm1tfx9nao1_250.png"/>
- <meta name="text:Home Link Name" content="Home"/>
- <meta name="text:Home Link" content="/"/>
- <meta name="text:Askbox Link Name" content="Askbox"/>
- <meta name="text:Askbox Link" content="/ask"/>
- <meta name="text:Submit Link Name" content="Submit"/>
- <meta name="text:Submit Link" content="/submit"/>
- <meta name="text:Archive Link Name" content="Archive"/>
- <meta name="text:Archive Link" content="/archive"/>
- <meta name="text:Link 1 Title" content="Link 1"/>
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 2 Title" content="Link 2"/>
- <meta name="text:Link 2" content="/"/>
- <meta name="text:Link 3 Title" content="Link 3"/>
- <meta name="text:Link 3" content="/"/>
- <meta name="text:Link 4 Title" content="Link 4"/>
- <meta name="text:Link 4" content="/"/>
- <meta name="text:Link 5 Title" content="Link 5"/>
- <meta name="text:Link 5" content="/"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Font Color" content="#000"/>
- <meta name="color:Link Color" content="#000"/>
- <meta name="color:Link Hover Color" content="#000"/>
- <meta name="color:Title Background" content="#000"/>
- <meta name="color:Title Font Color" content="#fff"/>
- <meta name="color:Additional Quote Box" content="#eee"/>
- <meta name="color:Post Hover Border" content="#eee"/>
- <meta name="color:Image Post Hover Border" content="#000"/>
- <meta name="color:Image Post Info Background" content="#000"/>
- <meta name="color:Image Post Info Text" content="#fff"/>
- <meta name="color:Topbar Background" content="#000"/>
- <meta name="color:Topbar Links" content="#fff"/>
- <meta name="color:Topbar Links Hover Background" content="#fff"/>
- <meta name="color:Topbar Links Hover Font Color" content="#000"/>
- <meta name="color:Middlebar Background" content="#000"/>
- <meta name="color:Middlebar Links" content="#fff"/>
- <meta name="color:Middlebar Links Hover Border" content="#fff"/>
- <meta name="color:Scrollbar" content="#000"/>
- <meta name="color:Tooltip Background" content="#000"/>
- <meta name="color:Tooltip Font Color" content="#fff"/>
- <style type="text/css">
- ::-webkit-scrollbar {
- height:2px;
- width:2px;
- background:{color:Background};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background:{color:Scrollbar};
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background:{color:Scrollbar};
- }
- body {
- background:url('{image:Background Image}');
- background-color:{color:Background};
- background-attachment:fixed;
- font-size:8px;
- font-family:calibri;
- color:{color:Font Color};
- text-align:justify;
- letter-spacing:1px;
- }
- a {
- color:{color:Link Color};
- text-decoration:none;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- a:hover {
- color:{color:Link Hover Color};
- cursor:help;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- blockquote {
- border-left:1px solid {color:Font Color};
- margin-left:0px;
- padding-left:10px;
- {block:IndexPage}
- width:auto;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:424px;
- {/block:PermalinkPage}
- }
- h1 {
- font-size:10px;
- text-align:center;
- }
- ul {
- margin-left:-25px;
- }
- #topbar {
- background:{color:Topbar Background};
- color:#fff;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:2px;
- line-height:40px;
- width:110%;
- height:40px;
- margin-left:-10px;
- margin-top:-10px;
- position:fixed;
- padding-top:2px;
- padding-left:20px;
- z-index:9;
- }
- #topbar a {
- color:{color:Topbar Links};
- padding:10px;
- }
- #topbar a:hover {
- background:{color:Topbar Links Hover Background};
- color:{color:Topbar Links Hover Font Color};
- padding:10px 20px 10px 20px;
- }
- #backdrop {
- background:{color:Background};
- width:570px;
- height:110%;
- margin-top:-10px;
- margin-left:380px;
- position:fixed;
- z-index:-999;
- }
- #content {
- float:left;
- width:542px;
- margin-top:180px;
- margin-left:401px;
- }
- .container {
- margin:40px;
- float:left;
- position:relative;
- {block:PermalinkPage}
- margin:0px;
- float:none;
- {/block:PermalinkPage}
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- .post {
- border:1px solid {color:Background};
- width:180px;
- -webkit-filter: grayscale(0.6);
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- {block:PermalinkPage}
- border:none;
- margin:25px 40px 40px 41px;
- width:444px;
- {/block:PermalinkPage}
- }
- .posts {
- border:1px solid {color:Post Hover Border};
- width:160px;
- padding:10px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- {block:PermalinkPage}
- border:none;
- margin:40px 40px 40px 50px;
- width:444px;
- padding:0px;
- {/block:PermalinkPage}
- }
- .post:hover {
- border:1px solid {color:Image Post Hover Border};
- -webkit-filter: grayscale(0.0);
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- {block:PermalinkPage}
- border:none;
- {/block:PermalinkPage}
- }
- .post img {
- width:180px;
- display:block;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- {block:PermalinkPage}
- width:444px;
- -webkit-filter: grayscale(0.0);
- {/block:PermalinkPage}
- }
- .post img:hover {
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- .photoset-img {
- width: 180px;
- {block:PermalinkPage}
- width:540px;
- {/block:PermalinkPage}
- }
- .overlay {
- background:#fff;
- width:200px;
- height:100%;
- margin-top:0px;
- margin-left:0px;
- position:absolute;
- opacity:.2;
- transition: all .9s ease;
- -webkit-transition: all .9s ease;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- }
- .container:hover .overlay {
- width:0px;
- opacity:0;
- }
- .title {
- background:{color:Title Background};
- font-size:8px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;
- line-height:20px;
- color:{color:Title Font Color};
- width:153px;
- height:auto;
- padding:5px 3px 5px 3px;
- {block:PermalinkPage}
- margin-left:-8px;
- width:439px;
- {/block:PermalinkPage}
- }
- .title a {
- color:#fff;
- }
- .quote {
- background:{color:Title Background};
- font-size:8px;
- text-align:left;
- letter-spacing:1px;
- color:#fff;
- width:140px;
- height:auto;
- padding:7px 10px 7px 10px;
- }
- .bar {
- background:{color:Additional Quote Box};
- width:160px;
- height:20px;
- margin-top:5px;
- }
- #infobar {
- background:{color:Middlebar Background};
- text-align:center;
- line-height:15px;
- width:423px;
- height:auto;
- margin-left:443px;
- margin-top:80px;
- padding:10px 10px 5px 10px;
- position:absolute;
- }
- .links {
- color:#fff;
- font-size:9px;
- font-family:calibri;
- text-transform:uppercase;
- text-decoration:none;
- letter-spacing:2px;
- }
- .links a {
- border:1px solid #000;
- color:{color:Middlebar Links};
- font-size:8px;
- font-family:calibri;
- text-transform:uppercase;
- text-decoration:none;
- letter-spacing:2px;
- cursor:help;
- padding:5px 4px 6px 6px;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .links a:hover {
- border:1px solid {color:Middlebar Links Hover Border};
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- #info {
- background:{color:Image Post Info Background};
- border-radius:3px;
- color:{color:Image Post Info Text};
- font-size:6px;
- font-family:calibri;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:20px;
- width:140px;
- height:20px;
- margin-top:15px;
- margin-left:101px;
- position:absolute;
- opacity:0;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- #info a {
- color:{color:Image Post Info Text};
- text-decoration:none;
- cursor:help;
- }
- .tri {
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 6px 6px 6px;
- border-color: transparent transparent {color:Image Post Info Background} transparent;
- margin-top:-5px;
- margin-bottom:-30px;
- margin-left:120px;
- position:absolute;
- opacity:0;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .post:hover #info {
- margin-left:41px;
- opacity:1;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .post:hover .tri {
- margin-top:-5px;
- margin-bottom:-30px;
- opacity:1;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .audio {
- width:160px;
- overflow:hidden;
- {block:PermalinkPage}
- width:444px;
- {/block:PermalinkPage}
- }
- #dates {
- font-size:7px;
- text-align:right;
- {block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}
- }
- #pagenavi {
- display:none!important;
- }
- #stuff {
- background:transparent;
- width:422px;
- height:auto;
- margin-top:-10px;
- margin-left:40px;
- margin-bottom:20px;
- position:absolute;
- }
- #postnotes {
- border:1px solid #fff;
- margin-top:20px;
- height:180px;
- width:422px;
- overflow-x:hidden;
- overflow-y:scroll;
- margin-top:50px;
- padding:10px;
- position:relative;
- }
- #postnotes img {
- display:none;
- }
- #vias {
- background:{color:Image Post Info Background};
- border-radius:3px;
- color:#fff;
- font-size:7px;
- font-family:calibri;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;
- line-height:20px;
- width:434px;
- height:20px;
- padding:5px;
- position:absolute;
- }
- #vias a {
- color:#fff;
- }
- .tris {
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 6px 6px 6px;
- border-color: transparent transparent {color:Image Post Info Background} transparent;
- margin-left:400px;
- margin-top:-5px;
- position:absolute;
- }
- #tags {
- text-align:center;
- width:434px;
- height:auto;
- margin-top:50px;
- margin-bottom:-10px;
- position:relative;
- }
- #tags a {
- color:#000;
- }
- #s-m-t-tooltip {
- background:{color:Tooltip Background};
- border:1px solid {color:Tooltip Font Color};
- font-family:calibri;
- font-size:8px;
- color:{color:Tooltip Font Color};
- text-align:center;
- text-transform:uppercase;
- letter-spacing:2px;
- max-width:150px;
- margin:20px 0 0 15px;
- padding:5px 5px 7px 6px;
- position:relative;
- overflow:hidden;
- z-index:999999;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
- display:none;
- }
- #infscr-loading {
- display:none;
- }
- iframe#tumblr_controls {
- top: 40px !important;
- right:0px !important;
- position: fixed !important;
- }
- #tumblr_controls {
- opacity: 0.5;
- -webkit-filter: invert(100%);
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- #tumblr_controls:hover {
- opacity: 1;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
- </style>
- <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- itemSelector : ".container",
- navSelector : "div.pagenavi",
- nextSelector : ".pagenavi a#next",
- bufferPx : 10000,
- extraScrollPx: 10000,
- loadingImg : "",
- loadingText : "Loading, please wait.",
- },
- function() { $('#content').masonry({ appendedContent: $(this) });
- });
- });</script>
- <script type="text/javascript">
- //This will change the source address and display the correct size.
- $(".photoset").each(function() {
- var newSrc = $(this).attr("src").replace('700','860');
- $(this).attr("src", newSrc);
- });
- //This will get the new size of the iframe and resize the iframe holder accordingly.
- $(function(){
- var iFrames = $('.photoset');
- function iResize() {
- for (var i = 0, j = iFrames.length; i < j; i++) {
- iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
- }
- if ($.browser.safari || $.browser.opera) {
- iFrames.load(function(){
- setTimeout(iResize, 0);
- });
- for (var i = 0, j = iFrames.length; i < j; i++) {
- var iSource = iFrames[i].src;
- iFrames[i].src = '';
- iFrames[i].src = iSource;
- }
- } else {
- iFrames.load(function() {
- this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
- });
- }
- });
- </script>
- {/block:IndexPage}
- </head>
- <body>
- <div id="topbar">
- <a href="{text:Home Link}">{text:Home Link Name}</a>
- <a href="{text:Askbox Link}">{text:Askbox Link Name}</a>
- <a href="{text:Submit Link}">{text:Submit Link Name}</a>
- <a href="{text:Archive Link Name}">{text:Archive Link Name}</a>
- </div>
- <div id="backdrop"></div>
- <div id="infobar">
- <div class="links">
- <p>{Description}</p>
- <p><a href="{text:Link 1}">{text:Link 1 Title}</a>
- <a href="{text:Link 2}">{text:Link 2 Title}</a>
- <a href="{text:Link 3}">{text:Link 3 Title}</a>
- <a href="{text:Link 4}">{text:Link 4 Title}</a>
- <a href="{text:Link 5}">{text:Link 5 Title}</a>
- </p>
- </div>
- </div>
- <div class="pagenavi">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- <div id="content">
- {block:Posts}
- <div class="container">
- {block:Photo}
- <div class="post">
- {block:IndexPage}
- <div class="overlay"></div>
- {/block:IndexPage}
- <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {block:IndexPage}
- <div id="info">
- <div class="tri"></div>
- {ShortMonth} {DayOfMonthWithZero} @ {12HourWithZero}:{Minutes} <a href="{Permalink}">W/ {NoteCountWithLabel}</a></div>
- </div>
- {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- {block:IndexPage}
- <div class="overlay"></div>
- {/block:IndexPage}
- {block:Photos}
- <img src="{PhotoURL-500}" class="photoset-img"/>
- {/block:Photos}
- {block:IndexPage}
- <div id="info">
- <div class="tri"></div>
- {ShortMonth} {DayOfMonthWithZero} @ {12HourWithZero}:{Minutes} <a href="{Permalink}">W/ {NoteCountWithLabel}</a></div>
- </div>
- {/block:IndexPage}
- {/block:Photoset}
- {block:Text}
- <div class="posts">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {block:Date}
- <div id="dates">
- <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonthWithZero}, {ShortYear}{block:NoteCount} W/ {NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}</br>Filed Under;{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {/block:Text}
- {block:Quote}
- <div class="posts">
- <div class="quote"><i>{Quote}</i></div>
- <div class="bar"></div>
- <p>{block:Source}<div style="text-align: right; font-size:6px;">-{Source}</div>{/block:Source}</p>
- {block:Date}
- <div id="dates">
- <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonthWithZero}, {ShortYear}{block:NoteCount} W/ {NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}</br>Filed Under;{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="posts">
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {block:Date}
- <div id="dates">
- <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonthWithZero}, {ShortYear}{block:NoteCount} W/ {NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}</br>Filed Under;{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="posts">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Lines}{block:Label}<p><b>{Label}</b>{/block:Label}{Line}</p>
- {/block:Lines}
- {block:Date}
- <div id="dates">
- <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonthWithZero}, {ShortYear}{block:NoteCount} W/ {NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}</br>Filed Under;{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="posts">
- <div class="audio">{AudioPlayerWhite}</div>
- <p>{block:TrackName}{TrackName}{/block:TrackName}
- {block:Artist}By {Artist}{/block:Artist}</p>
- {block:Caption}{Caption}{/block:Caption}
- {block:Date}
- <div id="dates">
- <a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonthWithZero}, {ShortYear}{block:NoteCount} W/ {NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}</br>Filed Under;{block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {/block:Audio}
- </div>
- {block:PermalinkPage}
- <div id="stuff">
- {block:Date}<div class="tris"></div>
- <div id="vias">
- {DayOfWeek}, {Month} {DayOfMonthWithZero}, {Year} @ {12HourWithZero}:{Minutes}{AmPm}{/block:Date} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">Via {ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">© {SourceTitle} </a>{/block:ContentSource}
- </div>
- {block:HasTags}
- <div id="tags">
- Filed Under:
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div id="postnotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div style="text-align:right; font-size:8px; color:#000;bottom:2px; right:2px; position:fixed;"><a href="http://udonya.tumblr.com/">UDONYA</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement