Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- base code by animecharacter.tumblr.com
- for help visit:
- tumblr.com/docs/en/custom_themes
- tumblr.com/docs/en/localizing_themes
- w3schools.com
- (please dont send me customization asks)
- credit if used is not compulsory but it's nice if you mention where you got this
- ----->
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <meta name="image:favicon" content="">
- <meta name="image:side" content="">
- <meta name="image:corner img" content="">
- <meta name="color:background" content="#fffff">
- <meta name="color:text" content="#000000">
- <meta name="color:links" content="#999999">
- <meta name="color:hover" content="#cccccc">
- <meta name="color:LinkHoverShadow" content="#78777e">
- <meta name="color:content bg" content="#ffffff">
- <meta name="color:borders" content="#000000">
- <meta name="color:shadows" content="#000000">
- <meta name="if:shadows" content="">
- <meta name="select:font" content="consolas">
- <meta name="select:font" content="arial">
- <meta name="select:font" content="courier">
- <meta name="select:font size" content="12">
- <meta name="select:font size" content="13">
- <meta name="select:font size" content="11">
- <meta name="select:font size" content="10">
- <meta name="text:corner img width" content="">
- <meta name="text:corner img left" content="0">
- <meta name="text:corner img bottom" content="0">
- <div id="imageright" style="position:fixed; bottom:{text:corner img bottom}px; right:{text:corner img left}px; z-index:-1;"><img src="{image:corner img}"width="{text:corner img width}"></div>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:80,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:280px; /* maximum width */
- text-align:center;
- background-color:#000; /* color background */
- font-size:9px; /* font size */
- border-radius:4px;
- color:#fff; /* font color */
- font-weight:bold;
- font-family:helvetica;
- letter-spacing:1px; /* font spacing */
- text-transform:lowercase; /* uppercase, lowercase, none */
- padding:4px; /* padding size */
- margin:20px 0px 0px 20px; /* margin size */
- z-index:9999999999999999999999;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:bg}; /*color of main scrollbar*/
- height: 50px; /*height of scrollbar*/
- background-image: url('{image:scrollbar}'); /*optional*/
- border:1px solid;
- }
- ::-webkit-scrollbar {
- height: 0px;
- width: 9px; /*width of the slider*/
- background-color: {color:bg}; /*color of the slider*/
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:bg}; /*color of main scrollbar*/
- height: 50px; /*height of scrollbar*/
- background-image: url('http://static.tumblr.com/9538617653283024ea041def113c2632/ywngpl0/fi1o12d1o/tumblr_static_9w4b4k0spsock0g4wc0k4wwcw.png'); /*optional*/
- }
- ::-webkit-scrollbar {
- height: 0px;
- width: 9px; /*width of the slider*/
- background-color: {color:bg}; /*color of the slider*/
- }
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- background:{color:background};
- font-family: {select:font};
- font-size:{select:font size}px;
- line-height:140%;
- color: {color:text};
- }
- p{
- margin:0 0 10px 0;
- padding:0;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a{
- color:{color:links};
- text-decoration:none;
- }
- a:hover{
- color:{color:hover};
- text-decoration:none;
- text-shadow: 0px 0px 5px {color:LinkHoverShadow};
- }
- ol,ul{
- margin-left:-5px;
- list-style-type:circle;
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:50px auto;
- }
- #sidebar{
- width:85px;
- {block:permalinkpage}
- margin-left:100px;
- {/block:permalinkpage}
- margin-left:242px;
- font-size:11px;
- text-align:center;
- margin-top:-10px;
- height:85px;
- border:double {color:borders};
- background:#fff;
- }
- #content{
- width:300px;
- margin-left:150px;
- margin-top:75px;
- overflow:hidden;
- }
- .post{
- width:250px;
- margin:0 0 50px 0;
- overflow:hidden;
- border:double {color:borders};
- padding:15px;
- background:{color:content bg};
- {block:ifshadows}
- box-shadow:3px 3px 0px {color:shadows};
- {/block:ifshadows}
- }
- #sidebar img, .post img{
- max-width:100%;
- }
- #nav{
- margin:50px 0 0 0;
- }
- #sidebar desc {
- margin-left:3px;
- }
- #warlock {
- margin-top:-7px;
- padding-bottom:50px;
- padding-top:2px;
- text-align:center;
- font-size:14px;
- word-spacing:7px;
- margin-left:2px;
- }
- #pages{
- margin:-30px 0 0 -10px;
- text-align:center;
- }
- #pages a {
- text-decoration:none;
- }
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{margin:0px 0 10px 0;
- }
- .title{
- font-weight:normal;
- font-size:18px;
- margin:0 0 10px 0;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question{
- margin-bottom:10px;
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:0 0 0 10px;
- border-left:solid 1px #000;
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align:left;
- }
- /*
- post notes
- */
- ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- ol.notes li.note img{
- width:0px;
- height:0px;
- }
- ol.notes li.note{
- margin:0px;
- }
- #audio {
- width:100%;
- height:50px;
- margin-bottom:10px;
- display:block;
- }
- #audio .player{background:#FFF;height:26px;width:26px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
- .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
- .art img{width:50px;height:50px;}
- .songtitle{margin-left:60px;height:40px;padding:5px 10px;border-left:1px solid {color:border};line-height:13px;overflow:auto;font-size:10px;}
- .video-container {
- position: center;
- overflow: hidden;
- }
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: center;
- max-width:270px;
- max-height:270px;
- }
- .video-wrapper {
- max-width:270px;
- max-height:270px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="sidebar">
- <div class="img"><center>
- <img src="{image:side}"></center></div>
- <div class="desc">{Description}</p></div>
- <div id="warlock"><center><a href="/" title="">01</a>
- <a href="/" title="">02</a>
- <a href="/" title="">03</a></center></div>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}</a><br>
- {/block:Pages}
- {/block:HasPages}
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{PhotoURL-HighRes}">{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<div style="width:100%;opacity:1.0;margin:0 0 -1px 0;">{Photoset}</div>{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media"><div class="video-wrapper">
- <div class="video-container">{Video-400}</div>
- </div></div>
- {/block:Video}
- {block:Audio}
- <div id="audio">
- <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <div class="player">{AudioPlayerWhite}</div>
- <div class="songtitle">
- {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}
- </div>
- </div>
- {/block:Audio}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}"><div id="spidey" style="margin-top:2px;text-align:center;">{DayOfMonth}.{MonthNumber}.{Year} +{NoteCount}</a>
- <div id="spidey" style="margin-top:-12px;">{block:HasTags}<br><b>TAGGED:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
- {block:permalinkpage}<div id="spidey" style="margin-top:3px;text-align:center;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} + <a href="{ReblogRootURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:permalinkpage}
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- <div id="pages">
- {block:PreviousPage}
- <a href="{PreviousPage}">prev page</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</a>
- {/block:NextPage}
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement