Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME: #06 - Angelic
- by sakurane - (sakurane.tumblr.com)
- ----------------------------------------------------------------------
- TERMS OF USAGE
- 1. Do not remove the credit. (You may move it to a credits page.)
- 2. Do not use as a base code.
- 3. Do not take any part of the code.
- 4. Do not redistribute.
- 5. Do not claim as your own.
- 6. You may customize to your liking, but keep the credit intact.
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="http://static.tumblr.com/kzorqqu/8EOmgtzik/normalize.css"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:Background" content="#f7f7f7"/>
- <meta name="color:Post Text" content="#b7b7b7"/>
- <meta name="color:Bold" content="#b7b7b7"/>
- <meta name="color:Italic" content="#b7b7b7"/>
- <meta name="color:Link" content="#b8b8b8"/>
- <meta name="color:Link Hover" content="#808080"/>
- <meta name="color:Post BG" content="#fbfbfb"/>
- <meta name="color:Post Title" content="#a2a2a2"/>
- <meta name="color:Title Border" content="#ececec"/>
- <meta name="color:Sidebar Border" content="#ececec"/>
- <meta name="color:Description" content="#c5c5c5"/>
- <meta name="color:Desc Bracket" content="#ececec"/>
- <meta name="color:Navigation Link" content="#fff"/>
- <meta name="color:Navigation Link Hover" content="#b7b7b7"/>
- <meta name="color:Navigation BG" content="#dadada"/>
- <meta name="color:Navigation BG Hover" content="#fff"/>
- <meta name="color:Pagination" content="#dcdcdc"/>
- <meta name="color:Post Date" content="#c4c4c4"/>
- <meta name="color:Post Date BG" content="#fff"/>
- <meta name="color:Album BG" content="#fff"/>
- <meta name="color:Ask BG" content="#ececec"/>
- <meta name="color:Ask Link" content="#c6c6c6"/>
- <meta name="color:Scrollbar BG" content="#f7f7f7"/>
- <meta name="color:Scrollbar" content="#ececec"/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="if:500px" content="1"/>
- <meta name="if:400px" content="0"/>
- <meta name="if:250px" content="0"/>
- <meta name="if:Navigation 1" content="1"/>
- <meta name="if:Navigation 2 Left" content="0"/>
- <meta name="if:Navigation 2 Right" content="0"/>
- <meta name="if:No Post BG" content="0"/>
- <meta name="if:No Description" content="0"/>
- <meta name="if:Faded Image" content="0"/>
- <meta name="if:Grayscale" content="0"/>
- <meta name="if:Grayscale With Hover" content="0"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="if:Show Caption" content="0"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="font:Body" content="arial"/>
- <meta name="text:Font Size" content="10"/>
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link Url 1" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link Url 2" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link Url 3" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link Url 4" content=""/>
- <style>
- iframe#tumblr_controls {
- position: fixed!important;
- right: 3px!important;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 100px;
- background: {color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 10px;
- background: {color:Scrollbar BG};
- }
- body {
- font: {text:Font Size}px {font:Body};
- color: {color:Post Text};
- word-wrap: break-word;
- background: {color:Background} url({image:Background}) repeat fixed;
- margin: 0;
- }
- a {
- color: {color:Link};
- text-decoration: none;
- }
- a:hover {
- color: {color:Link Hover};
- }
- b, strong {
- color: {color:Bold};
- }
- i, em {
- color: {color:Italic};
- }
- small {
- font-size: 10px;
- }
- pre {
- width: 100%;
- overflow: auto;
- }
- #entry img, iframe.photoset {
- border: 0;
- max-width: 100%;
- }
- .iframe.photoset {
- display: block;
- }
- #container {
- {block:If400px} width: 400px; {/block:If400px}
- {block:IfNot400px}{/block:PermalinkPage} width: 500px; {/block:PermalinkPage}{/block:IfNot400px}
- margin-left: 548px;
- {block:IfNoPostBG} margin-left: 548px; {/block:IfNoPostBG}
- }
- #entry {
- {block:IndexPage}{block:If500px} width: 500px; {/block:If500px}
- {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage}
- {block:If400px} width: 400px; {/block:If400px}
- {block:IfNot400px}{block:PermalinkPage} width: 500px; {/block:PermalinkPage}{/block:IfNot400px}
- {block:IfNotNoPostBG} background: {color:Post BG}; padding: 15px; margin: 60px 0; {/block:IfNotNoPostBG}
- {block:IfNoPostBG} background: none; margin: 80px 0; {/block:IfNoPostBG}
- overflow: hidden;
- z-index: -1;
- }
- {block:IndexPage}#entry img, .photoset {
- {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
- {block:IfNotGrayscale}{block:IfGrayscaleWithHover} 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"); /* Firefox 3.5+ *
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
- {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
- {block:IfNotGrayscaleWithHover}{block:IfGrayscale} 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"); /* Firefox 3.5+ *
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale}{/block:IfNotGrayscaleWithHover}
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- }
- #entry img:hover, .photoset:hover {
- {block:IfFadedImage} opacity: 1; {/block:IfFadedImage}
- {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none;
- -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
- }{/block:IndexPage}
- h1 {
- font: italic 20px times;
- color: {color:Post Title};
- text-align: center;
- border-bottom: 1px solid {color:Title Border};
- }
- h2 {
- font: italic 15px times;
- border-bottom: 1px solid {color:Title Border};
- margin-bottom: -5px;
- }
- blockquote {
- border-left: 5px solid {color:Sidebar Border};
- margin: 0 15px;
- padding: 0 5px;
- }
- blockquote blockquote {
- margin: 0px 0px 4px 10px;
- }
- #entry:hover #info {
- opacity: 1;
- }
- #info {
- position: absolute;
- {block:IndexPage}{block:If500px} {block:IfNotNoPostBG} margin-left: 530px; {/block:IfNotNoPostBG}{block:IfNoPostBG} margin-left: 510px; {/block:IfNoPostBG}{/block:If500px}
- {block:If250px} {block:IfNotNoPostBG} margin-left: 280px; {/block:IfNotNoPostBG}{block:IfNoPostBG} margin-left: 260px; {/block:IfNoPostBG} {/block:If250px}{/block:IndexPage}
- {block:If400px} {block:IfNotNoPostBG} margin-left: 430px; {/block:IfNotNoPostBG}{block:IfNoPostBG} margin-left: 410px; {/block:IfNoPostBG} {/block:If400px}
- {block:IfNot400px}{block:PermalinkPage} {block:IfNotNoPostBG} margin-left: 530px; {/block:IfNotNoPostBG}{block:IfNoPostBG} margin-left: 510px; {/block:IfNoPostBG} {/block:PermalinkPage}{/block:IfNot400px}
- font: 8px garamond;
- text-transform: uppercase;
- letter-spacing: 1px;
- opacity: 0;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #tags {
- {block:IndexPage}{block:If500px} width: 500px; {/block:If500px}
- {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage}
- {block:If400px} width: 400px; {/block:If400px}
- {block:IfNot400px}{block:PermalinkPage} width: 500px; {/block:PermalinkPage}{/block:IfNot400px}
- padding: 0 10px;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- {block:IfNotNoPostBG} margin-top: -55px; {/block:IfNotNoPostBG}
- {block:IfNoPostBG} margin-top: -75px; {/block:IfNoPostBG}
- {block:IfNotShowTags}{block:IndexPage} display:none; {/block:IndexPage}{/block:IfNotShowTags}
- }
- #notes {
- text-align: left;
- }
- ol.notes {
- margin-left: -15px;
- }
- ol.notes li.note {
- list-style-type: none;
- }
- ol.notes li.note img.avatar {
- width: 16px;
- height: 16px;
- border: 5px solid {color:Sidebar Border};
- margin: 5px;
- vertical-align: -15px;
- }
- #sidebar {
- width: 250px;
- position: fixed;
- top: 100px;
- left: 150px;
- }
- #sidebar img {
- width: 250px;
- border: 20px solid {color:Sidebar Border};
- }
- #desc {
- font-size: 10px;
- color: {color:Description};
- position: relative;
- {block:IfNoDescription} display: none; {/block:IfNoDescription}
- }
- .about {
- text-align: justify;
- position: absolute;
- padding: 10px;
- margin: 20px 0 0 35px;
- z-index: 999;
- }
- .bracket {
- font: italic bold 72px arial;
- color: {color:Desc Bracket};
- position: relative;
- }
- #nav {
- {block:IfNavigation1} width: 250px; margin: 30px 0 0 20px; {/block:IfNavigation1}
- {block:IfNotNavigation1}{block:IfNavigation2Left} margin: 60px 0 0 -90px; {/block:IfNavigation2Left}
- {block:IfNavigation2Right} margin: 60px 0 0 308px; {/block:IfNavigation2Right}{/block:IfNotNavigation1}
- position: fixed;
- text-align: center;
- }
- #nav a {
- {block:IfNavigation1} width: 110px; display: inline-block; margin: 2px; {/block:IfNavigation1}
- {block:IfNotNavigation1} width: 70px; display: block; margin: 10px 0; {/block:IfNotNavigation1}
- font: italic bold 12px garamond;
- background: {color:Navigation BG};
- color: {color:Navigation Link};
- text-align: center;
- padding: 1px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #nav a:hover {
- color: {color:Navigation Link Hover};
- background: {color:Navigation BG Hover};
- }
- #pagi {
- text-align: center;
- margin-left: 35px;
- }
- #pagi a {
- color: {color:Pagination};
- margin: 0 15px;
- text-transform: uppercase;
- }
- #date {
- {block:IndexPage}{block:If500px}width: 530px;{/block:If500px}{block:If250px}width: 280px;{/block:If250px}{/block:IndexPage}{block:If400px}width:430px;{/block:If400px}{block:IfNot400px}{block:PermalinkPage}width:530px;{/block:PermalinkPage}{/block:IfNot400px}
- position: absolute;
- margin: -45px 0 0 -15px;
- text-align: center;
- }
- .permadate {
- font: 8px garamond;
- color: {color:Post Date};
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 1px;
- background: {color:Post Date BG};
- {block:IfNotNoPostBG} line-height: 30px; {/block:IfNotNoPostBG}
- }
- .datebracket {
- font: italic bold 12px arial;
- }
- .quote {
- font: italic 24px garamond;
- text-align: justify;
- text-indent: 25px;
- padding: 0 10px 5px 10px;
- }
- .qtsource {
- text-align: right;
- }
- #musicplayer {
- width: 40px;
- height: 40px;
- position: absolute;
- margin: -95px 0 0 55px;
- border-radius: 500px;
- -moz-border-radius: 500px;
- opacity: 0.8;
- background: #fff;
- z-index: 1;
- }
- .music {
- width: 20px;
- height: 20px;
- overflow: hidden;
- text-align: center;
- position: absolute;
- margin: 7px;
- }
- .album {
- width: 150px;
- height: 150px;
- opacity: 0.4;
- background: {color:Album BG};
- }
- .ask {
- width: 60px;
- height: 60px;
- position: relative;
- float: left;
- background: {color:Ask BG};
- margin: 0 10px;
- }
- .ask img {
- padding: 10px;
- }
- .ask:after {
- height: 0;
- width: 0;
- content: " ";
- position: absolute;
- left: 100%;
- border: solid transparent;
- pointer-events: none;
- }
- .ask:after {
- border-left-color: {color:Ask BG};
- border-width: 10px;
- top: 50%;
- margin-top: -10px;
- }
- .asker {
- font: italic bold 14px times;
- color: {color:Ask Link};
- text-transform: lowercase;
- letter-spacing: 5px;
- line-height: 0px;
- padding-top: 0px;
- margin-top: 0px;
- }
- .answer {
- border-top: 1px solid {color:Title Border};
- margin-top: 10px;
- }
- #backtotop{
- position: fixed;
- right: 10px;
- bottom: 0px;
- padding: 5px;
- text-align: center;
- }
- #backtotop a{
- font-size: 30px;
- color: {color:Link};
- }
- #backtotop a:hover{
- color: {color:Link Hover};
- }
- {CustomCSS}
- </style>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- </head><body>
- <div id="backtotop"><a href="javascript:scroll(0,0)">▲</a></div>
- <div id="sidebar">{block:IfNotInfiniteScroll}{block:Pagination} <div id="pagi">{block:PreviousPage} <a href="{PreviousPage}">← back</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next →</a> {/block:NextPage} </div>{/block:Pagination}{/block:IfNotInfiniteScroll}<div id="nav"><a href="/">index</a><a href="/ask">ask</a><a href="/archive">archive</a>{block:IfLink1}<a href="{text:Link URL 1}">{text:Link 1}</a>{/block:IfLink1}{block:IfLink2}<a href="{text:Link URL 2}">{text:Link 2}</a>{/block:IfLink2}{block:IfLink3}<a href="{text:Link URL 3}">{text:Link 3}</a>{/block:IfLink3}{block:IfLink4}<a href="{text:Link URL 4}">{text:Link 4}</a>{/block:IfLink4}<a href="http://sakurane.tumblr.com">theme</a></div><img src="{image:Sidebar}"><div id="desc"><div class="about">{Description}</div><div class="bracket" style="margin: -5px 0 0 10px;">{</div><div class="bracket" style="margin: -80px 0 0 240px;">}</div></div></div>
- <div id="container">
- {block:IfInfiniteScroll}
- <div class="autopagerize_page_element">
- {/block:IfInfiniteScroll}
- {block:Posts}
- <div id="entry"><div id="info">{block:NoteCount}<h2>{NoteCountWithLabel}</h2><br>{/block:NoteCount}{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a><p>{/block:RebloggedFrom}→ <a href="{ReblogURL}">Reblog</a></div>
- {block:Date}<div id="date"><font class="datebracket">{</font> <span class="permadate"><a href="{Permalink}">{DayofWeek}, {Month} {DayofMonthWithZero}, {Year}</a></span><font class="datebracket">}</font></div>{/block:Date}
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img style="display: block;" src="{PhotoURL-500}" alt="{PhotoAlt}" {block:If400px}width="400"{/block:If400px}{block:IndexPage}{block:If250px}width="250"{/block:If250px}{/block:IndexPage}/>{LinkCloseTag}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Photo}
- {block:Photoset}<div class="photoset">{block:IndexPage}{block:If500px}{Photoset-500}{/block:If500px}{block:If250px}{Photoset-250}{/block:If250px}{/block:IndexPage}{block:If400px}{Photoset-400}{/block:If400px}{block:IfNot400px}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNot400px}</div>{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Photoset}
- {block:Quote}<div class="quote">" {Quote}</div>{block:Source} <div class="qtsource">—{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<font style="text-transform: uppercase; letter-spacing: 1px;"><b>{Label}</b></font>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
- {block:Audio}<table width="100%" cellpadding="3" cellspacing="0" style="padding-bottom: 12px;"><tr><td style="text-align: center; font-size: 10px; padding: 0 20px;">{block:TrackName}<h1><b>Title:</b> {TrackName}</h1>{/block:TrackName}<p>{block:Artist}<b>Artst:</b> {Artist}<p>{/block:Artist}{block:Album}<b>Album:</b> {Album}<p>{/block:Album}{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</td><td width="150"><div style="{block:AlbumArt}display:none;{/block:AlbumArt} border-right: 20px solid #efece4;"><div class="album"></div></div>{block:AlbumArt}<img src="{AlbumArtURL}" width="150" style="border-right: 20px solid #efece4; z-index: -1;">{/block:AlbumArt}<div id="musicplayer"><div class="music">{AudioPlayerWhite}</div></div></td></tr></table>{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Audio}
- {block:Video}{block:IndexPage}{block:If500px}{Video-500}{/block:If500px}{block:If250px}{Video-250}{/block:If250px}{/block:IndexPage}{block:If400px}{Video-400}{/block:If400px}{block:IfNot400px}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:IfNot400px}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Video}
- {block:Answer}<table cellpadding="3" cellspacing="0"><tr><td valign="top"><div class="ask"><img src="{AskerPortraitURL-40}"></div></td><td><div class="asker">{Asker} asked:</div> <br><div style="font-style: italic; color: #ccc9c2; text-align: justify; padding-right: 10px; margin-top: -5px;">{Question}</div></td></tr></table><div class="answer">{Answer}</div>{/block:Answer}
- {block:ContentSource}
- <!-- {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {/block:Posts}
- {block:PermalinkPage}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement