Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀▄ █░░█ █▀▀▄ █░░█ █▀▀ █░░ █▀▀ █▀▀█ █▀▀█
- ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ █▀▀▄ █▄▄█ █░░█ █░░█ █░░ █░░ █▀▀ █░░█ █▄▄▀
- ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀░ ▄▄▄█ ▀░░▀ ░▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀░▀▀
- electric theme
- don't steal please
- -->
- <title>{Title}{block:PostTitle}, {PostTitle}{/block:PostTitle}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="image:sidebar" content=""/>
- <meta name="image:box background" content=""/>
- <meta name="image:main background" content=""/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:post background" content="#ffffff"/>
- <meta name="color:permalink background" content="#fafafa"/>
- <meta name="color:sidebar background" content="#F6F6F6"/>
- <meta name="color:description background" content="#ffffff"/>
- <meta name="color:description text" content="#777777"/>
- <meta name="color:box background" content="#ffffff"/>
- <meta name="color:borders" content="#bbbbbb"/>
- <meta name="color:body text" content="#777777"/>
- <meta name="color:caption text" content="#777777"/>
- <meta name="color:caption Background" content="#fafafa"/>
- <meta name="color:links" content="#555555"/>
- <meta name="color:links hover" content="#777777"/>
- <meta name="if:Captions" content="0"/>
- <meta name="if:Tags" content="0"/>
- <meta name="if:Infinite Scroll" content="0"/>
- <meta name="text:Link One" content=""/>
- <meta name="text:Link One Title" content=""/>
- <meta name="text:Link Two" content=""/>
- <meta name="text:Link Two Title" content=""/>
- <meta name="text:Link Three" content=""/>
- <meta name="text:Link Three Title" content=""/>
- <meta name="text:Link Four" content=""/>
- <meta name="text:Link Four Title" content=""/>
- <meta name="text:Link Five" content=""/>
- <meta name="text:Link Five Title" content=""/>
- <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:40,tip_fade_speed:40,attribute:"title"});});})(jQuery);</script>
- <script type="text/javascript" src="http://static.tumblr.com/oc7chfd/j7Mnaum5s/infinite.txt"></script>
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/oc7chfd/eXDnbpgq9/meffects.css" />
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- {/block:ifinfinitescroll}
- <style type="text/css">
- @font-face {
- font-family: 'sigh';
- font-style: normal;
- font-weight: 400;
- src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
- }
- body {
- background-color:{color:Background};
- font-family:sigh;
- font-size:8px;
- color:{color:body text};
- text-transform:uppercase;
- letter-spacing:1px;
- background-image:url('{image:Main Background}');
- -webkit-animation:fadeIn 2s;
- -moz-animation:fadeIn 2s;
- -ms-animation:fadeIn 2s;
- -o-animation:fadeIn 2s;
- }
- #tumblr_controls {
- opacity: 0.5;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- position: fixed;
- -webkit-filter:invert(100%);
- }
- #tumblr_controls:hover {
- opacity: 1;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- ::-webkit-scrollbar {
- height: auto;
- width: 9px;
- background-color: #e0e0e0;
- border: 4px solid {color:Box Background};
- background-image:url('{image:Background}');
- background-image:repeat;
- background-attachment:fixed;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #d0d0d0;
- border: 2.5px solid {color:box background};
- height: auto;
- }
- ::-webkit-scrollbar-thumb:hover {
- background-color: #d7d7d7;
- }
- a {
- color:{color:Links};
- text-decoration:none;
- -webkit-transition: .6s ease;
- -moz-transition: .6s ease;
- transition: .6s ease;
- }
- a:hover {
- color:{color:Links Hover};
- -webkit-transition: .6s ease;
- -moz-transition: .6s ease;
- transition: .6s ease;
- }
- #sidebar {
- width:600px;
- top:50px;
- background-color:{color:box background};
- position:fixed;
- height:500px;
- padding:6px;
- overflow:scroll;
- overflow-x:hidden;
- padding-right:8px;
- z-index:10;
- border:1px solid {color:Borders};
- box-shadow:rgba(0,0,0,0.09) 13px 13px 13px;
- background-image:url('{image:Box Background}');
- background-image:repeat;
- background-attachment:fixed;
- }
- #indoors {
- width:230px;
- margin-top:-7px;
- margin-left:-7px;
- background-color:{color:Sidebar Background};
- position:fixed;
- height:500px;
- padding:6px;
- z-index:4;
- padding-right:8px;
- border:1px solid {color:borders};
- }
- .sidepic {
- width:180px;
- margin-left:26px;
- margin-top:60px;
- border:1px solid {color:borders};
- }
- #indoors img {
- -webkit-filter: grayscale(70%);
- -moz-filter: grayscale(70%);
- -o-filter: grayscale(70%);
- filter: grayscale(70%);
- }
- .desc {
- font-family:sigh;
- font-size:8px;
- color:{color:description text};
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:justify;
- background:{color:description background};
- padding:7px;
- width:167px;
- margin-top:10px;
- border-top:1px solid #fff;
- margin-left:25px;
- text-transform:uppercase;
- border:1px solid {color:borders};
- }
- #navi {
- width:170px;
- float:center;
- margin-top:5px;
- font-size:8px;
- margin-left:25px;
- }
- #s-m-t-tooltip {
- font-size:8px;
- letter-spacing:1px;
- max-width:140px;
- line-height:8px;
- padding:5px;
- border-radius:5px;
- margin:15px 10px 10px 15px;
- z-index:10;
- background:{color:Background};
- color:#777;
- text-transform:uppercase;
- border:1px solid {color:Borders};
- box-shadow:rgba(0,0,0,0.09) 4px 4px 4px;
- -webkit-transition: all 0.2s ease-out;
- -moz-transition: all 0.2s ease-out;
- transition: all 0.2s ease-out;
- z-index:9999999999999999999999999999999;
- }
- .content{
- width:250px;
- background-color:{color:post background};
- margin:30px;
- margin-top:20px;
- margin-bottom:40px;
- float:left;
- border:1px solid {color:borders};
- padding-top:15px;
- padding-right:15px;
- padding-left:15px;
- padding-bottom:14px;
- }
- .content img {
- {block:Indexpage}
- -webkit-filter: grayscale(70%);
- -moz-filter: grayscale(70%);
- -o-filter: grayscale(70%);
- filter: grayscale(70%);
- {/block:Indexpage}
- border:1px solid {color:Borders};
- -webkit-transition: .6s ease;
- -moz-transition: .6s ease;
- transition: .6s ease;
- }
- .content img:hover {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- filter: grayscale(0%);
- -webkit-transition: .6s ease;
- -moz-transition: .6s ease;
- transition: .6s ease;
- }
- #posts {
- width:250px;
- margin-left:250px;
- background:none;
- position:relative;
- z-index:0;
- }
- .content img { max-width: 100%; }
- .content blockquote {
- border-left: 3px solid #eee;
- padding: 0 10px;
- margin-left:-1px;
- line-height: 13px;
- }
- .pagination {
- margin-bottom:25px;
- word-spacing:5px;
- margin-left:165px;
- {block:ifinfinitescroll}
- display:none;
- {/block:ifinfinitescroll}
- }
- #ask {
- padding: 10px;
- background-color: #f4f4f4;
- text-align: left;
- overflow:hidden;
- min-height: 40px;
- }
- #ask a {
- color: {color:Links};
- }
- .answer {
- text-align: left;
- margin-top:5px;
- padding-left:0px;
- padding-right:5px;
- margin-left:5px;
- margin-bottom: 5px;
- }
- .askk {
- padding-top:5px;
- }
- .asker {
- border-bottom:1px solid #ddd;
- padding-top:5px;
- letter-spacing:2px;
- padding-bottom:3px;
- }
- #askthing {
- margin: 0px 10px 0px 0px;
- border:1px solid #fff;
- background:#fff;
- padding:5px;
- float:left;
- opacity:1;
- }
- #askthing img {
- opacity:1;
- }
- #ask:first-letter {
- text-transform:uppercase;
- }
- .title {
- font-size:8px;
- text-align:center;
- background:#fafafa;
- padding:5px;
- }
- .source {
- text-align:right;
- }
- .album {
- z-index:1;
- position:absolute;
- width:41px;
- height:41px;
- }
- .album img{
- float:left;
- width:40px;
- height:40px;
- }
- .infos {
- text-transform: uppercase;
- position:relative;
- font-size:8px;
- padding-bottom:10px;
- margin:0 0 10px 50px;
- background-color: transparent;
- }
- .songtitle {
- text-transform: uppercase;
- letter-spacing:1px;
- }
- .player {
- width:27px;
- height:27px;
- opacity: .5;
- position:absolute;
- margin-top:7px;
- margin-left:7px;
- overflow:hidden;
- z-index:10;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .player:hover {
- opacity: .7;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- ol.notes {
- padding: 0 10px;
- line-height: 15px;
- list-style-type:none;
- padding-top:10px;
- color:#777;
- margin-top:10px;
- background: transparent;
- letter-spacing: 0px;
- overflow-y:hidden;
- overflow-x:hidden;
- max-height:200px;
- -webkit-transition: 1s ease;
- -moz-transition: 1s ease;
- transition: 1s ease;
- }
- ol.notes:hover {
- overflow-y:scroll;
- -webkit-transition: 1s ease;
- -moz-transition: 1s ease;
- transition: 1s ease;
- }
- ol.notes li.note {
- text-align: left;
- padding-bottom:10px;
- border-top:1px solid #eee;
- padding-top:10px;
- letter-spacing: 0px;
- }
- .notes img {
- width: 10px;
- position: left;
- margin: 3px 5px 0 0;
- -webkit-border-radius: 10px;
- }
- .permas {
- text-decoration:none;
- opacity:1;
- background:{color:Permalink Background};
- text-align:center;
- border:1px solid {color:borders};
- padding:4px;
- margin-top:10px;
- font-size:8px;
- letter-spacing:1px;
- }
- .tags {
- text-decoration:none;
- opacity:1;
- background:{color:Permalink Background};
- text-align:center;
- border:1px solid {color:borders};
- padding:4px;
- margin-top:5px;
- font-size:8px;
- letter-spacing:1px;
- }
- .chat ul {
- list-style: none;
- padding: 0;
- }
- .chat li {
- border: 1px solid rgba(0, 0, 0, 0);
- margin-bottom: 2%;
- padding: 2%;
- box-shadow: 1px 1px 1px #fff outset;
- }
- .chat .odd {
- background: #f6f6f6;
- }
- .chat .even {
- background: #ffffff;
- }
- .permaz {
- border-bottom: 1px solid #ddd;
- padding: 15px 5px;
- font-size: 8px;
- letter-spacing:1px;
- text-transform: uppercase;
- }
- #perma {
- margin-left:5px;
- opacity:0;
- margin-top:-25px;
- padding:5px;
- font-size:8px;
- color:#fff;
- z-index:9999999;
- background:#000;
- font-family:georgia;
- text-transform:none;
- position:absolute;
- -webkit-transition: 1s ease;
- -moz-transition: 1s ease;
- transition: 1s ease;
- }
- #perma a {
- color:#fff;
- }
- .content:hover #perma {
- opacity:.6;
- -webkit-transition: 1s ease;
- -moz-transition: 1s ease;
- transition: 1s ease;
- }
- .body {
- text-align:right;
- }
- .quote {
- position:absolute;
- font-size:40px;
- margin-top:-10px;
- opacity:.6;
- color:#ccc;
- z-index:999;
- }
- .quotes {
- z-index:99999999999999999999999999999999999999999999999999999999999999;
- }
- #container {
- position:absolute;
- left:40%;
- top:0;
- width:400px;
- margin-left:-235px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="container">
- <div id="sidebar">
- <div id="indoors">
- <a href="/" title="{Title}"><img class="sidepic" src="{image:sidebar}"/></a>
- <div class="desc">
- {Description}
- </div>
- <div id="navi">
- <select onchange='location=this.options[this.selectedIndex].value;' style='font-family: sigh; font-size: 8px; text-transform:uppercase; letter-spacing:1px; border: 1px solid {color:borders}; height:18px; margin-top:3px;margin-bottom:3px;margin-left:-50px position:absolute; width:183px; padding:1px; color:{color:description text};background:{color:description background}; cursor:pointer;
- '>
- <option>navigation</option>
- {block:IfLinkOneTitle}<option value="{text:Link One}"> {text:Link One Title} </option>{/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle}<option value="{text:Link Two}"> {text:Link Two Title} </option>{/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle}<option value="{text:Link Three}"> {text:Link Three Title} </option>{/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle}<option value="{text:Link Four}">{text:Link Four Title} </option>{/block:ifLinkFourTitle}
- {block:ifLinkFiveTitle}<option value="{text:Link Five}"> {text:Link Five Title} </option>{/block:ifLinkFiveTitle}
- </select></div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="content">
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Quote}
- <div class="quote">❝</div><div class="quotes">{Quote}<br></div>
- <div class="body"><br>— {Source}</div>
- {/block:Quote}
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="chat">
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Answer}
- <div id="ask">
- <img id="askthing" src="{AskerPortraitURL-30}">
- <div class="asker">
- <b>{Asker}</b>:</div>
- <div class="askk">{Question}</div>
- </div>
- <div class="answer">
- {Answer}
- </div>
- {/block:Answer}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%"></a>
- {/block:Photo}
- {block:Photoset}
- {Photoset-250}
- {/block:Photoset}
- {block:Audio}
- <div class="album">
- <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
- </div>
- <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
- <div class="player"><div style="height:28px; width:27px;">{AudioPlayerWhite}</div></div>
- <div class="infos">
- <div class="songtitle">
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- </div>
- {block:Artist}
- by {Artist}
- {/block:Artist}
- <br>
- Played {PlayCount} Times</div>
- {/block:Audio}
- {block:Video}
- <center>{Videoembed-250}</center>
- {/block:Video}
- {block:Permalinkpage}
- {block:date}
- {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
- {/block:date}
- {/block:Permalinkpage}
- {block:ifcaptions}
- {block:indexpage}
- {block:date}
- {block:Caption}<div style="background:{color:Caption Background}; color:{color:Caption Text}; padding:5px; padding-left:7px; padding-right:7px; margin-top:10px;">{Caption}</div>{/block:Caption}
- {/block:date}
- {/block:indexpage}
- {/block:ifcaptions}
- {block:indexpage}
- {block:date}
- <div class="permas">
- <a href="{ReblogURL}">Reblog</a> <a href="{Permalink}">{NoteCountwithLabel}</a> <a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}</a></div>{/block:date}
- {/block:indexpage}
- {block:iftags}
- {block:indexpage}
- {block:date}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>
- {/block:date}
- {/block:indexpage}
- {/block:iftags}
- {block:permalinkpage}
- {block:Date}
- <div class="permaz">
- <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
- <sta>notes</sta>: {NoteCount} notes <br>
- <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:Date}
- {/block:permalinkpage}
- {block:Permalinkpage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Permalinkpage}
- </div>
- {/block:Posts}
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement