Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <!--
- PLEASE DO NOT REMOVE THIS.
- THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
- IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
- THEME: #10 SANCTUARY
- jyuubi.org | manatopia.org
- --RULES--
- 1) DO NOT REMOVE CREDIT.
- 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
- 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
- 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
- 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW.
- -->
- <meta name="color:BackgroundM" content="#fff">
- <meta name="color:Content Background" content="#ededed">
- <meta name="color:Content Text" content="#8F8F8F">
- <meta name="color:Content Bold" content="#df7a83">
- <meta name="color:Content Italic" content="#8ab2c2">
- <meta name="color:Content Link" content="#5cb1ad">
- <meta name="color:Post Title" content="#d1626a">
- <meta name="color:Question Background" content="#E6E6E6">
- <meta name="color:Sidebar Title" content="#d1626a">
- <meta name="color:Nav Background" content="#d3d3d3">
- <meta name="color:Nav Link" content="#c5a983">
- <meta name="color:Custom Link Background" content="#d3d3d3">
- <meta name="color:Custom Link Text" content="#d5636c">
- <meta name="color:Arrows" content="#d5636c">
- <meta name="color:Stats Text" content="#8ab2c2">
- <meta name="color:Stats Tags" content="#5cb1ad">
- <meta name="image:BackgroundM" content="http://static.tumblr.com/pdgxkke/R4Zm1nrch/sanctuary.png">
- <meta name="image:Sidebar" content="http://static.tumblr.com/pdgxkke/W3nm1nrdp/sanctuary.gif">
- <meta name="if:Infinite Scrolling" content="0">
- <meta name="if:Sidebar Background" content="1">
- <meta name="if:Description Pixel Font" content="1">
- <meta name="if:Larger Posts" content="0">
- <meta name="if:Post Border" content="1">
- <meta name="if:Show Captions" content="0">
- <meta name="if:Photo Fading" content="1">
- <meta name="if:Stats Hover" content="1">
- <meta name="if:Reblog Link" content="1">
- <meta name="if:Stats Tags" content="1">
- <meta name="text:Content Left Position" content="150">
- <meta name="text:Sidebar Top Position" content="200">
- <meta name="text:Sidebar Title" content="">
- <meta name="text:Name 1" content="">
- <meta name="text:URL 1" content="">
- <meta name="text:Name 2" content="">
- <meta name="text:URL 2" content="">
- <meta name="text:Name 3" content="">
- <meta name="text:URL 3" content="">
- <meta name="text:Name 4" content="">
- <meta name="text:URL 4" content="">
- <meta name="text:Name 5" content="">
- <meta name="text:URL 5" content="">
- <meta name="text:Name 6" content="">
- <meta name="text:URL 6" content="">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Content Bold};
- height:25px;
- }
- ::-webkit-scrollbar {
- height:10px;
- width:3px;
- background-color: {color:Content Background};
- }
- /* BODY */
- body {
- background-image: url("{image:BackgroundM}");
- background-attachment: fixed;
- background-color: {color:BackgroundM};
- }
- #container {
- width: 900px;
- margin-left: {text:Content Left Position}px;
- }
- @font-face {
- font-family: "haeccity";
- src: url('http://static.tumblr.com/pdgxkke/CXSluiy2u/haeccity_dw.ttf');
- }
- @font-face {
- font-family: "tinytots";
- src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
- }
- @font-face {
- font-family: "skinny";
- src: url('http://static.tumblr.com/pdgxkke/HDRluiyic/skinny.ttf');
- }
- /* SIDEBAR */
- #left {
- width: 160px;
- float: left;
- position: fixed;
- margin-top: {text:Sidebar Top Position}px;
- }
- #left h1 {
- font-family: lucida console;
- font-size: 12px;
- color: {color:Sidebar Title};
- font-weight: normal;
- text-transform: lowercase;
- letter-spacing: 2px;
- text-align: center;
- margin-bottom: -1px;
- margin-left: 5px;
- }
- #sidebar {
- {block:IfSidebarBackground}background-color: {color:Content Background};
- padding: 5px;{/block:IfSidebarBackground}
- width: 150px;
- {block:IfDescriptionPixelFont}font-family: haeccity;
- font-size: 10px;{/block:IfDescriptionPixelFont}
- {block:IfNotDescriptionPixelFont}font-family: tahoma, sans-serif;
- font-size: 0px;{/block:IfNotDescriptionPixelFont}
- color: {color:Content Text};
- text-transform: lowercase;
- text-align: center;
- }
- #sidebar b, strong {
- color: {color:Content Bold};
- font-weight: normal;
- }
- #sidebar i, em{
- color: {color:Content Italic};
- }
- #sidebar a {
- color: {color:Content Link};
- text-decoration: none;
- }
- #sidebar img {
- max-width: 150px;
- margin-bottom: 2px;
- }
- #sidebar a.custom {
- background-color: {color:Custom Link Background};
- display: block;
- width: 150px;
- height: 11px;
- line-height: 11px;
- font-family: consolas;
- font-size: 8px;
- color: {color:Custom Link Text};
- text-transform: uppercase;
- text-decoration: none;
- letter-spacing: 2px;
- text-align: center;
- margin-top: 2px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- opacity: .7;
- }
- #sidebar a.custom:hover {
- opacity: 1;
- }
- #links {
- background-color: {color:Nav Background};
- padding: 1px;
- line-height: 7px;
- font-family: tinytots;
- font-size: 8px;
- text-transform: uppercase;
- }
- #links a {
- color: {color:Nav Link};
- }
- #pages {
- font-family: georgia;
- font-size: 16px;
- text-align: center;
- }
- #pages a {
- color: {color:Arrows};
- text-decoration: none;
- }
- /* POSTS */
- .post {
- {block:IfLargerPosts}width: 670px;{/block:IfLargerPosts}
- {block:IfNotLargerPosts}width: 570px;{/block:IfNotLargerPosts}
- margin-left: 170px;
- }
- /* ENTRY */
- .entry {
- z-index: 6;
- overflow: hidden;
- background-color: {color:Content Background};
- {block:IfLargerPosts}width: 500px;{/block:IfLargerPosts}
- {block:IfNotLargerPosts}width: 400px;{/block:IfNotLargerPosts}
- {block:IfPostBorder}border: 5px solid {color:Content Background};{/block:IfPostBorder}
- float: left;
- margin-bottom: 10px;
- font-family: tahoma, sans-serif;
- font-size: 11px;
- letter-spacing: 1px;
- color: {color:Content Text};
- }
- .entry b, strong {
- color: {color:Content Bold};
- font-weight: bold;
- }
- .entry i, em {
- color: {color:Content Italic};
- font-style: normal;
- }
- .entry a {
- color: {color:Content Link};
- text-decoration: none;
- }
- .entry h1 {
- font-family: lucida console;
- font-size: 12px;
- color: {color:Post Title};
- font-weight: normal;
- text-align: left;
- letter-spacing: 2px;
- text-transform: uppercase;
- margin: 0;
- border-bottom: 1px solid {color:Question Background};
- }
- .entry h1 a {
- color: {color:Post Title};
- text-decoration: none;
- }
- .entry blockquote {
- border-left: 3px solid {color:Content Italic};
- padding-left: 5px;
- margin-left: 5px;
- }
- .entry img {
- {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
- {block:IfNotLargerPosts}max-width: 400px;{/block:IfNotLargerPosts}
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .entry img:hover {
- opacity: 1;
- }
- .photoset {
- {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .photoset:hover {
- opacity: 1;
- }
- /* QUOTE ENTRY */
- .entry h2 {
- font-family: lucida console;
- font-size: 12px;
- color: {color:Post Title};
- font-weight: normal;
- text-align: left;
- letter-spacing: 2px;
- text-transform: uppercase;
- }
- .quote {
- font-size: 24px;
- color: {color:Content Bold};
- float: left;
- margin-top: -6px;
- }
- /* AUDIO */
- .audio img {
- max-width: 40px;
- float: left;
- margin-right: 5px;
- }
- .player {
- background-color: #e4e4e4;
- height: 27px;
- {block:IfNotLargerPosts}width: 400px;{/block:IfNotLargerPosts}
- {block:IfLargerPosts}width: 500px;{/block:IfLargerPosts}
- }
- /* ANSWERS */
- .ask {
- background-color: {color:Question Background};
- padding: 3px;
- }
- .ask i {
- font-style: normal;
- }
- /* PERMALINK BOX */
- .perma {
- font-family: haeccity;
- font-size: 10px;
- color: {color:Stats Text};
- text-transform: lowercase;
- text-align: left;
- line-height: 10px;
- width: 155px;
- float: right;
- margin-top: 5px;
- padding: 2px;
- }
- .perma a {
- color: {color:Stats Text};
- text-decoration: none;
- }
- .perma2 {
- font-family: haeccity;
- font-size: 10px;
- color: {color:Stats Tags};
- text-transform: lowercase;
- text-align: left;
- line-height: 10px;
- width: 155px;
- height: 10px;
- float: right;
- margin-top: -5px;
- padding: 2px;
- }
- .perma2 a {
- color: {color:Stats Tags};
- text-decoration: none;
- }
- /* HOVER */
- .show {
- opacity: 0;
- filter: alpha(opacity=0);
- -moz-opacity: 0;
- -khtml-opacity: 0;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- .post:hover .show {
- opacity: 1;
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- /* PERMALINK PAGE */
- .permalink {
- font-family: {font:Post};
- font-size: 10px;
- color: {color:Content Text};
- text-transform: lowercase;
- text-align: center;
- {block:IfLargerPosts}width: 510px;{/block:IfLargerPosts}
- {block:IfNotLargerPosts}width: 410px;{/block:IfNotLargerPosts}
- margin-left: 170px;
- float: left;
- }
- .permalink b {
- color: {color:Content Bold};
- font-weight: normal;
- }
- #date {
- color: {color:Content Italic};
- }
- .permalink a {
- color: {color:Content Link};
- text-decoration: none;
- }
- ol.notes {
- padding: 0px;
- margin: 15px 0px;
- list-style-type: none;
- background: transparent;
- border: 0px;
- letter-spacing: 0px;
- }
- ol.notes li.note {
- text-align: left;
- letter-spacing: 0px;
- }
- /* FOLLOW CODE */
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.2;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- {CustomCSS}
- </style>
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScrolling}
- </head>
- <body>
- <div id="container">
- <div id="left">
- <h1>{text:Sidebar Title}</h1>
- <div id="sidebar">
- <img src="{image:Sidebar}">
- <div id="links">
- <a href="/">refresh</a> <a href="/archive">memories</a> <a href="/ask">Ask</a> <a href="http://jyuubi.org">Theme</a>
- </div>
- {block:IfName1}<a class="custom" href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}
- {block:IfName2}<a class="custom" href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}
- {block:IfName3}<a class="custom" href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}
- {block:IfName4}<a class="custom" href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}
- {block:IfName5}<a class="custom" href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}
- {block:IfName6}<a class="custom" href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}
- <p>{Description}</p>
- </div>
- {block:IfNotInfiniteScrolling}
- <div id="pages">
- {block:PreviousPage}<a href="{PreviousPage}">«</a> {block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{block:NextPage}
- </div>
- {/block:IfNotInfiniteScrolling}
- </div>
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="post">
- <div class="entry">
- {block:Text}
- <a href="{Permalink}"><h1>{Title}</h1></a>
- {Body}
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
- {block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution →</a></font>{/block:HighRes}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Photo}
- {block:Photoset}
- {block:IfLargerPosts}<div class="photoset">{Photoset-500}</div>{/block:IfLargerPosts}
- {block:IfNotLargerPosts}<div class="photoset">{Photoset-400}</div>{/block:IfNotLargerPosts}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝</div>
- <h2>{Quote}</h2>
- {block:Source}<p align="right">{Source}</p>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}<br />
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
- <div class="player">{AudioPlayerGrey}</div>
- <b>{FormattedPlayCount}</b> plays{block:Artist} <b>|</b> by <i>{Artist}</i>{/block:Artist}
- {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Audio}
- {block:Video}
- {Video-500}
- <p><center><i>{FormattedPlayCount}</i> plays</center>
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Video}
- {block:Answer}
- <div class="ask"><i>{Asker}</i> <b>sent:</b> {Question}</div>
- {Answer}
- {/block:Answer}
- </div>
- {block:IfStatsHover}<div class="show">{/block:IfStatsHover}
- <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}{block:IfReblogLink}<br><a href="{ReblogURL}" target="_blank">Reblog</a>{/block:IfReblogLink}</p>
- {block:IfStatsTags}{block:HasTags}
- <p class="perma2">{block:Tags}+ <a href="{TagURL}">{Tag}</a><br>{/block:Tags}</p>
- {/block:HasTags}{/block:IfStatsTags}
- {block:IfStatsHover}</div>{/block:IfStatsHover}
- </div>
- {block:PermalinkPage}
- <div class="permalink">
- <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
- {block:HasTags}<b>tags »</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</center>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement