Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <meta name="description" content="{MetaDescription}" />
- <meta name="image:sidebar" content=""/>
- <meta name="color:links" content=""/>
- <meta name="if:sidebartop" content=""/>
- <meta name="if:sidebarbottom" content="1"/>
- <meta name="color:sidebarfont" content="#ffffff"/>
- <meta name="text:link1" content=""/>
- <meta name="text:link1url" content="/"/>
- <meta name="text:link2" content=""/>
- <meta name="text:link2url" content="/"/>
- <meta name="text:link3" content=""/>
- <meta name="text:link3url" content="/"/>
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical{
- background-color:black;
- }
- ::-webkit-scrollbar-thumb:horizontal{
- background-color:black;
- }
- ::-webkit-scrollbar{
- height:4px;
- width:4px;
- background-color:white;
- }
- body{
- background-color:white;
- font-family:times, serif;
- font-size:10px;
- letter-spacing:0px;
- color:black;
- text-align:justify;
- }
- a, a:active, a:visited{
- text-decoration:none;
- -webkit-transition:0.5s ease-in;
- color:{color:links};
- }
- a:hover{
- color:black;
- }
- /* sidebar */
- #side{
- opacity:0.9;
- width:220px;
- position:fixed;
- top:0px;
- bottom:0px;
- left:80px;
- background-image:url('{image:sidebar}');
- background-position:bottom;
- background-repeat:no-repeat;
- }
- .con{
- {block:ifsidebarbottom}bottom:30px;{/block:ifsidebarbottom}
- {block:ifsidebartop}top:50px;{/block:ifsidebartop}
- color:{color:sidebarfont};
- width:180px;
- position:fixed;
- margin-left:20px;
- text-align:center;
- }
- .con a{
- color:{color:sidebarfont};
- }
- .con h1{
- font-style:italic;
- font-size:11px;
- font-weight:normal;
- letter-spacing:1px;
- margin-bottom:15px;
- text-transform:uppercase;
- }
- .con .links{
- margin-bottom:10px;
- font-size:7px;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- .con .links a{
- margin:0px 5px 0px;
- }
- .con .links a:hover{
- color:transparent;
- }
- /* posts */
- #posts{
- width:500px;
- margin:80px 0px 60px 500px;
- }
- .post{
- width:500px;
- margin-bottom:90px;
- }
- .post h1{
- text-align:center;
- font-size:10px;
- font-family:cambria;
- text-transform:uppercase;
- font-weight:normal;
- }
- span.more{font-family:cambria !important;}
- /* QUOTES */
- .postquote{
- padding:10px;
- display:block;
- height:auto;
- width:300px;
- margin:0px auto 0px;
- line-height:15px;
- text-align:center;
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- }
- /* AUDIO POSTS */
- .musicplayer{
- width:27px;
- height:27px;
- overflow:hidden;
- z-index:2;
- display:block;
- background-color:black;
- margin:38px 0px 0px 180px;
- position:absolute;
- opacity:1;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .audio{
- position:absolute;
- width:398px;
- height:100px;
- background-color:black;
- margin-left:102px;
- }
- .covers{
- width:100px;
- height:100px;
- }
- .audioimg{
- width:100px;
- height:100px;
- position:absolute;
- }
- .audioimg img{
- float:left;
- opacity:1;
- width:100px;
- }
- .audioinfo{
- display:none;
- font-size:11px;
- text-transform:uppercase;
- margin-bottom:1px;
- margin-left:201px;
- height:65px;
- display:block;
- width:299px;
- text-align:center;
- background-color:white;
- padding-top:35px;
- letter-spacing:1px;
- }
- /* ASK */
- .question{
- margin-bottom:10px;
- background-color:black;
- color:white;
- width:480px;
- padding:10px;
- min-height:30px;
- }
- .question img{
- float:left;
- border-right:10px solid transparent;
- border-bottom:5px solid transparent;
- }
- /* info */
- .perma{
- margin-top:15px;
- border-top:1px solid #f2f2f2;
- padding-top:7px;
- font-family:cambria;
- font-size:8px;
- text-transform:uppercase;
- text-align:right;
- opacity:0.8;
- line-height:13px;
- }
- .perma a{
- color:black;
- }
- .perma img{
- float:right;
- width:16px;
- margin-top:-2px;
- margin-left:7px;
- }
- .via{
- {block:IndexPage}display:none;{/block:IndexPage}
- }
- ol.notes{list-style-type:none;width:500px;margin-left:-40px;font-family:cambria;font-size:8px;text-transform:uppercase;line-height:10px;}
- ol.notes li.note{padding:5px;width:490px;margin-bottom:7px;border-bottom:1px solid #f2f2f2;padding-bottom:10px;}
- ol.notes li.note img.avatar{height:15px;float:left;margin-top:-3px;}
- ol.notes li.note span.action{margin-left:10px;}
- ol.notes li.note blockquote{border-left:2px solid #202020;padding-left:5px;margin-left:35px;}
- #theme{
- position:fixed;
- bottom:10px;
- right:10px;
- -webkit-border-radius:100px;
- padding:3px 4px 2px;
- text-transform:uppercase;
- -webkit-transition:0.6s ease-in;
- cursor:default;
- font-size:8px;
- }
- #theme:hover{
- background-color:{color:links};
- color:white;
- }
- .pagination{
- text-align:center;
- margin-top:90px;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .pagination a{
- margin:0px 10px 0px;
- font-style:normal;
- color:black;
- }
- </style>
- <body>
- <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
- <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
- {/block:ContentSource}</div>
- <div id="side">
- <div class="con">
- <h1><a href="/">{title}</a></h1>
- <div class="links">
- <a href="/ask">message</a>
- {block:iflink1}<a href="{text:link1url}">{text:link1}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link2url}">{text:link2}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link3url}">{text:link3}</a>{/block:iflink3}
- </div>
- {description}
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="post">
- {block:Quote}
- <div class="postquote">{Quote}</div>
- {block:Source}<div style="text-align:right;opacity:0.7">—{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Photo}
- <a href="{block:IndexPage}{Permalink}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"><img width="500px" src="{PhotoURL-500}" /></a>
- {Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {Caption}
- {/block:Photoset}
- {block:Link}
- <h1><a href="{url}">{name}</a></h1>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<div style="margin-bottom:4px;">{block:Label}<span style="text-transform: uppercase; font-family:'playfair display'; font-size:8px;"> {Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="audio"><div class="musicplayer">{AudioPlayerBlack}</div></div>
- <div class="covers"><div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
- {Caption}
- {/block:Audio}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:More}<a href="{Permalink}">More <span class="more">→</span></a>{/block:More}
- {/block:Text}
- {block:Video}
- {Video-500}
- {Caption}
- {/block:Video}
- {block:Answer}
- <div class="question"><a href="{AskerURL}"><img src="{AskerPortraitURL-30}" /></a>
- {Question}</div>
- {Answer}
- {/block:Answer}
- {block:Date}<div class="perma">
- {block:IndexPage}
- <div style="float:left"><a href="{Permalink}">{NoteCount}</a></div>
- {block:HasTags}{block:Tags}<a style="margin-left:7px" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}<center>
- {TimeAgo}{block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}<br>
- {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> | from <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
- {block:HasTags}<br>
- {block:Tags}<a style="margin:0px 4px 0px" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </center>{/block:PermalinkPage}
- </div>{/block:Date}
- </div>
- {block:PermalinkPage}{PostNotes}{/block:PermalinkPage}
- {/block:Posts}
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {CurrentPage} of {TotalPages}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <a href="http://crimical.tumblr.com/"><div id="theme">t.</div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement