Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!-------------------
- ROYALTY
- theme by akouos
- ---------------------
- RULES OF USE
- I. DO NOT REDISTRIBUTE.
- II. DO NOT REMOVE OR MOVE CREDIT.
- III. DO NOT USE AS A BASE.
- IV. DO NOT CLAIM AS YOUR OWN.
- --------------------->
- <!DOCTYPE html>
- <head>
- <meta name="color:background" content="#ffffff" />
- <meta name="color:sidebar background" content="#f9f9f9" />
- <meta name="color:ask background" content="#f3f3f3" />
- <meta name="color:desc background" content="#fff" />
- <meta name="color:desc" content="#000" />
- <meta name="color:text" content="#000" />
- <meta name="color:posts" content="#f9f9f9" />
- <meta name="color:links" content="grey" />
- <meta name="color:links hover" content="grey" />
- <meta name="color:borders" content="#f3f3f3" />
- <meta name="color:navigation links" content="#000" />
- <meta name="color:navigation links hover" content="" />
- <meta name="color:navigation links background" content="#fff" />
- <meta name="color:navigation links background hover" content="#f3f3f3" />
- <meta name="color:titles" content="#000" />
- <meta name="color:titles hover" content="#f3f3f3" />
- <meta name="image:icon" content=""/>
- <meta name="text:ask action" content="asked:" />
- <meta name="text:Link1" content="/ask" />
- <meta name="text:Link1 Title" content="mail" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link" />
- <meta name="if:round icon" content="0"/>
- <meta name="if:400px posts" content="0"/>
- <meta name="if:500px posts" content="1"/>
- <meta name="if:white audioplayer" content="1"/>
- <meta name="if:black audioplayer" content="0"/>
- <meta name="if:hide permalink" content="1"/>
- <title>{Title}</title>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <style>
- body {color:{color:text};
- font-size:10px;
- font-family:arial;
- background-color:{color:background};}
- a {color:{color:links};
- font-size:10px;
- font-family:arial;
- text-decoration:none;}
- a:hover {color:{color:links hover}; text-decoration:underline;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;}
- .sidebar {width: 250px;
- background-color: {color:sidebar background};
- position: fixed;
- left: 0px;
- top: 0px;
- height: 100%;}
- .sidebarcontent {margin-top:-100px;}
- .sidebar img {width:75px; height:75px;
- border:5px solid {color:borders};
- margin-left:80px;
- margin-top:350px;
- {block:IfRoundIcon}
- border-radius:100%;
- {/block:IfRoundIcon}}
- .description {
- color:{color:desc};
- margin: auto;
- opacity: 1;
- margin-top:30px;
- background-color:{color:desc background};
- padding: 20px;
- width: 70%;}
- .links {background-color:{color:navigation links background};
- width:195px;
- padding:10px;
- margin:10px;
- margin-left:18px;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;}
- .links a {text-align:center;
- background-color:#fff;
- color:{color:navigation links};
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s}
- .links a:hover {color:{color:navigation links hover};
- letter-spacing:3px;
- background-color:{color:navigation links background hover};
- width:195px;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;}
- .column {
- width:900px;
- margin:auto;padding-top:110px;padding-left:200px;}
- .posts {
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- margin: auto;
- padding:15px;
- background-color:{color:posts};
- border-bottom:1px solid {color:borders};
- margin-bottom:75px;
- position:relative;
- z-index:1000;}
- .posts h1 {color:{color:titles};font-family:helvetica;
- font-size:14px;}
- .posts h1 a:hover {color:{color:titles hover};}
- .posts li {list-style-type:square;
- max-width:100%}
- .posts blockquote {border-left: 5px {color:borders} solid;
- padding-left:5px;
- max-width:100%}
- .posts img {max-width:100%;}
- .ask {{block:if500pxPosts}width:458px;
- max-width:500px;
- {/block:if500pxPosts}
- {block:if400pxPosts}
- width:358px;
- max-width:400px;
- {/block:if400pxPosts}
- background-color:{color:ask background};
- padding:20px;
- max-width:500px;
- height:auto;
- color:{color:text};
- }
- .asker {color:{color:titles};
- font-family:helvetica;
- font-size:14px;
- font-weight:bold;
- text-transform:lowercase;}
- .quote {color:{color:text};
- font-family:helvetica;
- font-size:14px;
- font-weight:bold;
- text-align:center;}
- .source {font-size:10px;
- font-family:arial;
- text-align:center;}
- .chat {list-style:none;
- margin-left:-42px;}
- .chat li {list-style:none;
- padding:4px;}
- .chat li alt {background-color:{color:borders};}
- .cover {position: relative; z-index: 1; width:150px;}
- .playbutton {width: 20px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 1000;
- margin: 50px 57px 50px 50px;}
- .playbox {
- {block:ifWhiteAudioPlayer}
- background-color: #fff;{/block:ifWhiteAudioPlayer}
- {block:ifBlackAudioPlayer}
- background-color: #000;{/block:ifBlackAudioPlayer}
- position: absolute;
- z-index: 1000;
- margin-top: 10px;
- margin-left: 11px;
- -webkit-transition: opacity 0.7s ease-in-out;
- -moz-transition: opacity 0.7s ease-in-out;
- -ms-transition: opacity 0.7s ease-in-out;
- -o-transition: opacity 0.7s ease-in-out;
- opacity: 0.5;}
- .playbox:hover {
- -webkit-transition: opacity 0.7s ease-in-out;
- -moz-transition: opacity 0.7s ease-in-out;
- -ms-transition: opacity 0.7s ease-in-out;
- -o-transition: opacity 0.7s ease-in-out;
- opacity: 1;}
- .musicinfo
- {width:287px;
- position:absolute;
- padding-left:185px;
- text-align:center;
- vertical-align:middle;
- margin-top:-100px;
- z-index:1;}
- .mtitle {color:{color:titles};
- font-family:helvetica;
- font-size:16px;
- text-transform:lowercase;
- font-weight:bold;}
- .martist {color:{color:titles};
- font-family:helvetica;
- font-size:12px;
- text-transform:lowercase;}
- .postinfo {position: absolute;
- {block:if500pxPosts}
- margin-left: 530px;
- {/block:if500pxPosts}
- {block:if400pxPosts}
- margin-left: 430px;
- {/block:if400pxPosts}
- padding: 0px 10px;
- top: 0px;
- width: 100px;
- max-width: 100px;
- {block:ifHidePermalink}
- opacity: 0.0;
- {/block:ifHidePermalink}
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;}
- .postinfo a {font-style:italic;}
- .posts:hover .postinfo {opacity: 1.0;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s}
- .tags {border-left:solid 1px {color:borders};
- padding-left:5px;
- width:50px;}
- .notecontainer {
- margin: 20px auto;
- {block:if500pxPosts}
- width: 500px;
- {/block:if500pxPosts}
- {block:if400pxPosts}
- width: 400px;
- {/block:if400pxPosts}
- font-size: 11px;
- list-style:none;}
- .notecontainer ol.notes {
- margin-left:30px;
- padding:10px;}
- .notecontainer img.avatar {
- margin-right: 10px;
- width: 10px;
- height: 10px;}
- .notecontainer li {list-style-type:upper-roman;}
- .pagination {
- margin-left:75px;
- margin-top:40px;
- text-transform:lowercase;
- font-weight:bold;
- position:fixed;
- }
- .pagination a {
- padding:0 15px;}
- .credit {background-color:#fff;
- position:fixed;
- bottom:15px;
- right:15px;
- font-weight:bold;
- margin-top:8px;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;}
- .credit a:hover {color:#f3f3f3;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;}
- .credit a {text-decoration:none;
- font-size:8px;color:#000;font-family:helvetica;text-transform:uppercase;}
- </style>
- </head>
- <body>
- <div class="sidebar">
- <div class="sidebarcontent">
- <a href="/"><img src="{image:icon}"></a>
- <div class="description">
- {Description}
- </div>
- <div class="links"><a href="{text:Link1}">{text:Link1 Title}</a><br></div>
- <div class="links"><a href="{text:Link2}">{text:Link2 Title}</a><br></div>
- <div class="links"><a href="{text:Link3}">{text:Link3 Title}</a><br>
- </div>
- <div class="links"><a href="{text:Link4}">{text:Link4 Title}</a><br></div>
- </div>
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div class="column">
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:text}
- {block:Answer}
- <div class="ask"> <div class="asker">{Asker}</div> {text:ask action} {Question}
- </div>
- {Answer}
- {/block:Answer}
- {block:Quote}
- <div class="quote">
- "{Quote}"
- </div>
- {block:Source}<br><div class="source">-{Source}</div>{/block:Source}
- {/block:Quote}
- {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}
- <div class=chat>
- <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- </div>
- {/block:Chat}
- {block:Photo}
- {block:if500pxPosts}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
- {/block:if500pxPosts}
- {block:if400pxPosts}
- {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
- {/block:if400pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:if500pxPosts}
- {Photoset-500}
- {/block:if500pxPosts}
- {block:if400pxPosts}
- {Photoset-400}
- {/block:if400pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Audio}
- <div class="playbox"><div class="playbutton">
- {block:ifWhiteAudioPlayer}
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- {/block:ifWhiteAudioPlayer}
- {block:ifBlackAudioPlayer}
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- {/block:ifBlackAudioPlayer}
- </div>
- </div>
- {block:AlbumArt}
- <img src="{AlbumArtUrl}" class="cover">
- {/block:AlbumArt}
- <div class="musicinfo">
- {block:TrackName}
- <div class="mtitle">
- {TrackName}
- <br>
- </div>
- {/block:TrackName}
- {block:Artist}
- <div class="martist">
- {Artist}
- <br>
- </div>
- {/block:Artist}
- {block:PlayCount}
- {PlayCountWithLabel}
- {/block:PlayCount}
- </div>
- {/block:Audio}
- {block:Video}
- {block:if500pxPosts}
- {Video-500}
- {/block:if500pxPosts}
- {block:if400pxPosts}
- {Video-400}
- {/block:if400pxPosts}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <div class="postinfo">
- <a href="{Permalink}">
- {block:Date}{TimeAgo}{/block:Date}</a>
- <br>with {NoteCountWithLabel}
- <br>
- {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
- {block:ContentSource}
- | <a href="{SourceURL}">source</a>
- <br><br>
- {/block:ContentSource}
- <div class="tags">
- {block:HasTags} {block:Tags} <a href="{TagURL}">{TAG}</a> {/block:Tags} {/block:HasTags}
- </div>
- </div>
- {block:PostNotes}
- <div class="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- <div class="credit">
- <a href="http://akouos.tumblr.com">AKS</a>
- </div>
- {/block:Posts}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement