Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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="color:Text" content="#000000">
- <meta name="color:Link" content="#eeeeee">
- <meta name="color:Linkhover" content="#000000">
- <meta name="color:descriptionbg" content="#dddddd">
- <meta name="color:description" content="#000000">
- <meta name="color:border" content="#eeeeee">
- <meta name="color:scrollbar" content="#eeeeee">
- <meta name="color:background" content="#eeeeee">
- <meta name="color:containerbg" content="#ffffff">
- <meta name="color:sidebar" content="#eeeeee">
- <meta name="color:post" content="#eeeeee">
- <meta name="if:sidebarimg" content="">
- <meta name="color:post" content="#eeeeee">
- <meta name="text:Link 1" content="Link 1">
- <meta name="text:URL 1" content="">
- <meta name="text:Link 2" content="Link 2">
- <meta name="text:URL 2" content="">
- <meta name="text:Link 3" content="Link 3">
- <meta name="text:URL 3" content="">
- <meta name="text:Link 4" content="Link 3">
- <meta name="text:URL 4" content="">
- <meta name="text:Link 5" content="Link 3">
- <meta name="text:URL 5" content="">
- <meta name="image:sidebarimg" content="">
- <style>
- ::scrollbar {width: 5px;background:transparent;}
- ::-webkit-scrollbar {width: 5px;background:transparent;}
- ::-o-scrollbar {width: 5px;background:transparent;}
- ::-moz-scrollbar {width: 5px;background:transparent;}
- ::scrollbar-thumb {background:{color:Border};}
- ::-webkit-scrollbar-thumb {background:{color:Border};}
- ::-o-scrollbar-thumb {background:{color:Border};}
- ::-moz-scrollbar-thumb {background:{color:Border};}
- body {font-family: arial;font-size:10px;color:{color:text};}
- a, a:hover {text-decoration: none;font-family: arial; font-size:10px; transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- a {color:{color:link};}
- a:hover {color:{color:linkhover};}
- #tumblr_controls{-webkit-filter: invert(90%);opacity:.7;}
- ::selection {
- background: #999999;
- color: #000000r;
- }
- ::-moz-selection {
- background: #999999;
- color: #000000;
- }
- ::-webkit-selection {
- background: #999999;
- color: #000000;
- }
- #content {width:420px;margin-left:380px;margin-top:20px;}
- #posts {width:400px;margin-top:55px;padding:5px;margin-bottom:10px;}
- blockquote {border-left:3px solid {color:border};padding-left:10px;margin-left:20px;}
- #via {margin-left:410px;position:absolute;border-left:2px solid {color:border};padding-left:5px; transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;opacity:0;}
- #posts:hover #via { transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;opacity:1;}
- blockquote img {width:250px;height:auto;}
- .sidebar {position:fixed;left:200px;top:150px;width:80px;text-align:justify;}
- #sidebarimage img {width:64px;height:64px;border:8px solid {color:border};}
- .pagination {width:400px;text-align:justify;font-weight:bold;margin-bottom:20px;}
- #nextp {margin-left:380px;}
- #desc {padding:5px;border:1px solid {color:border};}
- #permalink {margin-top:10px;}
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- width: 300px;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- .clearfix:after {
- display:block;
- clear:both;
- }
- /*----- Menu Outline -----*/
- .menu-wrap {
- width:80px;margin-left:-40px;margin-top:-8px;
- box-shadow:0px 1px 3px rgba(0,0,0,0.2);text-align:center;
- background:{color:border};
- }
- .menu {
- width:80px;
- margin:0px auto;
- }
- .menu li {
- margin:0px;background:{color:border};
- list-style:none;
- font-family:'Ek Mukta';
- }
- .menu a {
- transition:all linear 0.15s;
- color:#919191;
- }
- .menu li:hover > a, .menu .current-item > a {
- text-decoration:none;
- color:{color:link};
- }
- .menu .arrow {
- font-size:11px;
- line-height:0%;
- }
- /*----- Top Level -----*/
- .menu > ul > li {
- float:left;
- display:inline-block;
- position:relative;
- font-size:19px;
- }
- .menu > ul > li > a {
- padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;width:60px;
- display:inline-block;
- text-shadow:0px 1px 0px rgba(0,0,0,0);
- }
- .menu > ul > li:hover > a, .menu > ul > .current-item > a {
- background:{color:border};
- }
- /*----- Bottom Level -----*/
- .menu li:hover .sub-menu {
- z-index:1;padding-left:10px;
- opacity:1;padding-right:10px;padding-top:5px;padding-bottom:5px;width:60px;
- }
- .sub-menu {padding-left:10px;text-align:center;
- width:60px;padding-right:10px;padding-top:5px;padding-bottom:5px;width:60px;
- position:absolute;
- left:0px;
- z-index:-1;
- opacity:0;
- transition:opacity linear 0.15s;
- box-shadow:0px 2px 3px rgba(0,0,0,0);
- background:{color:border};
- }
- .sub-menu li {
- display:block;
- font-size:16px;
- }
- .sub-menu li a {padding-top:5px;padding-bottom:5px;
- display:block;
- }
- .sub-menu li a:hover, .sub-menu .current-item a {
- background:transparent;
- }
- #cr {position:fixed;bottom:5px;right:5px;}
- </style>
- </head>
- <body>
- <div class="sidebar">
- {block:IfSidebarimg}<div id="sidebarimage"><a href="/"><img class="image" src="{image:Sidebarimg}" /></a></div>{/block:IfSidebarimg}
- <div id="desc">{Description}</div>
- <div class="menu-wrap">
- <nav class="menu">
- <ul class="clearfix">
- <li>
- <a href="#">links <span class="arrow">▼</span></a>
- <ul class="sub-menu">
- <li><a href="/">index</a></li>
- <li><a href="/ask">inbox</a></li>
- <li><a href="{text:URL 1}">{text:Link 1}</a></li>
- <li><a href="{text:URL 2}">{text:Link 2}</a></li>
- <li><a href="{text:URL 3}">{text:Link 3}</a></li>
- </ul>
- </li>
- </ul>
- </nav>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div id="posts">
- <div id="via">{block:RebloggedFrom}
- <a href="{ReblogParentURL}">via</a>
- {/block:RebloggedFrom}<br>
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}</div>
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-400}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}Name: {TrackName}{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- Plays: {PlayCount}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="title">“{Quote}”</div>
- {block:Source}<div class="text"><br>- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}<div id="asker">{Asker} asked:</div>
- <div id="question">{Question}</div>
- <div id="answer">{Answer}</div>
- {block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- </div> <!--text-->
- {/block:Chat}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- <!--------------------------->
- <!--The Permalink (Part 7)-->
- <div id="permalink">
- <div id="notes"><a href="{Permalink}">{block:Date}{DayOfMonth} {Month}{/block:Date}</a>{block:NoteCount} <a href="{Permalink}">({NoteCount}){/block:NoteCount}</a></div>
- {block:HasTags}<div id="tags">tagged as:
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- <!--tags-->
- {/block:HasTags}
- </div>
- </div> <!--permalink-->
- <!--The Tags (Part 7)-->
- </div> <!--posts-->
- <!--Note Container (Part 7)-->
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- <div class="pagination">{block:Pagination} <div id="nextp">{block:NextPage}
- <a href="{NextPage}">NEXT</a>
- {/block:NextPage}</div>
- {block:PreviousPage}
- <a href="{PreviousPage}">PREVIOUS</a>
- {/block:PreviousPage}{/block:Pagination}</div>
- <!--content--></div>
- <div id="cr"><a href="http://eddiehardy.tumblr.com/tagged/*themes/">theme</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement