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: #30 TWILIGHT
- jyuubi.org | manatopia.org
- SIDEBAR: pixiv.net/member.php?id=858196
- --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 UNLESS PROVIDED.
- -->
- <meta name="color:BackgroundM" content="#282828">
- <meta name="color:Header Background" content="#814248">
- <meta name="color:Header Text" content="#303030">
- <meta name="color:Custom Background" content="#3e3e3e">
- <meta name="color:Custom Link" content="#979797">
- <meta name="color:Custom Link Hover" content="#d67e99">
- <meta name="color:Sidebar Wrap" content="#313131">
- <meta name="color:Sidebar Background" content="#3e3e3e">
- <meta name="color:Description Text" content="#888888">
- <meta name="color:Description Bold" content="#ad5c63">
- <meta name="color:Description Italic" content="#d37867">
- <meta name="color:Description Link" content="#d67e99">
- <meta name="color:Navigation Background" content="#5d3836">
- <meta name="color:Navigation Text" content="#8a5f5d">
- <meta name="color:Entry Background" content="#313131">
- <meta name="color:Entry Text" content="#888888">
- <meta name="color:Entry Bold" content="#ad5c63">
- <meta name="color:Entry Italic" content="#d37867">
- <meta name="color:Entry Link" content="#d67e99">
- <meta name="color:Entry Titles" content="#d37867">
- <meta name="color:Question Background" content="#3e3e3e">
- <meta name="color:Stats Text" content="#a5a5a5">
- <meta name="color:Stats Background" content="#814248">
- <meta name="image:BackgroundM" content="http://static.tumblr.com/ljotsrb/wjtm99po6/twilight-bg.png">
- <meta name="image:Sidebar" content="http://static.tumblr.com/ljotsrb/RYxm99por/twilight-side.png">
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Show Captions" content="0">
- <meta name="if:Monochrome Images" content="">
- <meta name="if:Faded Images" content="1">
- <meta name="if:Right Background" content="0">
- <meta name="if:Show Icon" content="0">
- <meta name="text:Sidebar Position" content="100">
- <meta name="text:Link 1" content="">
- <meta name="text:URL 1" content="">
- <meta name="text:Link 2" content="">
- <meta name="text:URL 2" content="">
- <meta name="text:Link 3" content="">
- <meta name="text:URL 3" content="">
- <meta name="text:Link 4" content="">
- <meta name="text:URL 4" content="">
- <meta name="text:Link 5" content="">
- <meta name="text:URL 5" content="">
- <meta name="text:Link 6" content="">
- <meta name="text:URL 6" content="">
- <meta name="text:Link 7" content="">
- <meta name="text:URL 7" content="">
- <meta name="text:Link 8" content="">
- <meta name="text:URL 8" 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">
- /* BODY */
- body {
- background-image: url('{image:BackgroundM}');
- background-attachment: fixed;
- background-color: {color:BackgroundM};
- margin: 0;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Entry Bold};
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 5px;
- background-color: {color:Entry Background};
- }
- /* SIDEBAR */
- #sidebar {
- background-color: {color:Sidebar Wrap};
- position: fixed;
- width: 230px;
- height: 100%;
- }
- #info {
- position: fixed;
- z-index: 999;
- left: 15px;
- top: {text:Sidebar Position}px;
- }
- #sideimage {
- background-color: {color:Sidebar Background};
- padding: 10px;
- margin-bottom: 10px;
- }
- #sideimage img {
- max-width: 180px;
- }
- #description {
- background-color: {color:Sidebar Background};
- padding: 10px;
- width: 180px;
- font-family: calibri;
- font-size: 10px;
- color: {color:Description Text};
- text-align: justify;
- letter-spacing: 1px;
- }
- #description b, strong {
- color: {color:Description Bold};
- }
- #description i, em {
- {color:Description Italic};
- }
- #description a {
- color: {color:Description Link};
- text-decoration: none;
- }
- /* HEADER */
- #header {
- background-color: {color:Header Background};
- width: 520px;
- height: 50px;
- position: fixed;
- left: 250px;
- font-family: georgia;
- font-size: 20px;
- color: {color:Header Text};
- font-style: italic;
- text-align: center;
- line-height: 50px;
- letter-spacing: 2px;
- text-transform: lowercase;
- z-index: 999;
- }
- #custom {
- background-color: {color:Custom Background};
- width: 520px;
- height: 15px;
- position: fixed;
- left: 250px;
- top: 50px;
- font-family: calibri;
- font-size: 8px;
- color: {color:Custom Link};
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 1px;
- line-height: 15px;
- z-index: 999;
- }
- #custom a {
- color: {color:Custom Link};
- text-decoration: none;
- }
- #custom a:hover {
- color: {color:Custom Link Hover};
- }
- /* RIGHT NAVIGATION */
- #right {
- {block:IfRightBackground}background-color: {color:Sidebar Wrap};{/block:IfRightBackground}
- position: fixed;
- width: 70px;
- height: 100%;
- left: 790px;
- }
- #icon {
- background-color: {color:Navigation Background};
- padding: 5px;
- margin-bottom: 10px;
- }
- #icon img {
- width: 40px;
- height: 40px;
- margin-bottom: -3px;
- }
- #navi {
- position: fixed;
- width: 50px;
- left: 800px;
- top: 100px;
- z-index: 999;
- }
- #navi a {
- background-color: {color:Navigation Background};
- display: block;
- width: 50px;
- height: 50px;
- font-family: calibri;
- font-size: 9px;
- color: {color:Navigation Text};
- text-decoration: none;
- text-transform: uppercase;
- text-align: center;
- line-height: 50px;
- margin-bottom: 10px;
- letter-spacing: 1px;
- }
- /* PAGINATION */
- #pagination {
- font-family: calibri;
- font-size: 9px;
- width: 200px;
- text-align: center;
- margin-top: 20px;
- }
- .current_page {
- background-color: {color:Sidebar Background};
- color: {color:Description Text};
- padding: 5px;
- }
- #pagination a {
- background-color: {color:Sidebar Background};
- padding: 5px;
- color: {color:Description Bold};
- text-decoration: none;
- }
- /* POSTS */
- #posts {
- margin-left: 250px;
- position: relative;
- top: 85px;
- }
- .posts {
- background-color: {color:Entry Background};
- position: relative;
- width: 500px;
- border: 10px solid {color:Entry Background};
- overflow: hidden;
- margin-bottom: 20px;
- font-family: calibri;
- font-size: 14px;
- color: {color:Entry Text};
- text-align: justify;
- }
- .posts b, strong {
- color: {color:Entry Bold};
- }
- .posts i, em {
- color: {color:Entry Italic};
- }
- .posts a {
- color: {color:Entry Link};
- text-decoration: none;
- }
- .posts h1 {
- font-family: georgia;
- font-size: 13px;
- color: {color:Entry Titles};
- font-style: italic;
- font-weight: normal;
- text-align: left;
- letter-spacing: 2px;
- margin: 0;
- }
- .posts blockquote {
- border-left: 5px solid {color:Entry Text};
- padding-left: 10px;
- margin-left: 5px;
- }
- /* IMAGE POSTS */
- .posts img {
- max-width: 500px;
- }
- .posts img {
- {block:IfFadedImages}opacity: .8;{/block:IfFadedImages}
- {block:IfMonochromeImages}-webkit-filter: grayscale(1);{/block:IfMonochromeImages}
- -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;
- }
- .posts img:hover {
- opacity: 1;
- filter: none;
- -webkit-filter: grayscale(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;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .photo {
- {block:IfFadedImages}opacity: .8;{/block:IfFadedImages}
- {block:IfMonochromeImages}-webkit-filter: grayscale(1);{/block:IfMonochromeImages}
- -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;
- filter: none;
- -webkit-filter: grayscale(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;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- /* QUOTE */
- .posts h2 {
- font-family: georgia;
- font-size: 11px;
- color: {color:Entry Titles};
- font-weight: normal;
- font-style: italic;
- letter-spacing: 2px;
- }
- .quote {
- font-family: georgia;
- font-size: 20px;
- color: {color:Entry Bold};
- float: left;
- margin-top: 2px;
- }
- /* AUDIO */
- .audio img {
- max-width: 70px;
- float: left;
- margin-right: 5px;
- }
- .player {
- background-color: #000;
- padding: 10px;
- height: 27px;
- width: 405px;
- margin-left: 75px;
- }
- /* STATISTICS */
- .stats {
- background-color: {color:Stats Background};
- opacity: 0;
- width: 515px;
- height: 10px;
- line-height: 8px;
- position: absolute;
- left: 0px;
- bottom: 0px;
- font-family: calibri;
- font-size: 8px;
- color: {color:Stats Text};
- text-align: center;
- text-transform: uppercase;
- padding-right: 5px;
- -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;
- }
- .stats a {
- color: {color:Stats Text};
- text-decoration: none;
- }
- .posts:hover .stats {
- opacity: 1;
- height: 30px;
- line-height: 30px;
- }
- /* PERMALINK PAGE */
- .permalink {
- font-family: calibri;
- font-size: 11px;
- color: {color:Entry Text};
- text-transform: lowercase;
- text-align: center;
- width: 520px;
- position: relative;
- z-index: 999px;
- }
- .permalink b {
- color: {color:Entry Bold};
- font-weight: normal;
- }
- #date {
- color: {color:Entry Italic};
- }
- .permalink a {
- color: {color:Entry Link};
- text-decoration: none;
- }
- ol.notes {
- padding: 0px;
- margin: 15px 0px;
- list-style-type: none;
- background: transparent;
- border: 0px;
- letter-spacing: 0px;
- text-transform: lowercase;
- }
- ol.notes li.note {
- padding: 1px;
- text-align: left;
- letter-spacing: 0px;
- text-transform: lowercase;
- }
- .notes img{
- width: 8px;
- position: relative;
- top: 1px;
- opacity: .7;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;
- }
- /* CREDIT */
- #credit {
- position: fixed;
- bottom: 5px;
- right: 5px;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- z-index: 999;
- }
- #credit a {
- color: {color:Description Link};
- text-decoration: none;
- }
- /* 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:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- </head>
- <body>
- <div id="sidebar"></div>
- <div id="info">
- {block:IfSidebarImage}<div id="sideimage"><img src="{image:Sidebar}"></div>{/block:IfSidebarImage}
- {block:Description}<div id="description">{Description}</div>{/block:Description}
- {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {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="header">{Title}</div>
- <div id="custom">
- {block:HasPages}
- {block:Pages}<option value="{URL}">{Label}</option> {/block:Pages}
- {/block:HasPages}
- {block:IfLink1}<a href="{text:URL 1}">{text:Link 1}</a>{/block:IfLink1}
- {block:IfLink2}· <a href="{text:URL 2}">{text:Link 2}</a>{/block:IfLink2}
- {block:IfLink3}· <a href="{text:URL 3}">{text:Link 3}</a>{/block:IfLink3}
- {block:IfLink4}· <a href="{text:URL 4}">{text:Link 4}</a>{/block:IfLink4}
- {block:IfLink5}· <a href="{text:URL 5}">{text:Link 5}</a>{/block:IfLink5}
- {block:IfLink6}· <a href="{text:URL 6}">{text:Link 6}</a>{/block:IfLink6}
- {block:IfLink7}· <a href="{text:URL 7}">{text:Link 7}</a>{/block:IfLink7}
- {block:IfLink8}· <a href="{text:URL 8}">{text:Link 8}</a>{/block:IfLink8}
- </div>
- <div id="right"></div>
- <div id="navi">
- {block:IfShowIcon}<div id="icon"><img src="{PortraitURL-40}"></div>{/block:IfShowIcon}
- <a href="/">refresh</a> <a href="/ask">message</a> <a href="/archive">archive</a> <a href="http://jyuubi.org" target="_blank">credit</a>
- </div>
- <div class="autopagerize_page_element">
- <div id="posts">
- {block:Posts}
- <div class="posts">
- {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: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} <b>—</b></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">{AudioPlayerBlack}</div>
- <div style="font-size: 14px; margin-top: 5px; margin-left: 10px;">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}</div>
- {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}
- <table>
- <tr><td colspan="3" width="500px" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
- <tr>
- <td width="190" style="text-align:right; font-size:30px;"><div style="position:relative; margin-top:-18px; margin-left:35px; color:{color:Question Background};">◥</div></td>
- <td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
- <td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
- </tr>
- </table>
- {Answer}
- {/block:Answer}
- {block:IndexPage}<div class="stats">
- <a href="{Permalink}">{TimeAgo}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount} · <a href="{ReblogURL}">Reblog</a></a>
- </div>{/block:IndexPage}
- </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