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: #24 SAKURAS
- 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.
- --CREDIT--
- [sidebar] -kokoro.tumblr.com / flickr.com/people/shinoanna
- -->
- <meta name="color:BackgroundM" content="#ececec">
- <meta name="color:Regular Text" content="#9d9d9d">
- <meta name="color:Bold Text" content="#c99893">
- <meta name="color:Italic Text" content="#b8a794">
- <meta name="color:Link Text" content="#9ab272">
- <meta name="color:Left Background" content="#fff">
- <meta name="color:Top Background" content="#d5a6a7">
- <meta name="color:Sidebar Background" content="#ececec">
- <meta name="color:Top Title" content="#9c7576">
- <meta name="color:Top Links Background" content="#c29697">
- <meta name="color:Top Links Text" content="#eed2d3">
- <meta name="color:Top Links Text Hover" content="#9c7576">
- <meta name="color:Custom Background" content="#d1d397">
- <meta name="color:Custom Text" content="#a2a474">
- <meta name="color:Sidebar Title" content="#d5a6a7">
- <meta name="color:Sidebar Title Background" content="#f4f4f4">
- <meta name="color:Extra Link Background" content="#ddd3ba">
- <meta name="color:Extra Link Text" content="#a9a08b">
- <meta name="color:Post Background" content="#f4f4f4">
- <meta name="color:Post Title" content="#d5a6a7">
- <meta name="color:Post Blockquote" content="#e5e5e5">
- <meta name="color:Stats Background" content="#eeeeee">
- <meta name="color:Stats Text" content="#c29697">
- <meta name="image:BackgroundM" content="http://static.tumblr.com/ljotsrb/77am3df1j/stacked_circles.png">
- <meta name="image:Sidebar" content="">
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Show Captions" content="0">
- <meta name="if:Photo Fading" content="1">
- <meta name="font:Post" content="calibri, sans-serif">
- <meta name="font:Description" content="calibri, sans-serif">
- <meta name="text:Top Title" content="cherry blossoms">
- <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="">
- <meta name="text:Extra Link 1" content="">
- <meta name="text:Extra URL 1" content="">
- <meta name="text:Extra Link 2" content="">
- <meta name="text:Extra URL 2" content="">
- <meta name="text:Extra Link 3" content="">
- <meta name="text:Extra URL 3" content="">
- <meta name="text:Extra Link 4" content="">
- <meta name="text:Extra URL 4" content="">
- <head>
- <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- /* BODY */
- body {
- background-image: url('{image:BackgroundM}');
- background-attachment: fixed;
- background-color: {color:BackgroundM};
- margin: 0;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Bold Text};
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 8px;
- background-color: {color:Post Background};
- }
- /* TOP */
- #sidebg {
- background-color: {color:Left Background};
- position: fixed;
- height: 100%;
- width: 360px;
- opacity: .3;
- margin-left: 10px;
- }
- #top {
- background-color: {color:Top Background};
- position: fixed;
- width: 340px;
- padding: 10px;
- margin-left: 10px;
- }
- #links {
- float: right;
- }
- #top h1 {
- font-family: 'Tulpen One', cursive;
- font-size: 22px;
- color: {color:Top Title};
- letter-spacing: 2px;
- font-weight: normal;
- margin: 0;
- float: left;
- line-height: 26px;
- text-transform: uppercase;
- }
- #top a {
- background-color: {color:Top Links Background};
- display: inline-block;
- width: 50px;
- height: 25px;
- font-size: 8px;
- font-family: consolas;
- color: {color:Top Links Text};
- text-decoration: none;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- line-height: 25px;
- margin-top: -15px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #top a:hover {
- color: {color:Top Links Text Hover};
- }
- /* SIDEBAR */
- #left {
- width: 320px;
- position: fixed;
- {block:IfName1}margin-top: 90px;{/block:IfName1}
- {block:IfNotName1}margin-top: 60px;{/block:IfNotName1}
- margin-left: 30px;
- }
- #sidebar {
- width: 300px;
- z-index: 999;
- background-color: {color:Sidebar Background};
- padding: 10px;
- font-family: {font:Description};
- font-size: 10px;
- color: {color:Regular Text};
- letter-spacing: 1px;
- text-align: justify;
- margin-bottom: 5px;
- }
- #sidebar h1 {
- font-family: calibri;
- font-size: 12px;
- color: {color:Sidebar Title};
- font-weight: normal;
- text-transform: uppercase;
- text-align: center;
- margin-top: -4px;
- letter-spacing: 2px;
- margin-bottom: 5px;
- background-color: {color:Sidebar Title Background};
- padding: 4px;
- }
- #sidebar b, strong {
- color: {color:Bold Text};
- }
- #sidebar a {
- color: {color:Link Text};
- text-decoration: none;
- }
- #sidebar i, em {
- color: {color:Italic Text};
- }
- #sidebar img {
- max-width: 300px;
- margin-bottom: 5px;
- }
- /* NAVIGATION */
- #navi {
- background-color: {color:Custom Background};
- width: 360px;
- font-family: consolas;
- font-size: 9px;
- text-transform: uppercase;
- letter-spacing: 2px;
- line-height: 30px;
- margin-bottom: 5px;
- position: fixed;
- margin-top: 45px;
- margin-left: 10px;
- }
- #extra {
- {block:IfExtraLink1}background-color: {color:Sidebar Background};{/block:IfExtraLink1}
- width: 310px;
- padding-left: 4px;
- padding-right: 6px;
- padding-bottom: 5px;
- padding-top: 2px;
- margin-bottom: 5px;
- }
- #extra a {
- background-color: {color:Extra Link Background};
- display: inline-block;
- width: 70px;
- height: 20px;
- font-family: consolas;
- font-size: 8px;
- color: {color:Extra Link Text};
- text-decoration: none;
- text-transform: uppercase;
- letter-spacing: 2px;
- text-align: center;
- line-height: 20px;
- margin-left: 4px;
- }
- #pages {
- font-family: calibri;
- font-size: 12px;
- text-align: center;
- color: {color:Bold Text};
- }
- #pages a {
- color: {color:Link Text};
- text-decoration: none;
- }
- /* ENTRIES */
- #posts {
- top: 10px;
- position: relative;
- margin-left: 390px;
- }
- .entry {
- background-color: {color:Post Background};
- width: 500px;
- padding-left: 10px;
- border-right: 10px solid {color:Post Background};
- overflow: hidden;
- padding-top: 10px;
- padding-bottom: 5px;
- margin-bottom: 15px;
- font-family: {font:Post};
- font-size: 12px;
- color: {color:Regular Text};
- letter-spacing: 1px;
- text-align: justify;
- }
- .entry b, strong {
- color: {color:Bold Text};
- }
- .entry i, em {
- color: {color:Italic Text};
- }
- .entry a {
- color: {color:Link Text};
- text-decoration: none;
- }
- .entry h1 {
- border-left: 20px solid {color:Post Title};
- padding-left: 5px;
- font-family: 'Tulpen One', cursive;
- font-size: 18px;
- color: {color:Post Title};
- font-weight: normal;
- text-transform: uppercase;
- letter-spacing: 4px;
- margin: 0;
- }
- .entry h1 a {
- color: {color:Post Title};
- text-decoration: none;
- }
- .entry blockquote {
- border-left: 5px solid {color:Post Blockquote};
- padding-left: 5px;
- margin-left: 5px;
- }
- /* PHOTO POSTS */
- {block:IfPhotoFading}.entry img {
- opacity: .8;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .entry img:hover {
- opacity: 1;
- }
- .photo {
- opacity: .8;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .photo:hover {
- opacity: 1;
- }{/block:IfPhotoFading}
- /* ASK POSTS */
- .ask {
- font-size: 9px;
- text-transform: uppercase;
- padding-bottom: 5px;
- border-bottom: 2px solid {color:Post Blockquote};
- }
- .ask i {
- font-style: normal;
- }
- .ask a {
- text-decoration: none;
- }
- .ask img {
- opacity: 1;
- max-width: 40px;
- margin-right: 4px;
- -moz-border-radius: 15px;
- -webkit-border-radius: 15px;
- border-radius: 15px;
- float: left;
- }
- /* QUOTE POSTS */
- .entry h2 {
- font-family: verdana;
- font-size: 12px;
- color: {color:Post Title};
- font-weight: normal;
- letter-spacing: 1px;
- text-align: left;
- margin-top: 7px;
- }
- .quote {
- font-family: georgia;
- font-size: 20px;
- color: {color:Bold Text};
- float: left;
- }
- /* AUDIO POSTS */
- .audio img {
- width: 40px;
- height: 40px;
- float: left;
- margin-right: 5px;
- }
- .player {
- background-color: #fff;
- height: 27px;
- margin-left: 45px;
- }
- /* STATISTICS */
- .stats {
- background-color: {color:Stats Background};
- margin-top: 5px;
- font-family: consolas;
- font-size: 8px;
- color: {color:Stats Text};
- text-transform: uppercase;
- letter-spacing: 2px;
- text-align: center;
- height: 15px;
- line-height: 15px;
- }
- .stats a {
- color: {color:Stats Text};
- text-decoration: none;
- }
- /* PERMALINK PAGE */
- .permalink {
- font-family: calibri;
- font-size: 10px;
- color: {color:Regular Text};
- text-transform: uppercase;
- text-align: center;
- width: 520px;
- letter-spacing: 1px;
- }
- .permalink b {
- color: {color:Bold Text};
- font-weight: normal;
- }
- #date {
- color: {color:Italic Text};
- }
- .permalink a {
- color: {color:Link Text};
- text-decoration: none;
- }
- ol.notes {
- padding: 0px;
- margin: 15px 0px;
- list-style-type: none;
- background: transparent;
- border: 0px;
- letter-spacing: 1px;
- }
- ol.notes li.note {
- padding: 1px;
- text-align: left;
- letter-spacing: 1px;
- }
- .notes img{
- width: 8px;
- position: relative;
- top: 1px;
- opacity: .5;
- }
- /* 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;
- }
- </style>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="sidebg"></div>
- <div id="top">
- <h1>{text:Top Title}</h1>
- <div id="links"><a href="/">refresh</a> <a href="/ask">message</a> <a href="/archive">memories</a> <a href="http://jyuubi.org" target="_blank">theme</a></div>
- </div>
- {block:IfName1}<div id="navi">
- <select style="width: 360px; border: 0px solid; padding: 5px; color: {color:Custom Text}; background-color: {color:Custom Background}; font-family: consolas; text-transform: uppercase; font-size: 9px; letter-spacing: 2px;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">NAVIGATION →</option>
- {block:IfName1}<option value="{text:URL 1}">→ {text:Name 1}</option>{/block:IfName1}
- {block:IfName2}<option value="{text:URL 2}">→ {text:Name 2}</option>{/block:IfName2}
- {block:IfName3}<option value="{text:URL 3}">→ {text:Name 3}</option>{/block:IfName3}
- {block:IfName4}<option value="{text:URL 4}">→ {text:Name 4}</option>{/block:IfName4}
- {block:IfName5}<option value="{text:URL 5}">→ {text:Name 5}</option>{/block:IfName5}
- {block:IfName6}<option value="{text:URL 6}">→ {text:Name 6}</option>{/block:IfName6}
- </select>
- </div>{/block:IfName1}
- <div id="left">
- <div id="sidebar">
- {block:IfSidebarImage}<img src="{image:Sidebar}">{/block:IfSidebarImage}
- {block:IfSidebarTitle}<h1>{text:Sidebar Title}</h1>{/block:IfSidebarTitle}
- {Description}
- </div>
- <div id="extra"><center>
- {block:IfExtraLink1}<a href="{text:Extra URL 1}">{text:Extra Link 1}</a>{/block:IfExtraLink1}
- {block:IfExtraLink2}<a href="{text:Extra URL 2}">{text:Extra Link 2}</a>{/block:IfExtraLink2}
- {block:IfExtraLink3}<a href="{text:Extra URL 3}">{text:Extra Link 3}</a>{/block:IfExtraLink3}
- {block:IfExtraLink4}<a href="{text:Extra URL 4}">{text:Extra Link 4}</a>{/block:IfExtraLink4}
- </center></div>
- {block:IfNotInfiniteScroll}
- {block:Pagination}<div id="pages">
- {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div>{/block:Pagination}
- {/block:IfNotInfiniteScroll}
- </div>
- <div id="posts">
- <div class="autopagerize_page_element">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
- {block:IfHighResLink}{block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution →</a></font>{/block:HighRes}{/block:IfHighResLink}
- {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}
- <div class="photo">{Photoset-500}</div>
- {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">{AudioPlayer}</div>
- {block:TrackName}{TrackName} - {/block:TrackName}{block:Artist}<i>{Artist}</i> | {/block:Artist}<b>{FormattedPlayCount}</b> plays
- {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}
- <center><i>{FormattedPlayCount}</i> plays</center><br />
- {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"><table><tr>
- <td style="width: 40px;"><img src="{AskerPortraitURL-40}"></td>
- <td style="width: 455px;"><i>{Asker}</i> <b>sent:</b> {Question}</td>
- </tr></table></div>
- {Answer}
- {/block:Answer}
- {block:IndexPage}<div class="stats">
- <a href="{Permalink}">Posted {TimeAgo}, on {Month} {DayOfMonth}{block:NoteCount}, with {NoteCountWithLabel}{/block:NoteCount}</a>{/block:IndexPage}
- </div>
- </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