Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:Text" content="#eee" />
- <meta name="color:Title" content="#fff" />
- <meta name="color:Desc" content="#fff" />
- <meta name="color:Bar" content="#000" />
- <meta name="color:Bar Links" content="#fff" />
- <meta name="color:Link" content="#fff" />
- <meta name="color:Link Hover" content="#333" />
- <meta name="color:Accent" content="#E60000" />
- <meta name="color:Header" content="#777" />
- <meta name="color:Header Border" content="#eee" />
- <meta name="color:Post BG" content="#000" />
- <meta name="color:Post Border" content="#fff" />
- <meta name="color:Post BG Hover" content="#777" />
- <meta name="color:Post Border Hover" content="#eee" />
- <meta name="color:Caption" content="#333" />
- <meta name="color:Borders" content="#888" />
- <meta name="color:Ask BG" content="#333" />
- <meta name="color:Ask Text" content="#eee" />
- <meta name="color:Asker" content="#fff" />
- <meta name="image:Avatar" content="" />
- <meta name="if:500px Posts" content="0" />
- <meta name="text:Link 1" content="index" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="message" />
- <meta name="text:Link 2 URL" content="/ask" />
- <meta name="text:Link 3" content="archive" />
- <meta name="text:Link 3 URL" content="/archive" />
- <meta name="text:Link 4" content="link" />
- <meta name="text:Link 4 URL" content="/" />
- <meta name="text:Link 5" content="link" />
- <meta name="text:Link 5 URL" content="/" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #s-m-t-tooltip {display: block;background:{color:Accent};font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color: white;text-align: center;margin-left: 25px;margin-right:25px;padding:3px 5px 3px 5px;min-width: 40px;z-index: 9999999999;}
- ::-webkit-scrollbar-thumb {
- height:1px;
- background-color:#555;
- }
- ::-webkit-scrollbar-button {
- background-color:#555;
- height:1px;
- }
- ::-webkit-scrollbar {
- width:1px;
- height:1px;
- background:#eee;
- }
- body{
- background: {color:Background};
- background:#fff url(http://static.tumblr.com/1f1tzta/Pfpnen2w0/untitled-1.png) fixed repeat top left;
- background:none;
- background-size:50px;
- overflow-x:hidden;
- position:absolute;
- font-size:10px;
- width:100%;height:100%;left:0;top:0;padding:0;margin:0;
- font-family:Corbel;
- color:{color:Text};
- }
- a {
- text-decoration:none;
- outline:none;
- color:{color:Link};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:Link Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- blockquote {
- border-left:1px solid {color:Borders};
- padding:5px;
- margin:0;margin-left:10px;
- padding-left:10px;
- text-align: justify;
- }
- blockquote img {
- max-width: 100%;
- display: block;
- margin-bottom: 5px;
- }
- blockquote blockquote {
- margin: 10px;
- padding: 10px;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- h1{
- display:block;
- text-transform:uppercase;
- padding:5px;
- text-align:center;
- background:{color:Accent};
- color:{color:Title};
- font-size:15px;
- }
- h2{
- text-transform:uppercase;
- }
- h2:before{
- content:'>>';
- color:{color:Borders};
- margin-right:10px;
- font-weight:normal;
- transition-duration:.5s;
- margin-top:-5px;
- }
- h2:hover:before{
- color:{color:Accent};
- }
- .header{
- width:400px;
- padding:30px;
- padding-top:80px;
- padding-bottom:50px;
- background:{color:Header};
- color:black;
- margin-left:-600px;
- border-left:600px solid {color:Header Border};
- border-right:600px solid {color:Header Border};
- text-align:center;
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- }
- .title{
- color:white;
- font:bold 24px consolas, monospace;
- text-transform:uppercase;
- letter-spacing:2px;
- word-spacing:-10px;
- text-shadow:1px 1px {color:Header Border};
- }
- .title a{
- color:white;
- }
- .title a:hover{
- color:{color:Accent};
- }
- .avatar{
- height:70px;
- width:70px;
- background:url("{image:Avatar}");
- background-position:center;
- background-size:cover;
- border-radius:50%;
- display:inline-block;
- border:4px solid {color:Title};
- margin-bottom:10px;
- margin-top:20px;
- box-shadow:1px 1px {color:Header Border};
- }
- .desc{
- border-radius:2px;
- display:inline-block;
- padding:2px;
- font:bold 8px Calibri;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:Desc};
- }
- .desc a{
- display:inline-block;
- }
- .desc i, .desc em{
- color:{color:Accent};
- }
- .desc b{
- color:{color:Header Border};
- }
- .desc a:hover{
- color:{color:Link Hover};
- }
- #links{
- position:fixed;
- top:0;
- left:0;
- background:{color:Bar};
- width:100%;
- text-align:center;
- z-index:9;
- line-height:40px;
- }
- #links a{
- font:9px consolas, monospace;
- text-transform:uppercase;
- letter-spacing:3px;
- padding:2px;
- margin:-1px;
- line-height:40px;
- height:37px;
- width:90px;
- display:inline-block;
- color:{color:Bar Links};
- }
- #links a:last-child{
- margin-right:-1px;
- }
- #links a:first-child{
- margin-left:-1px;
- }
- #links a:hover{
- color:{color:Accent};
- }
- /* POSTS ! */
- #stuff{
- position:absolute;
- width:460px;
- left:50%;
- margin-left:-230px;
- {block:if500pxPosts}
- width:560px;
- margin-left:-280px;
- {/block:if500pxPosts}
- }
- #entries{
- position:absolute;
- width:460px;
- left:50%;
- margin-left:-230px;
- background:{color:Post BG};
- {block:if500pxPosts}
- width:560px;
- margin-left:-280px;
- {/block:if500pxPosts}
- }
- #post{
- width:400px;
- overflow:hidden;
- margin-top:0px;
- padding:30px;
- background:{color:Post BG};
- border-left:600px solid {color:Post Border};
- border-right:600px solid {color:Post Border};
- margin-left:-600px;
- color:{color:Text};
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- {block:PermalinkPage}
- margin-bottom:30px;
- {/block:PermalinkPage}
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #post:hover{
- border-color:{color:Post Border Hover};
- background:{color:Post BG Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #pagination{
- text-align:center;
- margin-bottom:120px;
- margin-top:50px;
- width:460px;
- {block:if500pxPosts}
- width:560px;
- {/block:if500pxPosts}
- border-top:1px dotted #aaa;
- }
- #pagination a, #pagination span{
- text-transform:uppercase;
- font:bold 10px Calibri;
- letter-spacing:2px;
- display:inline-block;
- padding:5px;
- color:#aaa;
- margin-top:-1px;
- border-top:1px solid transparent;
- transition-duration:0s;
- }
- #pagination span{
- border-top:1px solid white;
- color:white;
- }
- #pagination a:hover{
- border-top:1px solid white;
- color:white;
- transition-duration:0s;
- }
- #perminfo{
- padding:20px;
- text-transform:uppercase;
- font:bold 9px calibri;
- letter-spacing:1px;
- margin-top:15px;
- line-height:200%;
- }
- #perminfo a{
- color:{color:Links};
- }
- #perminfo a:hover{
- color:{color:Links Hover};
- }
- .notes{
- margin-bottom:200px;
- margin-left:40px;
- }
- .notes ol{
- list-style-type:upper-roman;
- }
- .notes img{
- display:none;
- }
- .notes li{
- padding:10px;
- margin-left:-40px;
- text-transform:uppercase;
- font:9px calibri;
- letter-spacing:1px;
- }
- .notes blockquote{
- margin-top:10px;
- }
- .notes li a{
- font-weight:bold;
- color:{color:Accent};
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .notes li:last-child{
- display:block;
- list-style:none;
- margin-left:-40px;
- background:{color:Accent};
- color:white;
- margin-top:5px;
- }
- .notes li:last-child a{
- background:{color:Accent};
- color:white;
- }
- .notes li a:hover{
- color:#666;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- /* QUOTE */
- .quote span{
- float:left;
- font:bold oblique 150px Georgia;
- opacity:0.2;
- margin-left:-20px;
- width:87px;
- height:80px;
- overflow:hidden;
- margin-top:-40px;
- color:{color:Accent};
- position:absolute;
- }
- .quote{
- font-style:italic;
- line-height:1.5;
- }
- /* CHAT */
- .chat li{
- list-style:none;
- font-family:consolas, monospace;
- padding:10px;
- border-bottom:1px solid {color:Borders};
- display:block;
- }
- .chat li:last-child{
- border:none;
- }
- /* QUESTION */
- .question{
- background:{color:Ask BG};
- border-bottom:1px dotted white;
- padding:15px;
- color:{color:Ask Text};
- font:bold italic 10px consolas, monospace;
- line-height:2;
- }
- .answer{
- padding:15px;
- font:10px consolas, monospace;
- line-height:2;
- }
- .question img{
- float:left;
- margin-top:4px;
- margin-right:10px;
- border:5px solid black;
- }
- .question span{
- display:block;
- padding:3px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-weight:none;
- font-style:none;
- text-indent:5px;
- border-bottom:1px dotted black;
- margin-bottom:7px;
- color:{color:Asker};
- }
- .question span a{
- color:{color:Asker};
- }
- .question span a:hover{
- color:{color:Accent};
- }
- /* PHOTO / PHOTOSETS */
- .pcapn{
- margin-top:10px;
- border:1px solid #999;
- padding:15px;
- background:{color:Caption};
- }
- .pcapn blockquote{
- border-left:1px solid #aaa;
- }
- /* AUDIO */
- .audio img{
- }
- .im{
- width:150px;
- height:150px;
- float:left;
- margin-left:20px;
- background:url("http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg");
- background-size:cover;
- }
- .audio{
- height:160px;
- }
- .audcontent{
- display:block;
- width:170px;
- {block:if500pxPosts}
- width:270px;
- {/block:if500pxPosts}
- background:white;
- margin-left:190px;
- padding:10px;
- border:1px solid {color:Post BG};
- max-height:77px;
- overflow:hidden;
- color:#000;
- }
- .audcontent span{
- width:200px;
- {block:if500pxPosts}
- width:300px;
- {/block:if500pxPosts}
- display:block;
- padding:3px;
- text-indent:0px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .audcontent span:before{
- width:0px;
- height:1px;
- background:#000;
- position:absolute;
- content:'';
- margin-top:6px;
- left:235px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .audcontent span:hover:before{
- width:20px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .audcontent span:hover{
- text-indent:25px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .audcontent span:first-child{
- font-weight:bold;
- text-indent:25px;
- }
- .audcontent span:first-child:before{
- width:20px;
- }
- .player{
- border:1px solid {color:Post BG};
- width:190px;
- {block:if500pxPosts}
- width:290px;
- {/block:if500pxPosts}
- margin-left:190px;
- margin-top:15px;
- background:white;
- overflow:hidden;
- }
- .playerinner{
- border:5px solid #fff;
- height:20px;
- padding:0 5px 5px 0;
- }
- #info{
- text-align:center;
- line-height:1.7;
- margin-top:10px;
- border-top:1px dotted {color:Borders};
- padding-top:10px;
- {block:PermalinkPage}display:none;{/block:PermalinkPage}
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #post:hover .op1{
- opacitY:1;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .op1{
- opacity:1;
- {block:PermalinkPage}
- opacity:1;
- {/block:PermalinkPage}
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #info a{
- border-radius:2px;
- display:inline-block;
- padding:2px;
- font:bold 8px Calibri;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:Link};
- }
- #info .op1 a{
- color:{color:Accent};
- border-radius:2px;
- display:inline-block;
- padding:2px;
- font:bold 8px Calibri;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- #info a:hover{
- color:{color:Link Hover};
- }
- #info .op1 a:hover{
- color:white;
- }
- #credit{
- position:fixed;
- right:20px;
- bottom:20px;
- text-align:right;
- }
- #credit a{
- padding:4px 8px;
- width:17px;
- margin:-1px -2px;
- text-align:center;
- border:1px solid #ccc;
- color:#ccc;
- display:inline-block;
- background:white;
- }
- #credit a:hover{
- background:black;
- border-color:black;
- color:white;
- }
- </style>
- </head>
- <body>
- <div id="links">
- <a href="{text:Link 1 URL}">{text:Link 1}</a>
- <a href="{text:Link 2 URL}">{text:Link 2}</a>
- <a href="{text:Link 3 URL}">{text:Link 3}</a>
- <a href="{text:Link 4 URL}">{text:Link 4}</a>
- <a href="{text:Link 5 URL}">{text:Link 5}</a>
- </div>
- <div class="side"></div>
- <div id="stuff">
- <div class="header">
- <div class="avatar"></div>
- <div class="title"><a href="/">{Title}</a></div>
- <span class="desc">{Description}</span>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- <!----- TEXT POSTS ---->
- {block:Text}{block:Title}<h1>{title}</h1>{/block:Title}{Body}{/block:Text}
- <!----- QUOTE POSTS ---->
- {block:Quote}
- <div class="quote">
- <span>“</span><h3>{Quote}</h3>
- <div class="source">— {Source}</div>
- </div>
- {/block:Quote}
- <!----- LINK POSTS ---->
- {block:Link}
- <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- <!----- PHOTO POSTS ---->
- {block:Photo}
- <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {block:Caption}<div class="pcapn">{Caption}</div>{/block:Caption}
- {/block:Photo}
- <!----- PHOTOSET POSTS ---->
- {block:Photoset}
- {block:if500pxPosts}
- <center>{Photoset-500}</center>
- {/block:if500pxPosts}
- {block:ifnot500pxPosts}
- <center>{Photoset-400}</center>
- {/block:ifnot500pxPosts}
- {block:Caption}<div class="pcapn">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- <!----- CHAT POSTS ---->
- {block:Chat}
- <div class="chat">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
- </div>
- {/block:Chat}
- <!----- VIDEO POSTS ---->
- {block:Video}
- {block:if500pxPosts}
- <center>{Video-500}</center>
- {/block:if500pxPosts}
- {block:ifnot500pxPosts}
- <center>{Video-400}</center>
- {/block:ifnot500pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!----- AUDIO POSTS ---->
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}
- <div class="im">
- <img src="{AlbumArtURL}" width="150px" />
- </div>
- {/block:AlbumArt}
- <div class="audcontent">
- {block:TrackName}<span>{TrackName}{/block:TrackName}</span>
- {block:Artist}<span>{Artist}</span>{/block:Artist}
- {block:Album}<span>{Album}</span>{/block:Album}
- {block:Playcount}<span>{FormattedPlayCount} plays</span>{/block:Playcount}
- </div>
- <div class="player">
- {block:AudioPlayer}
- <div class="playerinner">{AudioPlayerWhite}</div>{/block:AudioPlayer}
- </div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!----- QUESTION POSTS ---->
- {block:Answer}
- <div class="question">
- <img src="{AskerPortraitURL-30}">
- <span>{Asker} said:</span>
- {Question}
- </div>
- <div class="answer">
- {Answer}
- </div>
- {/block:Answer}
- {block:PermalinkPage}{block:Date}
- <div id="perminfo">
- Posted {TimeAgo} with {NoteCountWithLabel}<br>
- {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource}<br>originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}<br>{/block:RebloggedFrom}
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}{/block:PermalinkPage}
- <div id="info">
- {block:Date}
- <a href="{Permalink}">{TimeAgo}</a>
- {block:NoteCount}<img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- {block:RebloggedFrom}<img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">{ReblogParentName}</a>{block:ContentSource} <img src="http://static.tumblr.com/3yblkz0/T3An46s86/crss.png"> <a title="posted by {ReblogRootName}" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
- <div class="op1">
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:Date}</div>
- </div>
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Previous</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}">Next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- </div>
- <div id="credit">
- <a href="http://hardziam.tumblr.com" title="theme by zsu">HZ</a>
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement