Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <meta charset="utf-8">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- DEFAULT COLORS -->
- <meta name="color:Background" content="#111"/>
- <meta name="title" content="#a1a1a1" />
- <meta name="color:Post background" content="#141414"/>
- <meta name="color:Text" content="#a1a1a1"/>
- <meta name="color:Post background hover" content="#161616" />
- <meta name="color:link" content="#ff0066" />
- <meta name="color:link hover" content="#ff77ad" />
- <meta name="color:Blockquote line" content="#ff0066" />
- <meta name="color:Chat label" content="#ff0066" />
- <meta name="color:Chat Alt" content="#191919" />
- <meta name="image:Background" content="" />
- <meta name="if:Fixed Background" content="0" />
- <meta name="if:No Repeat Background" content="0" />
- <meta name="font:Body" content="Verdana, Arial, sans-serif" />
- <meta name="if:Show Page Links" content="0" />
- <meta name="if:Post Hover" content="1" />
- <!-- JAVASCRIPT -->
- <script src="http://static.tumblr.com/qhck824/P24l0dcc8/cufon-yui.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/qhck824/Za7l0ukms/thin.font.js" type="text/javascript"></script>
- <script type="text/javascript">
- Cufon.replace('h1, h2', {hover: 'true'});
- </script>
- <!-- STYLESHEET -->
- <style type="text/css">
- * {
- padding: 0px;
- margin: 0px;
- }
- body {
- color: {color:Text};
- font: 12px {font:Body};
- line-height: 20px;
- background: url({image:Background}) {block:IfNoRepeatBackground}no-repeat{/block:IfNoRepeatBackground} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {color:Background}; {block:IfNoRepeatBackground}background-size: cover {block:IfNoRepeatBackground}
- }
- a:link {
- color: {color:link};
- text-decoration: none;
- -webkit-transition: color 1s ease;
- }
- a:visited {
- color: {color:link};
- text-decoration: none;
- }
- a:hover {
- color: {color:link hover};
- text-decoration: none;
- }
- a:active {
- color: {color:link hover};
- text-decoration: none;
- }
- #wrapper {
- width: 540px;
- height: auto;
- margin: 20px auto;
- }
- /* HEADER */
- #header {
- width: 500px;
- height: auto;
- text-align: center;
- margin: 0 0 40px 0;
- padding: 20px;
- background-color: {color:Post background};
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- .title {
- width: 500px;
- height: auto;
- }
- .title h1 {
- font-size: 48px;
- }
- .description {
- width: 500px;
- height: auto;
- margin: 0 auto;
- }
- #header li {
- display: inline;
- padding: 0 10px 0 0;
- }
- /* POSTS */
- img {
- border: none;
- }
- #postWrapper h2 {
- margin: 0 0 10px 0;
- font-size: 36px;
- line-height: 36px;
- }
- #postWrapper p {
- margin: 0 0 15px 0;
- }
- #postWrapper ul, #postWrapper ol {
- margin: 0 0 10px 20px;
- }
- blockquote {
- width: 450px;
- margin: 5px;
- padding: 0 0 0 5px;
- font-style: italic;
- border-left: 2px solid {color:Blockquote line};
- }
- a:hover {text-decoration: none;}
- a.tooltip span {display: none; padding: 5px; margin-left: -505px; margin-top: 21px; opacity: 1.0; width: 530px; }
- a.tooltip:hover span {display: inline; position: absolute; background: {color:Post background hover}; color: {color:Text}; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; }
- .permalink {
- font-size: 9px;
- position: absolute;
- display: block;
- text-transform:uppercase;
- width: 20px;
- height: 20px;
- bottom: 15px;
- right: 15px;
- background: url(http://gazo.emoji7.jp/img/04hpb_473690/%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%90%E3%83%BC_m.GIF) 0 0;
- }
- .quotePost, .textPost, .audioPost,
- .photoPost, .videoPost, .chatPost,
- .linkPost {
- width: 500px;
- height: auto;
- margin: 0 0 40px 0;
- padding: 15px 20px;
- position: relative;
- background-color: {color:Post background};
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- {block:IfPostHover}
- .quotePost:hover, .textPost:hover, .audioPost:hover,
- .photoPost:hover, .videoPost:hover, .chatPost:hover,
- .linkPost:hover {
- background-color: {color:Post background hover};
- }
- {/block:IfPostHover}
- #notesWrapper {
- width: 520px;
- height: auto;
- padding: 20px 20px 10px 0;
- background-color: {color:Post background};
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- #notesWrapper ol {
- list-style: none;
- }
- #notesWrapper ol li {
- margin: 0 0 10px 0;
- }
- #notesWrapper .avatar {
- display: none;
- }
- .tagged {
- padding: 0 10px;
- margin: 0 0 40px 0;
- background-color: {color:Post background};
- -moz-border-radius: 5px;
- }
- .tags {
- margin: 0 !important;
- font-size: 9px;
- }
- .tags li {
- display: inline;
- padding: 0 5px;
- }
- /* CHAT POST */
- .label {
- color: {color:Chat label};
- }
- .odd, .even {
- padding: 2px 10px;
- }
- .odd {
- background-color: {color:Chat Alt};
- }
- /* PHOTO POST */
- p.photoPost img {
- margin: 0 0 10px 0;
- }
- .photoPost p {
- position: relative;
- }
- p img.zoom {
- position: absolute;
- top: 10px;
- right: 10px;
- opacity: 0;
- -webkit-transition: opacity 1s ease;
- }
- p:hover img.zoom {
- opacity: 1;
- }
- /* AUDIO POST */
- .albumArt {
- width: 206px;
- height: 206px;
- margin: 0 auto;
- }
- .songInfo {
- text-align: center;
- margin: 10px 0 0 0;
- }
- .player {
- margin: 0 auto;
- width: 206px;
- height: auto;
- }
- /* FOOTER */
- #footer {
- width: 540px;
- height: 40px;
- font-size: 10px;
- position: relative;
- background-color: {color:Post background};
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- p.credit {
- width: 502px;
- height: 15px;
- margin: 0 auto !important;
- text-align: center;
- }
- span.georgia {
- font: 14px Georgia, "Times New Roman";
- }
- a.previous {
- position: absolute;
- top: 10px;
- left: 20px;
- }
- a.next {
- position: absolute;
- top: 10px;
- right: 20px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="header">
- <div class="title"><h1><a href="/" alt="{lang:Home}">{Title}</a></h1></div>
- {block:Description}<div class="description"><p>{Description}</div></p>{/block:Description}
- <ul>
- <li><a href="/archive" alt="{lang:Archive}">{lang:Archive}</a></li>
- <li><a href="/random" alt="{lang:Random}">{lang:Random}</a></li>
- <li><a href="{RSS}" alt="{lang:RSS}">{lang:RSS}</a></li>
- {block:HasPages}
- {block:ifShowPageLinks}
- {block:Pages}<li><a href="{URL}" title="{Label}" alt="{Label}">{Label}</a></li>{/block:Pages}
- {/block:ifShowPageLinks}
- {/block:HasPages}
- </ul>
- </div><!-- //END HEADER -->
- <div id="postWrapper">
- {block:Posts}
- {block:Quote}
- <div class="quotePost">
- <h2>{Quote}</h2>
- <p>—{Source}</p>
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END QUOTE POST -->
- {/block:Quote}
- {block:Text}
- <div class="textPost">
- <h2>{Title}</h2>
- {Body}
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END TEXT POST -->
- {/block:Text}
- {block:Answer}
- <div class="textPost">
- <p>{lang:Asked by Asker} {Asker}</p>
- <h2>{Question}</h2>
- <p>{Answer}</p>
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END ANSWER POST -->
- {/block:Answer}
- {block:Audio}
- <div class="audioPost">
- {block:AlbumArt}
- <div class="albumArt"><img src="{AlbumArtURL}" width="206" height="206" /></div>
- {/block:AlbumArt}
- <div class="player">{AudioPlayer}</div>
- <div class="songInfo">
- <h2>{block:Artist}{Artist}{/block:Artist}</h2>
- <h2>{block:TrackName}"{TrackName}"{/block:TrackName}</h2>
- {block:Caption}{Caption}{/block:Caption}
- </div>
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel} — {/block:NoteCount} {lang:Played PlayCount times}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END AUDIO POST -->
- {/block:Audio}
- {block:Photo}
- <div class="photoPost">
- <p align="center">{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" alt="{PhotoAlt}" />{LinkCloseTag} {block:HighRes}<a href="{PhotoURL-HighRes}" alt="{lang:High-res photo}"><img src="http://static.tumblr.com/qhck824/t24l2xpf3/fullsize-icon.png" class="zoom" width="26" height="26"></a>{/block:HighRes}</p>
- <p>{Caption}</p>
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END PHOTO POST -->
- {/block:Photo}
- {block:Video}
- <div class="videoPost">
- <span class="videoHolder">{Video-500}</span>
- {block:Caption}<p>{Caption}</p>{/block:Caption}
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END VIDEO POST -->
- {/block:Video}
- {block:Chat}
- <div class="chatPost">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="chatbox">
- {block:Lines}
- {block:Label}
- <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
- <span class="line">{Line}</span></div>
- {/block:Label}
- {/block:Lines}
- </div>
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END CHAT POST -->
- {/block:Chat}
- {block:Link}
- <div class="linkPost">
- <h2><a href="{URL}">{Name}</a></h2>
- {Description}
- <div class="permalink"><a href="{Permalink}" class="tooltip" alt="{lang:Permalink for this post}"><span>{lang:Posted TimeAgo} {block:NoteCount}— {NoteCountWithLabel}{/block:NoteCount}</span><img src="http://static.tumblr.com/qhck824/C6al0gc5f/clear.png" width="16" height="16"></a></div>
- </div><!-- //END LINK POST -->
- {/block:Link}
- <!-- //POST TAGS -->
- {block:PermalinkPage}
- {block:HasTags}
- <div class="tagged">
- <ul class="tags">
- {block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}
- </ul>
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- {/block:Posts}
- <!-- //POST NOTES -->
- {block:PostNotes}
- <div id="notesWrapper">
- {PostNotes}
- </div>
- {/block:PostNotes}
- <!-- //END POST NOTES -->
- </div><!-- //POST WRAPPER -->
- {block:Pagination}
- <div id="footer">
- {block:PreviousPage}<a href="{PreviousPage}" class="previous" alt="{lang:Previous page}"><img src="http://gazo.emoji7.jp/img/04ctj_707558/%E6%A3%AE%E3%82%AC%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84%E3%80%81%E5%AE%9F%E5%86%99_m.GIF"</a>{block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="next" alt="{lang:Next page}"><img src="http://gazo.emoji7.jp/img/04ctj_707559/%E6%A3%AE%E3%82%AC%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%8F%E3%81%84%E3%81%84%E3%80%81%E5%AE%9F%E5%86%99_m.GIF"></a>{/block:NextPage}</p>
- </div>
- {block:Pagination}
- <small><p class="credit"><a href="http://www.tumblr.com/theme/9148">NIGHTNIGHT</a> <span class="georgia"><em><strong>by</strong></em></span> <a href="http://www.deddy.tumblr.com">DEDDY</a> (<a href="http://pastebin.com/m8tp9zAh">edited</a>)</p></small>
- </div><!-- //END WRAPPER -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement