Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="text:Font Size" content="14"/>
- <meta name="text:Subtitle" content="Subtitle"/>
- <meta name="color:Background" content="grey" />
- <meta name="color:Accent Color" content="blue" />
- <meta name="color:Link" content="red" />
- <meta name="color:Link Hover" content="gold" />
- <meta name="color:posts background" content="white" />
- <meta name="color:text" content="black" />
- <meta name="font:Body" content="bookmania" />
- <meta name="image:Wallpaper" content="http://i58.tinypic.com/2wfofsx.jpg" />
- <meta name="image:Sidebar" content="http://i57.tinypic.com/25t9edl.jpg" />
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <style type="text/css">
- body {
- background-color: {color:background};
- font-family: {font:body};
- background-image: url({image:wallpaper});
- margin: 0;
- word-wrap: break-word;
- background-attachment:fixed;
- font-size:{text:Font Size}px;
- max-width:100%;
- }
- a {
- text-decoration:none;
- color: {color:link};
- -webkit-transition: color .3s ease;
- transition: color .3s ease;
- }
- a:hover {
- color: {color:link hover};
- }
- #sidebar {
- position: fixed;
- width:300px;
- margin:100px;
- }
- #sidebar .title {
- font-size: 30px;
- text-align: center;
- margin-bottom:5px;
- padding:5px;
- border-radius:2px;
- background:{color:posts background};
- box-shadow:0px 0px 5px {color:link};
- -webkit-transition: box-shadow .3s ease;
- transition: box-shadow .3s ease;
- }
- #sidebar .title:hover {
- box-shadow: 0px 0px 10px {color:link hover};
- }
- #sidebar #flipbox {
- width:210px;
- height:auto;
- margin:auto;
- }
- #sidebar #flipbox .image {
- max-width: 200px;
- height: auto;
- -webkit-transition: transform .25s .25s ease-out;
- transition: transform .25s .25s ease-out;
- }
- #sidebar #flipbox .description {
- color: {color:text};
- font-size: 14px;
- text-align: left;
- line-height:100%;
- max-width:200px;
- float:right;
- margin-left:-200px;
- -webkit-transform: rotateY(90deg);
- transform: rotateY(90deg);
- -webkit-transition: transform .25s ease-in;
- transition: transform .25s ease-in;
- }
- #sidebar #flipbox:hover .image {
- -webkit-transform: rotateY(90deg);
- transform: rotateY(90deg);
- -webkit-transition: transform .25s ease-in;
- transition: transform .25s ease-in;
- }
- #sidebar #flipbox:hover .description {
- -webkit-transform: rotateY(0deg);
- transform: rotateY(0deg);
- -webkit-transition: transform .25s .25s ease-out;
- transition: transform .25s .25s ease-out;
- }
- #sidebar .links {
- background:{color:posts background};
- padding: 5px;
- margin:5px;
- float:left;
- width:80px;
- border-radius:2px;
- text-align:center;
- box-shadow:0px 0px 5px {color:link};
- -webkit-transition: box-shadow .3s ease;
- transition: box-shadow .3s ease;
- }
- #sidebar .links:hover {
- box-shadow: 0px 0px 10px {color:link hover};
- }
- #sidebar .pagination {
- color:{color:text};
- font-size: 14px;
- text-align: center;
- padding:10px;
- margin-top:5px;
- position: relative;
- left: 50%;
- transform: translateX(-50%);
- line-height:100%;
- float:left;
- border-radius:2px;
- box-shadow:0px 0px 5px {color:accent color};
- background:{color:posts background};
- }
- #posts {
- background:{color:posts background};
- box-shadow:0px 0px 10px {color:accent color};
- width:500px;
- color:{color:text};
- margin:20px 0;
- position:relative;
- left:500px;
- padding:10px;
- border-radius:2px;
- }
- #posts img{
- max-width:100%;
- }
- #posts .source {
- text-align:right;
- }
- #posts .question {
- border: {color:accent color} dotted 1px;
- padding:10px;
- }
- #posts .chatlabel {
- color:{color:link};
- float:left;
- }
- #posts .chatline {
- padding:1px;
- }
- #posts .albumart {
- background:url(http://i.imgur.com/DykurMM.png);
- width:100px;
- height:100px;
- position:absolute;
- }
- #posts .audioplayercontainer {
- opacity:0.2;
- position:relative;
- width:100px;
- height:100px;
- -webkit-transition: opacity .3s ease;
- transition: opacity .3s ease;
- border:1px {color:posts background} solid;
- top:-1px;
- left:-1px;
- }
- #posts .audioplayercontainer:hover {
- opacity:0.8;
- }
- #posts .audioplayer {
- width:27px;
- height:27px;
- overflow:hidden;
- position: relative;
- margin:37px;
- }
- #posts .audioinfo {
- float:left;
- margin-left:110px;
- margin-top:-105px;
- position:relative;
- }
- blockquote {
- border-left: solid 2px {color:text};
- margin-left: 5px;
- padding-left: 5px;
- }
- #posts .permalink {
- border-top: 1px {color:accent color} dotted;
- text-align:center;
- }
- #posts .tags {
- text-align:center;
- color:{color:link};
- }
- #posts .tags .comma:last-child {
- display: none;
- }
- #posts #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding:10px;
- }
- #notecontainer img.avatar {
- margin-right:5px;
- width: 16px;
- height: 16px;
- }
- #s-m-t-tooltip {
- padding:5px;
- margin:5px;
- background-color: {color:posts background};
- border-radius:2px;
- box-shadow:0px 0px 5px {color:accent color};
- font-size:xx-small;
- color:{color:text};
- z-index:999;
- }
- #credit {
- position:fixed;
- bottom:0;
- left:0;
- margin-left:5px;
- }
- </style>
- <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:0,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="sidebar">
- <a href="/"><div class="title">{Title}</div></a>
- <br>
- <div id="flipbox">
- <img class="image" src="{image:Sidebar}" />
- <div class="description"><br>{Description}</div>
- </div>
- <a href="/"><div class="links">{lang:Home}</div></a>
- {block:AskEnabled}<a href="/ask"><div class="links">Message</div></a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit"><div class="links">Submit</div></a>{/block:SubmissionsEnabled}
- {block:HasPages}{block:Pages}<a href="{url}"><div class="links">{Label}</div></a>{/block:Pages}{/block:HasPages}
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
- –
- {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- {block:Posts}
- <div id="posts">
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
- <div class=audioplayercontainer><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class=audioinfo>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}
- {block:Artist}<small><br><br>{Artist}</small>{/block:Artist}
- {block:Album}<small><br><br>{Album}{/block:Album}</small></div>
- {block:caption}
- <br>
- <div>{caption}</div>
- {/block:caption}
- {/block:Audio}
- {block:Quote}
- <big><big>“{Quote}”</big></big>
- <div class="source">{block:Source}– {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Text}
- {block:Title}<big><big>{Title}</big></big><br />{/block:Title}
- {Body}
- {/block:Text}
- {block:Answer}
- <div class="question"><big><big>{Question}</big></big><br />
- <div class="source">– {lang:asked by asker 2}</div></div>
- {Answer}
- {/block:Answer}
- {block:Chat}
- {block:Title}<big><big>{Title}</big></big><br />{/block:Title}
- {block:Lines}
- {block:Label}<div class="chatlabel"><strong>{Label} </strong></div>{/block:Label}
- <div class="chatline">{Line}</div>
- {/block:Lines}
- {/block:Chat}
- {block:Link}
- <a href="{URL}"><big><big>{Name}</big></big></a>
- {block:Description}<br />{Description}{/block:Description}
- {/block:Link}
- <div class="permalink"><small><small>
- <a href="{permalink}">{block:Date}{TimeAgo}{/block:Date}
- {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a>
- </small></small></div>
- {block:HasTags}
- <div class="tags">
- <small><small>
- {block:Tags}
- <a href="{TagURL}">{Tag}</a><span class="comma">, </span>
- {/block:Tags}
- </small></small>
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <div id="credit">
- <a href="http://onehellofathemeblog.tumblr.com/" title="Theme Credit">
- <img src="http://i58.tinypic.com/2zxpnxj.png" /></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement