Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- theme no. 28 - déjà entendu, by ohstrax.tumblr.com
- terms:
- > do not remove, change, or move credit to another page
- > do not cover it with anything or make it invisible
- > do not steal this code and claim it as your own
- > do not use this as a base or take parts of the code
- please like or reblog the post! enjoy (◡‿◡✿)
- --->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:sidebar" content="" />
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#333333" />
- <meta name="color:link" content="#333333" />
- <meta name="color:link hover" content="#000000" />
- <meta name="color:border" content="#f4f4f4" />
- <meta name="color:info background" content="#f4f4f4" />
- <meta name="text:link 1" content="" />
- <meta name="text:link 1 url" content="" />
- <meta name="text:link 2" content="" />
- <meta name="text:link 2 url" content="" />
- <meta name="text:link 3" content="" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 4" content="" />
- <meta name="text:link 4 url" content="" />
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
- <style type="text/css">
- body {
- background:{color:background};
- color:{color:text};
- font-size:9px;
- font-family:'Arial', sans-serif;
- letter-spacing:1px;
- line-height:140%;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- a:hover { color:{color:link hover}; }
- h1 {
- font-size:10px;
- margin:0px;
- text-transform:uppercase;
- }
- blockquote {
- border-left:1px solid {color:border};
- margin-left:20px;
- padding:0px 10px;
- }
- ::-webkit-scrollbar {
- width:5px;
- background:{color:background};
- }
- ::-webkit-scrollbar-thumb {
- background:{color:text};
- }
- .sidebar {
- position:absolute;
- text-align:center;
- width:200px;
- left:200px;
- top:150px;
- }
- .stick {
- position:fixed;
- top:0px;
- }
- .sidebar img {
- width:200px;
- padding-top:50px;
- }
- #title {
- padding:8px 0px;
- border-bottom:3px double {color:border};
- font-size:11px;
- font-style:italic;
- }
- #desc {
- padding:10px 12px;
- text-align:justify;
- }
- #links {
- width:90px;
- margin-left:55px;
- font-size:8px;
- font-style:italic;
- }
- #links a {
- padding:3px 0px;
- border-bottom:1px solid {color:border};
- display:block;
- }
- #links a:hover {
- background:{color:info background};
- }
- #posts {
- position:absolute;
- width:400px;
- margin-left:550px;
- margin-top:60px;
- }
- .post {
- margin-bottom:60px;
- }
- .caption {
- padding:5px 0px;
- }
- #quote {
- padding:10px;
- border:3px double {color:border};
- text-transform:uppercase;
- text-align:center;
- }
- #source {
- font-size:8px;
- font-weight:bold;
- text-transform:uppercase;
- text-align:center;
- margin-bottom:10px;
- }
- #chat {
- padding-bottom:5px;
- }
- #chat li {
- padding:5px;
- border-bottom:1px solid {color:border};
- }
- .newplayerbutton {
- position:relative;
- width:28px;
- height:27px;
- overflow:hidden;
- }
- .playerbuttonhug {
- position:absolute;
- top:-11px;
- left:-12px;
- }
- .tumblr_audio_player {
- border:none;
- padding:0px;
- padding-left:12.5px;
- margin:0px;
- height:50px;
- width:400px;
- }
- .playerbuttonbg {
- top:20px;
- width:360px;
- background:#000;
- padding:20px;
- }
- .trackdetails {
- font-size:9px;
- text-transform:uppercase;
- text-align:center;
- margin-bottom:5px;
- }
- .audiowrapper {
- position:relative;
- display:inline-block;
- margin-bottom:10px;
- }
- #asker {
- text-transform:uppercase;
- text-align:right;
- font-size:11px;
- font-weight:bold;
- }
- #question {
- margin-top:5px;
- padding:15px;
- background:{color:info background};
- }
- #permalink {
- padding:10px;
- background:{color:info background};
- text-align:center;
- text-transform:uppercase;
- font-size:7px;
- }
- #permalink a {
- margin:0px 3px;
- }
- #permalink a:hover {
- font-weight:bold;
- }
- #notes {
- width:400px;
- margin-left:-40px;
- font-size:9px;
- text-transform:lowercase;
- }
- #notes li {
- width:390px;
- padding:5px;
- list-style-type:none;
- border-bottom:1px solid {color:border};
- }
- #notes img {
- display:none;
- }
- #pagi {
- position:absolute;
- width:400px;
- margin-bottom:30px;
- text-align:center;
- font-size:7px;
- text-transform:uppercase;
- }
- #pagi a {
- padding:5px;
- margin:0px 3px;
- background:{color:info background};
- }
- #text {
- position:fixed;
- bottom:5px;
- right:5px;
- line-height:25px;
- width:25px;
- text-align:center;
- text-transform:uppercase;
- font-size:8px;
- color:#000;
- background:#f0f0f0;
- }
- </style>
- <script>
- $(document).ready(function(){
- $(window).bind('scroll', function(){
- if($(window).scrollTop() > 150){
- $('.sidebar').addClass('stick');
- }
- else{
- $('.sidebar').removeClass('stick');
- }
- });
- });
- </script>
- </head><body>
- <div class="sidebar">
- <img src="{image:sidebar}" />
- <div id="title">{Title}</div>
- <div id="desc">{Description}</div>
- <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>
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">"{Quote}"</div><p>
- {block:Source}
- <div id="source">{Source}</div>
- {block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{Link}">{Name}</a></h1>
- {block:Description}
- <div class="caption">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div id="chat">
- {block:Lines}
- <li style="list-style-type:none" class="{Alt}">
- {block:Label}{Label}{/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:AudioPlayer}
- <div class="audiowrapper">
- <div class="trackdetails">
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName};
- {block:Artist}{Artist}{/block:Artist};
- {PlayCountWithLabel}
- </div>
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerBlack}
- </div>
- </div>
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Video}
- {Video-400}
- {/block:Video}
- {block:Answer}
- <h1><a href="{AskerURL}">{Asker}:</a></h1>
- <div id="question">
- {Question}
- </div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div id="permalink">
- {block:Date}
- <a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a>
- {/block:Date}
- {block:NoteCount}
- <a href="{Permalink}">+{NoteCount}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">org</a>
- {/block:ContentSource}
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">prev</a> -
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- </span>
- {/block:Pagination}
- </div>
- </div>
- <div id="text"><a href="http://ohstrax.tumblr.com/">mk</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement