Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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}
- <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
- <!--
- Theme #01: Watercolor by viwan themes (http://viwan-th.tumblr.com)
- Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
- -->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Body Text" content="#c0bdb7"/>
- <meta name="color:Body Links" content="#bac291"/>
- <meta name="color:Body Links Hover" content="#818760"/>
- <meta name="color:Body Bold" content="#b0bfa2"/>
- <meta name="color:Blockquote" content="#C7C7C7"/>
- <meta name="color:Post Border" content="#f3f8f8"/>
- <meta name="color:Sidebar Title Background" content="#d5dde7"/>
- <meta name="color:Sidebar Title Text" content="#33404e"/>
- <meta name="color:Navigation Background" content="#626f7c"/>
- <meta name="color:Navigation Background Hover" content="#434d58"/>
- <meta name="color:Navigation Links" content="#fff"/>
- <meta name="color:Description Background" content="#fdfcfc"/>
- <meta name="color:Description Text" content="#858585"/>
- <meta name="color:Description Links" content="#bac291"/>
- <meta name="color:Description Links Hover" content="#818760"/>
- <meta name="color:Description Bold" content="#b0bfa2"/>
- <meta name="color:Description Box" content="#eeeeee"/>
- <meta name="color:Tags Links" content="#9aa36f"/>
- <meta name="color:Info Links" content="#878f62"/>
- <meta name="color:Tags Links Hover" content="#59632b"/>
- <meta name="color:Info Links Hover" content="#555c33"/>
- <meta name="color:Links Background" content="#cccccc">
- <meta name="color:Links Background Hover" content="#999999">
- <meta name="color:Links Text" content="#ffffff">
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar Image" content="http://static.tumblr.com/mtdphun/N1bmczjgd/sidebar-img.jpg"/>
- <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/FLBmb8lzr/black.jpg"/>
- <meta name="text:Music Player" content=""/>
- <meta name="text:Sidebar Title" content="Title goes here"/>
- <meta name="text:Link 1" content="Link 1"/>
- <meta name="text:Link 1 URL" content="/"/>
- <meta name="text:Link 2" content="Link 2"/>
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 3" content="Link 3"/>
- <meta name="text:Link 3 URL" content="/"/>
- <meta name="text:Link 4" content="Link 4"/>
- <meta name="text:Link 4 URL" content="/"/>
- <meta name="if:Fixed Background" content="1"/>
- <meta name="if:Photo Fade" content="1"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="if:Show Music Player" content="1"/>
- <meta name="if:Custom Links" content="1"/>
- <meta name="if:Searchbar" content="0"/>
- <style type="text/css">
- @font-face {
- font-family: "tinytots";
- src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
- }
- body {
- background:{color:Background};
- background-image: url('{image:Background}');
- background-attachment: fixed;
- {block:ifFixedBackground}background-position: bottom right;
- background-repeat: no-repeat;{block:ifFixedBackground}
- color:{color:Body Text};
- font-family:oxygen;
- font-size:11px;
- }
- h1 {
- background-color:#eee;
- text-align:center;
- text-transform:lowercase;
- padding:5px;
- font-size: 15px;
- font-weight:bold;
- margin-left:0px;
- margin-top:0px;
- color: {color:Body Bold}
- }
- a {
- text-decoration:none;
- outline:none;
- color:{color:Body Links};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- a:hover {
- color:{color:Body Links Hover};
- }
- b {
- color:{color:Body Bold};
- }
- ul {
- list-style-type:dash;
- }
- /* SIDEBAR */
- #sidebar-image {
- position:fixed;
- height:250px;
- width:250px;
- top:100px;
- left:40px;
- }
- #sidebar-title {
- position:fixed;
- height:20px;
- width:270px;
- margin-left:-15px;
- margin-top:-37px;
- padding:5px;
- padding-bottom:2px;
- background-color:{color:Sidebar Title Background};
- color: {color:Sidebar Title Text};
- font-family:Tw Cen MT;
- font-size:15px;
- text-align:center;
- text-transform: uppercase;
- letter-spacing:0px;
- }
- /* MUSIC PLAYER */
- #musicplayer {
- position:fixed;
- margin-top:-254px;
- margin-left:-5px;
- width:250px;
- background-color:#fff;
- padding:5px;
- padding-top:0px;
- opacity:0;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #sidebar-image:hover #musicplayer {
- opacity:0.7;
- }
- /* PAGINATION */
- #previous {
- position:fixed;
- margin-top:-45px;
- margin-left:-10px;
- height:10px;
- width:10px;
- text-transform:uppercase;
- font-size:22px;
- font-family:oxygen;
- text-align:center;
- padding:5px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #previous a {
- color:{color:Navigation Links};
- }
- #next {
- position:fixed;
- text-transform:uppercase;
- font-size:22px;
- font-family:oxygen;
- text-align:center;
- margin-top:-45px;
- margin-left:240px;
- height:10px;
- width:10px;
- padding:5px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #next a {
- color:{color:Navigation Links};
- }
- /* CUSTOM LINKS */
- #custom {
- position:fixed;
- text-transform:uppercase;
- font-family:tinytots;
- font-size:8px;
- text-align:center;
- }
- #custom a {
- color:{color:Links Text};
- height:10px;
- width:120px;
- background-color: {color:Links Background};
- text-align:center;
- padding:3px;
- padding-top:5px;
- display:inline-block;
- margin-right:4px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #custom a:hover {
- background-color: {color:Links Background Hover};
- }
- /* DESCRIPTION */
- #desc-box {
- position:fixed;
- width:260px;
- background-color:{color:Description Box};
- margin-left:-15px;
- margin-top:10px;
- padding:10px;
- }
- #desc-txt {
- {block:ifCustomLinks}margin-top:53px;{/block:ifCustomLinks}
- border:1px dashed #ccc;
- padding:10px;
- background-color:{color:Description Background};
- color:{color:Description Text};
- }
- #desc a {
- color:{color:Description Links};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #desc a:hover {
- color:{color:Description Links Hover};
- }
- #desc b, strong {
- color:{color:Description Bold};
- }
- #search {
- margin-top:10px;
- border:1px dashed #ccc;
- padding:10px 0px 10px 20px;
- background-color:{color:Description Background};
- }
- /* NAVIGATION */
- #navigation {
- position: fixed;
- text-align:center;
- text-transform:uppercase;
- font-family:tinytots;
- font-size:8px;
- margin-left:10px;
- margin-top:-65px;
- }
- #navigation a {
- margin-right:6px;
- background-color:{color:Navigation Background};
- height:10px;
- width:40px;
- padding:5px;
- padding-bottom:3px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- display:inline-block;
- color:{color:Navigation Links};
- }
- #navigation a:hover {
- background-color:{color:Navigation Background Hover};
- }
- /* POSTS */
- blockquote {
- border-left:3px solid #ccc;
- padding-left:5px;
- margin-left:15px;
- }
- #posts {
- background-color:#fff;
- width:500px;
- margin-left:50px;
- margin-top:20px;
- padding:10px;
- overflow:hidden;
- border:4px solid {color:Post Border};
- }
- #posts img {
- max-width:100%;
- {block:ifPhotoFade}opacity:0.8;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #posts img:hover {
- opacity:1;{/block:ifPhotoFade}
- }
- #space {
- width:550px;
- height:100%;
- margin-top:-20px;
- margin-left:250px;
- padding:20px;
- }
- /* AUDIO */
- #mehhh {
- margin-top:175px;
- }
- #albumart {
- position:absolute;
- height:150px;
- width:150px;
- padding:5px;
- margin-top:-175px;
- background-color:#eee
- }
- /* AUDIO INFO */
- #audioinfo1 {
- position:absolute;
- margin-left:170px;
- background-color: #eee;
- margin-top:-143px;
- padding: 5px;
- width: 320px;
- color:#acacac;
- }
- #audioinfo1 b {
- color:#999;
- }
- #audioinfo2 {
- position:absolute;
- margin-left:170px;
- margin-top:-108px;
- background-color: #e4e4e4;
- padding: 5px;
- width: 320px;
- color:#acacac;
- }
- #audioinfo2 b {
- color:#999;
- }
- #audioinfo3 {
- position:absolute;
- margin: -73px 0px 34px 170px;
- background-color: #eee;
- padding: 5px;
- width: 320px;
- color:#acacac;
- }
- #audioinfo3 b {
- color:#999;
- }
- #player {
- position:absolute;
- margin-left:66px;
- margin-top:-109px;
- overflow:hidden;
- background-color:#000;
- padding: 1px 2px 2px 1px;
- width: 25px;
- height: 25px;
- }
- #player-bg {
- position:absolute;
- margin-left:58px;
- margin-top:-117px;
- height:44px;
- width:44px;
- background-color:#000;
- opacity:0.3;
- }
- #audiocaption {
- margin-top:170px;
- margin-bottom:10px;
- }
- /* ASK */
- #question {
- width:480px;
- padding:10px;
- background-color:#eee;
- }
- /* QUOTE */
- #quote-info {
- text-transform:uppercase;
- margin-bottom:-10px;
- font-size:12px;
- margin-left:10px;
- }
- /* TAGS */
- #tags {
- position:relative;
- border-top: 1px dashed #ccc;
- padding-top:5px;
- font-family:oxygen;
- font-size:9px;
- margin-top:10px;
- }
- #tags a {
- color:{color:Tags Links};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #tags a:hover {
- color:{color:Tags Links Hover};
- }
- /* INFO */
- #info {
- text-align:right;
- margin-bottom:-3px;
- }
- #info a {
- color:{color:Info Links};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #info a:hover {
- color:{color:Info Links Hover};
- }
- /* PERMALINK PAGE */
- #perma-notes {
- margin-left:-10px;
- }
- #perma-notes img {
- width:16px;
- }
- #permalink {
- padding-top:5px;
- text-align:center;
- font-size:9px;
- letter-spacing:1px;
- }
- #perma-info {
- text-align:center;
- }
- #perma-info a {
- color:{color:Tags Links};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #perma-info a:hover {
- color:{color:Tags Links Hover};
- }
- /* TUMBLR STUFF */
- iframe#tumblr_controls {
- right:3px !important;
- top:3px !important;
- position:fixed !important;
- }
- #backtotop {
- z-index:999;
- position:fixed;
- bottom:5px;
- right:5px;
- }
- #backtotop a {
- color:{color:Info Links};
- text-transform:uppercase;
- font-family:tinytots;
- font-size:8px;
- opacity:0.8;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease-in-out;
- }
- #backtotop a:hover {
- opacity:1;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Body Links Hover};
- width:5px;
- height:100px;
- }
- ::-webkit-scrollbar {
- height:10px;
- width:5px;
- background-color: {color:Body Links};
- }
- {CustomCSS}
- </style></head><body>
- <!-- SIDEBAR -->
- <div id="sidebar-image"><img src="{image:Sidebar Image}" style="width:250px;"/>
- {block:ifShowMusicPlayer}
- <div id="musicplayer">{text:Music Player}</div>
- {/block:ifShowMusicPlayer}
- <div id="navigation">
- <a href="/">home</a>
- <a href="/ask">message</a>
- <a href="/archive">archive</a>
- <a href="http://viwan-th.tumblr.com">theme</a></div>
- <div id="sidebar-title">{text:Sidebar Title}</div>
- <div id="previous">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {/block:Pagination}</div>
- <div id="next">
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- <div id="desc-box">
- {block:ifCustomLinks}
- <div id="custom">
- <a href="{text:Link 1 URL}">{text:Link 1}</a>
- <a href="{text:Link 2 URL}">{text:Link 2}</a></p>
- <a href="{text:Link 3 URL}">{text:Link 3}</a>
- <a href="{text:Link 4 URL}">{text:Link 4}</a>
- </div>
- {/block:ifCustomLinks}
- <div id="desc-txt">{Block:Description}{Description}{/Block:Description}
- </div>
- {block:ifSearchbar}
- <div id="search">
- <form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}"/>
- <input type="submit" value="Search"/>
- </form>
- </div>
- {/block:ifSearchbar}
- </div>
- </div>
- <div id="space">
- <!-- ENTRIES -->
- {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}
- <div id="posts">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- <!-- END TEXT -->
- <!-- PHOTO -->
- {block:Photo}
- {block:ifNotShowCaptions}
- {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}"></a>{LinkCloseTag}
- {/block:ifNotShowCaptions}
- {block:ifShowCaptions}
- {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photo}
- <!-- END PHOTO -->
- <!-- PANORAMA -->
- {block:Panorama}
- {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Panorama}
- <!--- END PANORAMA -->
- <!-- PHOTOSET -->
- {block:Photoset}
- {Photoset-500}
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- <!-- QUOTE -->
- {block:Quote}
- <div id="quote-info">"{Quote}"</div></br>
- <p align="right"> — {block:Source}{Source}{/block:Source}
- {/block:Quote}
- <!-- END QUOTE -->
- <!-- LINK -->
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- <!-- END LINK -->
- <!-- CHAT -->
- {block:Chat}
- {block:Title}<h1><a href="{permalink}">{Title}{/block:Title}</h1>
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- <!-- END CHAT -->
- <!-- AUDIO -->
- {block:Audio}
- <div id="mehhh"></div>
- <div id="albumart"><img style="height:150px;width:150px;" id="art" src="{image:Album Art}"/></div>
- {block:AlbumArt}<div id="albumart"><a href="{Permalink}"><img style="height:150px;width:150px;" id="art" src="{AlbumArtURL}"/></a></div>{/block:AlbumArt}
- <div id="player-bg"></div>
- <div id="player">{AudioPlayerBlack}</div>
- <div id="audioinfo1">
- <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</br></div>
- <div id="audioinfo2">
- <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</br></div>
- <div id="audioinfo3">
- <b>Album:</b> {block:Album}{Album}</b>{/block:Album}</div>
- {block:ifShowCaptions}
- {block:Caption}
- <div id="audiocaption">{Caption}</div>
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:ifShowCaptions}
- {/block:IndexPage}
- {/block:Audio}
- <!-- END AUDIO -->
- <!-- VIDEO -->
- {block:Video}
- {Video-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- <!-- END VIDEO -->
- <!-- ANSWER -->
- {block:Answer}
- <div id="question"><b>{Asker}:</b> {Question}</div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- <!-- END ANSWER -->
- <!-- END ENTRIES -->
- {block:IndexPage}
- <div id="tags">
- {block:Tags}<a href="{TagURL}"> - {Tag}</a>{/block:tags}
- <div id="info">
- {block:RebloggedFrom}
- <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName} | </a>
- <b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:Date} | | <a href="{permalink}">{TimeAgo}</a> | {/block:Date}
- <a href="{permalink}">{NoteCountWithLabel} | </a>
- <a href="{ReblogURL}" target="_blank"> reblog</a>
- </div>
- </div>
- {/block:IndexPage}
- <!-- PERMALINK -->
- {block:PermalinkPage}
- {block:ifNotShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {block:ifNotShowCaptions}
- {block:ifNotShowTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}"> - {Tag}</a>{/block:tags}</br>
- </div>
- {/block:ifNotShowTags}
- {block:HasTags}
- <div id="permalink">
- <div id="perma-info">
- {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</br>
- {block:Date}<a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}<a>{/block:Date}
- {block:NoteCount} | <a href="{Permalink}">{NoteCount} notes</a>{block:NoteCount}</br>
- {block:RebloggedFrom}
- <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName} |</a>
- <b> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}</div>
- </div>
- {/block:HasTags}
- {block:PostNotes}<div id="perma-notes">{PostNotes}</div>{/block:PostNotes}
- {/block:PermalinkPage}
- <!-- END PERMALINK -->
- </div>{/block:Posts}</div>
- <div id="backtotop"><a href="#">back to top</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement