Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!---
- THEME: MAGICA BY HEARTENS (HEARTENS.TUMBLR.COM)
- - DO NOT REMOVE THE CREDITS OR MOVE IT TO A SECONDARY PAGE
- - DO NOT REUPLOAD OR REDISTRIBUTE
- - DO NOT USE AS A BASE CODE
- ___________________________________________________________________
- BACKGROUND IMAGE: SUBTLEPATTERNS.COM
- ___________________________________________________________________
- --->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:background" content="#eff4d9" />
- <meta name="color:sidebar" content="#fefff6" />
- <meta name="color:entry" content="#fefff6" />
- <meta name="color:permalink" content="#f4f9e5" />
- <meta name="color:bold" content="#fea3a3" />
- <meta name="color:italic" content="#b5cd46" />
- <meta name="color:link" content="#F3B1C5" />
- <meta name="color:custom link" content="#F4FAD2" />
- <meta name="color:title" content="#FFA5BE" />
- <meta name="color:title bg" content="#F4FAD2" />
- <meta name="color:scroll" content="#b2bd8b" />
- <meta name="color:text" content="#726e77" />
- <meta name="color:border" content="#E1EDB9" />
- <meta name="color:hover" content="#FFFFFF" />
- <meta name="font:body" content="georgia" />
- <meta name="if:HoverOverNavigation" content="1" />
- <meta name="if:InfiniteScrolling" content="1" />
- <meta name="if:ShowCaption" content="0" />
- <meta name="if:FadingImages" content="1" />
- <meta name="if:ShowMusicPlayer" content="1" />
- <meta name="text:Background Repeat" content="repeat"/>
- <meta name="text:Player URL" content=""/>
- <meta name="image:Sidebar" content="http://static.tumblr.com/pkk9drj/0ijm3kiyq/default.png"/>
- <meta name="image:Sidebar 2" content="http://static.tumblr.com/pkk9drj/QQkm3kixw/default2.png"/>
- <meta name="image:Background" content="http://static.tumblr.com/4hejznv/wp7m3fsot/concrete_wall_2.png"/>
- <meta name="text:Link1" content="link title #1" />
- <meta name="text:Link1 URL" content="/"/>
- <meta name="text:Link2" content="link title #2" />
- <meta name="text:Link2 URL" content="/"/>
- <meta name="text:Link3" content="link title #3" />
- <meta name="text:Link3 URL" content="/"/>
- <meta name="text:Link4" content="link title #4" />
- <meta name="text:Link4 URL" content="/"/>
- <style type="text/css">
- body {
- background-image: url('{image:background}');
- background-color: {color:background};
- background-attachment: fixed;
- background-repeat: {text:Background Repeat};
- background-position:bottom right;
- color: {color:text};
- font-family: calibri;
- text-align:justify;
- font-size: 11px;
- line-height: 11px;
- }
- .entry b, #desc b, strong, #music b {
- color: {color:bold};
- }
- .entry i, #desc i, em {
- color: {color:italic};
- }
- .entry blockquote {
- border-left: 2px {color:border} solid;
- padding-left: 5px;
- }
- @font-face {
- font-family: "Ostrich";
- src: url(http://static.tumblr.com/4hejznv/nH6m3fpw8/opensans-condlight.ttf) format("truetype");
- }
- ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background-color: {color:background};
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 5px;
- background-color: {color:scroll};
- }
- ::-webkit-scrollbar-thumb:vertical:hover{
- background-color: {color:scroll};
- }
- ::-webkit-scrollbar-thumb:horizontal:hover{
- background-color: {color:scroll};
- }
- a {
- text-decoration:none;
- outline:none;
- color: {color:link};
- -moz-outline-style:none;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- a:hover {
- color: {color:border};
- }
- .title {
- background-color: {color:title bg};
- color: {color:sidebar title};
- font-family: "Ostrich";
- font-size: 12pt;
- text-align: center;
- text-transform: uppercase;
- width: 260px;
- padding: 5px;
- margin-top: 60px;
- margin-bottom: 10px;
- }
- .title a:hover {
- color: {color:hover};
- }
- .title2 {
- background-color: {color:title bg};
- color: {color:sidebar title};
- font-family: "Ostrich";
- font-size: 12pt;
- text-align: center;
- text-transform: uppercase;
- width: 260px;
- padding: 5px;
- margin-top: 5px;
- }
- #desc {
- margin-top: 110px
- text-align: justify;
- font-family: tahoma;
- width: 270px;
- font-size: 9px;
- line-height: 12px;
- letter-spacing: 1px;
- }
- #sideimage {
- max-width: 260px;
- }
- #sideimage img {
- max-width: 260px;
- margin-left: -5px;
- background-color: {color:title bg};
- padding: 5px;
- }
- #sidebar {
- width: 290px;
- padding: 10px;
- text-align: justify;
- font-size: 10px;
- line-height: 110%;
- -webkit-transition: all 1s linear;
- -moz-transition: all 1s linear;
- -o-transition: all 1s linear;
- }
- #left {
- height: 1100px;
- margin-top: -10px;
- margin-left: -10px;
- width: 290px;
- position: fixed;
- background-color: {color:sidebar};
- overflow: hidden;
- border-right: dotted 1px {color:border};
- }
- {block:IfHoverOverNavigation}#left:hover #page {
- margin-left: 290px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }{/block:IfHoverOverNavigation}
- #main {
- {block:IndexPage}width: 650px;{/block:IndexPage}
- {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
- float: left;
- margin-left: 350px;
- }
- #page {
- width: 48px;
- height: auto;
- padding: 5px;
- margin-left: 290px;
- {block:IfHoverOverNavigation}
- margin-left: 236px;
- z-index: -1;
- {/block:IfHoverOverNavigation}
- margin-top: 50px;
- position: fixed;
- overflow: hidden;
- background-color: {color:entry};
- border-top: solid 10px {color:border};
- border-bottom: solid 10px {color:border};
- border-right: solid 1px {color:border};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- -moz-box-shadow: 0px 0px 3px #e2e2e2;
- -webkit-box-shadow: 0px 0px 3px #e2e2e2;
- box-shadow: 0px 0px 3px #e2e2e2;
- }
- .custom {
- width: 45px;
- height: 45px;
- -webkit-border-radius: 45px;
- -moz-border-radius: 45px;
- border-radius: 45px;
- line-height: 55px;
- font-size: 9px;
- letter-spacing: 1px;
- display:block;
- text-align: center;
- background-color: {color:custom link};
- text-transform: lowercase;
- overflow: hidden;
- color: {color:misc links};
- float: left;
- margin-bottom: 5px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- .custom1 {
- width: 45px;
- height: 45px;
- -webkit-border-radius: 45px;
- -moz-border-radius: 45px;
- border-radius: 45px;
- line-height: 45px;
- font-size: 9px;
- letter-spacing: 1px;
- display:block;
- text-align: center;
- background-color: {color:custom link};
- text-transform: lowercase;
- overflow: hidden;
- color: {color:misc links};
- float: left;
- margin-bottom: 5px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- .custom:hover, .custom1:hover {
- background-color: {color:hover};
- }
- .entry:hover #perma {
- height: auto;
- font-size: 9px;
- letter-spacing: 1px;
- margin-left: -10px;
- margin-top: -7px;
- opacity: 0.9;
- filter:alpha(opacity=90);
- -moz-opacity: 0.9;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- position: absolute;
- }
- #perma {
- background-color: {color:permalink};
- border-top: 1px {color:border} dotted;
- font-family: calibri;
- font-size: 9px;
- letter-spacing: 1px;
- width: 270px;
- margin-top: -7px;
- margin-left: -10px;
- text-align: center;
- padding-top: 5px;
- text-transform: uppercase;
- font-style: none;
- opacity: 0;
- filter:alpha(opacity=0);
- -moz-opacity: 0;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- position:absolute;
- z-index: 999;
- }
- #player {
- background-color: {color:title bg};
- color: {color:sidebar title};
- text-align: left;
- margin-left: -5px;
- padding: 5px;
- z-index: 999;
- width: 190px;
- overflow: hidden;
- }
- #melo {
- margin-left: 10px;
- }
- #music {
- width: 190px;
- background-color: {color:entry};
- overflow:hidden;
- margin-left: 955px;
- bottom: 150px;
- border:solid 3px {color:border};
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- position: fixed;
- padding: 10px;
- padding-bottom: 4px;
- -moz-box-shadow: 0px 0px 3px #e2e2e2;
- -webkit-box-shadow: 0px 0px 3px #e2e2e2;
- box-shadow: 0px 0px 3px #e2e2e2;
- }
- #music img {
- max-width: 180px;
- margin-top: -5px;
- margin-left: -5px;
- padding: 10px;
- background-color: {color:title bg};
- }
- .entry {
- float: left;
- {block:IndexPage}width: 250px;{/block:IndexPage}
- {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
- padding: 10px;
- margin-bottom: 15px;
- background-color: {color:entry};
- overflow:hidden;
- margin: 5px;
- border:solid 6px {color:border};
- -moz-box-shadow: 0px 0px 3px #e2e2e2;
- -webkit-box-shadow: 0px 0px 3px #e2e2e2;
- box-shadow: 0px 0px 3px #e2e2e2;
- }
- .entry img {
- {block:IndexPage}max-width: 250px;{/block:IndexPage}
- {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}
- }
- {block:IfFadingImages}{block:IndexPage}
- .eimages {
- opacity: 0.5;
- filter:alpha(opacity=50);
- -moz-opacity: 0.5;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }{/block:IndexPage}{/block:IfFadingImages}
- {block:IfFadingImages}{block:IndexPage}.eimages:hover {
- opacity: 0.9;
- filter:alpha(opacity=90);
- -moz-opacity: 0.9;
- }{/block:IndexPage}{/block:IfFadingImages}
- iframe#tumblr_controls {
- right:3px !important;
- position:fixed !important;
- opacity: 0.5;
- filter:alpha(opacity=0.5);
- -moz-opacity: 0.5;
- -webkit-transition: all 1s linear;
- -moz-transition: all 1s linear;
- -o-transition: all 1s linear;
- }
- iframe#tumblr_controls:hover {
- opacity: 1;
- filter:alpha(opacity=1);
- -moz-opacity: 1;
- }
- .header {
- color: {color:title};
- font-family: 'Ostrich';
- font-size: 14pt;
- text-align: left;
- line-height: 16px;
- text-transform: uppercase;
- margin-bottom: 5px;
- }
- #tags {
- width: 512px;
- margin-left: -10px;
- margin-top: 10px;
- margin-bottom: 10px;
- text-transform: uppercase;
- padding: 2px;
- font-size: 9px;
- padding-left: 6px;
- letter-spacing: 1px;
- text-align: center;
- line-height: 10px;
- border-top: dotted 1px {color:border};
- }
- .ask {
- position: relative;
- background-color: {color:permalink};
- {block:IndexPage}width: 240px;{/block:IndexPage}
- {block:PermalinkPage}width: 490px;{/block:PermalinkPage}
- display: block;
- font-size: 10px;
- padding: 5px;
- margin: 0;
- }
- .asktitle {
- font-family: calibri;
- text-transform: uppercase;
- color: {color:title};
- text-align: left;
- margin-bottom: 2px;
- }
- ol.notes, .notes li {
- margin-left: 5px;
- list-style-type:square;
- }
- .notes img {
- display: none;
- }
- .music {
- background-color: #e4e4e4;
- margin-bottom:0px;
- }
- #source {
- font-family: calibri;
- font-size: 7pt;
- text-align: right;
- text-transform: uppercase;
- }
- .pagination {
- width: 260px;
- padding: 5px;
- font-family: calibri;
- font-size: 12px;
- margin-top: 10px;
- background-color: {color:title bg};
- float: left;
- {block:IfInfiniteScrolling}
- display: none;
- {/block:IfInfiniteScrolling}
- text-align: center;
- }
- .end {
- width: 500px;
- color: {color:text};
- }
- {CustomCSS}
- </style>
- {block:IndexPage}
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- {block:IfInfiniteScrolling}
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfInfiniteScrolling}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#main');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.entry',
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {/block:IndexPage}
- </head>
- <body>
- <div id="left">
- <div id="page">
- <a href="/" class="custom" title="home"><img src="http://static.tumblr.com/4hejznv/G81m3efkm/home.png"></a>
- <a href="/ask" class="custom" title="ask"><img src="http://static.tumblr.com/4hejznv/z8Dm3efj3/msg.png"></a>
- <a href="/archive" class="custom" title="archive"><img src="http://static.tumblr.com/4hejznv/grym3efhz/ac.png"></a>
- <a href="http://heartens.tumblr.com" class="custom" title="theme">
- <img src="http://static.tumblr.com/4hejznv/Rpcm3efjy/crd.png"></a>
- {block:ifLink1}<a href="{text:Link1 URL}" class="custom1" title="{text:Link1}">01</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2 URL}" class="custom1" title="{text:Link2}">02</a>
- {/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3 URL}" class="custom1" title="{text:Link3}">03</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4 URL}" class="custom1" title="{text:Link4}">04</a>{/block:ifLink4}
- </div>
- <div id="sidebar">
- <div id="desc"><div class="title">{title}</div>
- <center><div id="sideimage"><img src="{image:sidebar}"></div></center>
- {description}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}/ {TotalPages}{block:NextPage}<a href="{NextPage}" id="next"> »</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div></div></div>
- <div id="music"><center><img src="{image:sidebar 2}"></center>
- {block:IfShowMusicPlayer}<div id="player"><div id="melo">{text:Player URL}</div></div>{/block:IfShowMusicPlayer}
- </div>
- <div id="main">{block:Posts}<div class="entry">
- {block:Text}{block:Title}<div class="header">{Title}</div>{/block:Title}{Body}
- {/block:Text}
- {block:Photo}{LinkOpenTag}<div class="eimages"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{LinkCloseTag}
- {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<div class="eimages">{Photoset-250}</div>{/block:IndexPage}
- {block:PermalinkPage}<div class="eimages">{Photoset-500}</div>{/block:PermalinkPage}
- {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
- {/block:Photoset}
- {block:Quote}<div class="header">❝ {Quote}</div>
- {block:Source}<div id="source"> —{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}<div class="header"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
- {/block:Chat}
- {block:Audio}<div class="music">{AudioPlayerGrey}</div>
- {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
- {/block:Audio}
- {block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
- {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
- {/block:Video}
- {block:Answer}
- <div class="ask"><div class="asktitle">{Asker} asked:</div> {Question}</div>{Answer}
- {/block:Answer}
- {block:IndexPage}
- {block:Date}<div id="perma">posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a>
- {/block:NoteCount}
- </div>{/block:Date}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="end"><div id="tags">
- {block:Date}Posted: <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} | <a href="{Permalink}"> {NoteCountWithLabel}</a> (<a href="{ReblogURL}">Reblog</a>){/block:NoteCount}
- {block:RebloggedFrom}<br> origin: <a href="{ReblogRootURL}"> {ReblogRootName}</a>, via: <a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}
- {block:HasTags}<br>Tags: {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement