Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!---
- THEME: PROMISE 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
- - SIDEBAR IMAGE /MUST/ BE 250X200PX OTHERWISE THE HOVER OVER WILL NOT FUNCTION PROPERLY
- - BACKGROUND CREDIT: 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="#F5F0F0" />
- <meta name="color:scroll" content="#BED2D9" />
- <meta name="color:entry" content="#FFFFFF" />
- <meta name="color:text" content="#726e77" />
- <meta name="color:header" content="#6F94A0" />
- <meta name="color:bold" content="#B8B8D6" />
- <meta name="color:title bg" content="#DCE8EB" />
- <meta name="color:sidebar" content="#ffffff" />
- <meta name="color:sidebar 2" content="#F7F9FE" />
- <meta name="color:permalink" content="#F7F9FE" />
- <meta name="color:link" content="#6F94A0" />
- <meta name="color:border" content="#BED2D9" />
- <meta name="color:hover" content="#CBDBE0" />
- <meta name="color:custom link" content="#DCE8EB" />
- <meta name="color:custom text" content="#726B6D" />
- <meta name="color:sidebar title" content="#726B6D" />
- <meta name="color:tab 1" content="#B8B8D6" />
- <meta name="color:tab 2" content="#BED2D9" />
- <meta name="color:tab 3" content="#22ccbb" />
- <meta name="font:body" content="georgia" />
- <meta name="if:InfiniteScrolling" content="0" />
- <meta name="if:HoverOverPermalink" content="1" />
- <meta name="text:Background Repeat" content="repeat"/>
- <meta name="text:SubTitle" content="Once you meet someone, you never really forget them"/>
- <meta name="image:Sidebar" content="http://static.tumblr.com/ima4vag/c3um319uq/aww.gif"/>
- <meta name="image:Background" content="http://static.tumblr.com/ima4vag/ggZm31my3/01scribble_light.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="/"/>
- <meta name="text:Link5" content="link title #5" />
- <meta name="text:Link5 URL" content="/"/>
- <meta name="text:Link6" content="link title #6" />
- <meta name="text:Link6 URL" content="/"/>
- <style type="text/css">
- body {
- background-image: url('{image:background}');
- background-color: {color:background};
- background-attachment: fixed;
- background-position: right bottom;
- background-repeat: {text:Background Repeat};
- color: {color:text};
- font-family: {font:body};
- font-size: 10px;
- }
- @font-face {
- font-family: "Times";
- src: url(http://static.tumblr.com/4hejznv/PvRm2d82f/times_.ttf) format("truetype");
- }
- @font-face {
- font-family: "dubiel";
- src: url(http://static.tumblr.com/4hejznv/irnm1ycg9/dubiel.ttf) format("truetype");
- }
- ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background-color: {color:background};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:scroll};
- height: 5px;
- }
- ::-webkit-scrollbar-thumb:vertical:hover{
- background-color: {color:scroll};
- }
- ::-webkit-scrollbar-thumb:horizontal:hover{
- background-color: {color:scroll};
- }
- a {
- color: {color:link};
- text-decoration: none;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- a:hover {
- color: {color:hover};
- }
- #sidebar {
- width: 70px;
- position: fixed;
- height: 1100px;
- margin-top: -10px;
- margin-left: 960px;
- padding: 10px;
- text-align: justify;
- border-left: 10px {color:border} solid;
- background-color: {color:sidebar};
- font-size: 10px;
- line-height: 100%;
- }
- #misc {
- margin-top: 100px;
- }
- #misc img {
- width: 60px;
- height: 60px;
- -webkit-border-radius: 60px;
- -moz-border-radius: 60px;
- border-radius: 60px;
- margin-bottom: 5px;
- }
- #pearl {
- max-width: 250px;
- max-height: 330px;
- overflow: hidden;
- position: fixed;
- z-index: 1;
- margin-top: 80px;
- margin-left: 10px;
- background-color: {color:sidebar};
- text-align: justify;
- }
- #desc {
- height: 200px;
- max-height: 200px;
- padding: 5px;
- overflow: hidden;
- position: fixed;
- position: relative;
- }
- #tags {
- width: 512px;
- margin-left: -10px;
- margin-top: 10px;
- margin-bottom: -10px;
- text-transform: lowercase;
- padding: 2px;
- font-size: 9px;
- padding-left: 6px;
- letter-spacing: 1px;
- background-color: {color:permalink};
- text-align: left;
- line-height: 10px;
- border-top: dotted 1px {color:border};
- }
- #side2 {
- height: 1100px;
- margin-top: -10px;
- margin-left: -10px;
- width: 290px;
- z-index: -1;
- position: fixed;
- background-color: {color:sidebar 2};
- border-right: dotted 1px {color:border};
- }
- #topaz {
- position: fixed;
- max-width:251px;
- overflow: hidden;
- z-index: 999;
- margin-top: -215px;
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- -o-transition: all 0.8s linear;
- }
- #topaz img {
- max-width:250px;
- max-height: 200px;
- height: 200px;
- margin-bottom: -3px;
- }
- #pearl:hover #topaz {
- margin-top: 0px;
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- -o-transition: all 0.8s linear;
- }
- #subtitle {
- font-family: calibri;
- text-transform: uppercase;
- font-size: 10px;
- width: 230px;
- text-align: center;
- line-height: 10px;
- position: fixed;
- margin-left: 10px;
- margin-top: 360px;
- background-color: {color:title bg};
- padding: 10px;
- }
- #navi {
- font-family: calibri;
- text-transform: uppercase;
- font-size: 10px;
- width: 240px;
- text-align: center;
- line-height: 10px;
- position: fixed;
- margin-left: 10px;
- margin-top: 410px;
- background-color: {color:title bg};
- padding: 5px;
- }
- #date {
- background-color: {color:entry};
- font-family: arial;
- display:block;
- font-size: 8px;
- letter-spacing: 1px;
- font-style: none;
- width: 55px;
- height: auto;
- margin: -2px 0px 1px 2px;
- padding: 10px;
- margin-left: 515px;
- margin-top: -5px;
- {block:IfHoverOverPermalink}
- opacity: 0;
- filter:alpha(opacity=0);{/block:IfHoverOverPermalink}
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- position:absolute;
- z-index: 999;
- border-left: 2px {color:border} solid;
- }
- .entry:hover #date {
- height: auto;
- margin-top: -8px;
- margin-left: 515px;
- {block:IfHoverOverPermalink}
- opacity: 0.9;
- filter:alpha(opacity=90);
- -moz-opacity: 0.9; {/block:IfHoverOverPermalink}
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- position: absolute;
- }
- .entry {
- width: 500px;
- background-color: {color:entry};
- padding: 10px;
- margin: 4px;
- overflow:hidden;
- }
- .entry b, #desc b, strong {
- color: {color:bold};
- }
- .entry i, #desc i, em {
- color: {color:bold};
- }
- .blockquote {
- font-size: 10px;
- border-left: 2px {color:border} solid;
- padding-left: 5px;
- }
- #main {
- width: 530px;
- margin-left: 320px;
- margin-top: 0px;
- padding: 4px;
- background-image: url('{image:EntryBackground}');
- background-attachment: fixed;
- background-repeat: repeat;
- }
- #custom1, #custom4{
- width: 83px;
- height: 10px;
- font-size: 9px;
- display:block;
- text-align: center;
- font-family: calibri;
- text-transform: lowercase;
- float: left;
- background-color: {color:tab 1};
- color: {color:tab 1};
- overflow: hidden;
- }
- #custom2, #custom5 {
- width: 83px;
- height: 10px;
- font-size: 9px;
- display:block;
- text-align: center;
- font-family: calibri;
- text-transform: lowercase;
- float: left;
- background-color: {color:tab 2};
- color: {color:tab 2};
- overflow: hidden;
- }
- #custom3, #custom6 {
- width: 84px;
- height: 10px;
- font-size: 9px;
- display:block;
- text-align: center;
- font-family: calibri;
- text-transform: lowercase;
- float: left;
- background-color: {color:tab 3};
- color: {color:tab 3};
- overflow: hidden;
- }
- #custom1:hover, #custom2:hover, #custom3:hover {
- background-color: {color:background};
- color: {color:text};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #custom4:hover, #custom5:hover, #custom6:hover{
- background-color: {color:background};
- color: {color:text};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .linkage {
- width: 60px;
- height: 60px;
- -webkit-border-radius: 60px;
- -moz-border-radius: 60px;
- border-radius: 60px;
- line-height: 60px;
- font-size: 9px;
- letter-spacing: 1px;
- display:block;
- text-align: center;
- font-family: {font: body};
- background-color: {color:custom link};
- text-transform: lowercase;
- overflow: hidden;
- color: {color:custom text};
- float: left;
- margin-bottom: 5px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- .linkage:hover {
- background-color: {color:background};
- color: {color:link};
- -webkit-transform: rotate(360deg);
- -moz-transform: rotate(360deg);
- -o-transform: rotate(360deg) ;
- }
- #title {
- background-color: {color:title bg};
- color: {color:sidebar title};
- font-family: "Times";
- font-size: 12pt;
- text-align: center;
- text-transform: uppercase;
- padding: 4px;
- width: 250px;
- margin-bottom: 5px;
- }
- #title a:hover {
- color: {color:hover};
- }
- .header {
- color: {color:header};
- font-family: "dubiel";
- font-size: 18pt;
- text-align: left;
- line-height: 70%;
- letter-spacing: -1px;
- }
- .header:first-letter {
- font-size: 32px;
- font-family: georgia;
- font-style: italic;
- }
- #source {
- font-family: {font:body};
- font-size:7pt;
- text-align: right;
- margin-top: 5px;
- }
- #perma {
- background-color: {color:permalink};
- border-left: 4px {color:border} solid;
- font-family: georgia;
- font-size: 9px;
- letter-spacing: 1px;
- padding: 4px;
- margin-top: 10px;
- text-transform: lowercase;
- }
- #perma a:link {
- color: {color:link};
- font-style: italic;
- }
- #perma a:hover {
- color: {color:hover};
- font-style: italic;
- }
- .ask img {
- float: left;
- max-height: 30px;
- margin-bottom: 8px;
- margin-right: 5px;
- border: solid {color:border} 5px;
- }
- .ask {
- position: relative;
- background-color: {color:permalink};
- padding: 10px;
- width: 490px;
- display: block;
- margin-top: -5px;
- margin-left: -5px;
- }
- .asktitle:first-letter {
- font-size: 22px;
- font-family: georgia;
- font-style: italic;
- text-transform: uppercase;
- }
- .asktitle {
- font-family: "Times";
- font-size: 12pt;
- color: {color:header};
- text-align: left;
- line-height: 60%
- margin-bottom: 10px;
- text-transform: uppercase;
- }
- .qarrow {
- font-size: 30px;
- color: {color:permalink};
- margin-left: 240px;
- z-index: 999;
- margin-top: -15px;
- margin-bottom: -10px;
- }
- ol.notes, .notes li {
- padding: 0px;
- margin-left: 25px;
- }
- .notes img {
- -webkit-border-radius: 16px;
- -moz-border-radius: 16px;
- border-radius: 16px;
- }
- .music {
- background-color: #e4e4e4;
- margin-bottom:0px;
- display:block;
- }
- #art {
- margin-left: 0px;
- margin-bottom: 10px;
- }
- #art img {
- max-width: 50px;
- float: left;
- border: solid {color:border} 5px;
- }
- {CustomCSS}
- </style>
- </head>
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
- <body>
- <div id="pearl">
- <div id="title">{title}</div><div id="desc">{Description}</div>
- <div id="topaz">
- <center>
- <a href="{text:Link1 URL}" id="custom1" title="{text:Link1}">001</a>
- <a href="{text:Link2 URL}" id="custom2" title="{text:Link2}">002</a>
- <a href="{text:Link3 URL}" id="custom3" title="{text:Link3}">003</a>
- </center>
- <img src="{image:Sidebar}">
- <center>
- <a href="{text:Link4 URL}" id="custom4" title="{text:Link4}">004</a>
- <a href="{text:Link5 URL}" id="custom5" title="{text:Link5}">005</a>
- <a href="{text:Link6 URL}" id="custom6" title="{text:Link6}">006</a>
- </center>
- </div></div>
- <div id="subtitle">{text:SubTitle}</div><div id="side2"></div>
- {block:IfNotInfiniteScrolling}<div id="navi">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage} of {TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}
- {/block:Pagination}</div>{/block:IfNotInfiniteScrolling}
- <div id="sidebar">
- <div id="misc">
- <img src="{PortraitURL-96}" class="misc">
- <a href="/" class="linkage">home</a>
- <a href="/ask" class="linkage">ask</a>
- <a href="/archive" class="linkage">archive</a>
- <a href="http://heartens.tumblr.com" class="linkage">theme</a>
- </div></div>
- <div class="autopagerize_page_element">
- {block:Posts}<div id="main"><div class="entry">
- {block:Date}<div id="date">
- <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumber}/{ShortYear}</a><br> at {24Hour}:{Minutes}{AmPm}
- {block:NoteCount}<br>{block:RebloggedFrom}<a href="{ReblogRootURL}">origin</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{/block:NoteCount}
- </div>
- {/block:Date}
- {block:Text}{block:Title}<div class="header">{Title}</div>{/block:Title}{Body}
- {/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/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 id="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <center><div class="music">{AudioPlayerGrey}</div></center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="ask"><img src="{AskerPortraitURL-40}" align="left"><div class="asktitle"><i>{Asker} asked:</div></i> {Question}</div> <div class="qarrow">◤</div>{Answer}
- {/block:Answer}
- <div id="tags">
- {block:Date}Posted: <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a> (<a href="{ReblogURL}">Reblog</a>){/block:NoteCount}
- {block:HasTags}<br>Tags: {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement