Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Mei theme by uttsutsu
- please do not remove the credit or redistribute as your own
- thank you
- EDIT: NAVIGATION HAS TO BE PUT IN MANUALLY
- -->
- <html lang="en">
- <head>
- <meta name="image:Background" content="http://static.tumblr.com/4d8b0e8559691f86cfff2cdf9e8b3629/y2bzaee/h45n5qb7o/tumblr_static_pjq7igmim2o44o4sg0gkg00k.jpg"/>
- <meta name="image:Sidebarimg" content="http://media.tumblr.com/cc6377ca2cfb292309e78886a1c1b8a3/tumblr_inline_mzu5wjXC6l1riacmz.png"/>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:Blog Title" content="#999999"/>
- <meta name="color:Link" content="#555555"/>
- <meta name="color:Hover" content="#999999"/>
- <meta name="color:Text" cofntent="#777777"/>
- <meta name="color:description" content="#777777"/>
- <meta name="color:borders" content="#777777"/>
- <meta name="if:player" content="1"/>
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content="link"/>
- <meta name="text:Link 2" content="/"/>
- <meta name="text:Link 2 Title" content="link"/>
- <meta name="text:Link 3" content="/"/>
- <meta name="text:Link 3 Title" content="link"/>
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){$(document)
- .ready(function(){$("[title]")
- .style_my_tooltips();});})
- (jQuery);
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#entries');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#post, #post_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '#post, #post_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#scroll').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#entries').show(500);
- });
- </script>
- {/block:IndexPage}
- <style type="text/css">
- body{
- margin:0px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment:fixed;
- background-repeat:100%;
- background-position:bottom-right;
- font-family: Calibri;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:left;
- line-height:11px;
- color: {color:Text};}
- a:link, a:active, a:visited{
- text-decoration: none;
- color: {color:Link};}
- a:hover {
- color:{color:Link};
- text-decoration:none;}
- /************EDIT TOOLTIP HERE************/
- #s-m-t-tooltip {
- padding: 7px;
- height:auto;
- display: none;
- font-family: consolas;
- font-size: 8px;
- text-transform:uppercase;
- text-align: center;
- letter-spacing:1px;
- margin-top:10px;
- margin-left: 15px;
- line-height: 8px;
- z-index: 999999999999;
- border-radius:3px;
- border: 1px solid #f5f5f5;
- background:#ffffff;
- color: #888;}
- /************EDIT POST POSITION/WIDTH HERE************/
- /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
- #entries{
- text-align:left;
- width:580px;
- margin-left:70px;
- margin-top:10px;
- position:relative;
- overflow: hidden;
- {block:PermalinkPage}
- width:550px;
- {/block:PermalinkPage}}
- /************EDIT OVERALL POSTS HERE************/
- /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
- #post{
- text-align:left;
- margin:20px;
- background:#ffffff;
- box-shadow:#f5f5f5 3px 3px;
- border:{color:borders} 1px solid;
- padding:20px;
- border-radius:2px;
- padding-bottom:18px;
- background:#ffffff;
- max-width: 100%;
- display:block;
- -webkit-transition: all .6s ease-in;
- -moz-transition: all .6s ease-in;
- transition: all .6s ease-in;
- overflow:hidden;
- width:180px;
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}}
- #player {
- position:fixed;
- z-index:999;
- top:0px;
- left:-265px;
- opacity:0.6;
- height:auto;
- padding:4px 8px 3px 2px;
- letter-spacing:2px;
- background-color:#fff;
- -moz-border-radius:0px 0px 10px 0px;
- border-radius:0px 0px 10px 0px;
- -webkit-transition: opacity 1s linear;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- border-bottom: 1px solid #f5f5f5;
- }
- #mus {
- float:left;
- padding-left:120px;
- -webkit-transition: opacity 1s linear;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- }
- #player:hover #mus {
- padding-left:0px;
- opacity:0;
- }
- #player:hover {
- left:0px;
- }
- /*Do not delete #post img.*/
- #post img{
- max-width:100%;}
- .photopermalink{
- padding: 4px;
- line-height:10px;
- position: absolute;
- text-align:center;
- opacity:0;
- margin-top:-10px;
- width:242px;
- background: #fff;
- z-index:99999;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- transition: all 0.6s ease;}
- .photopermalink a{
- color:#cccccc;
- text-transform:uppercase;}
- #post:hover .photopermalink{
- margin-top:0px;
- opacity:.9;}
- .permalink{
- margin-top:6px;
- padding-top:4px;
- border-top:1px solid #f5f5f5;
- text-align:right;}
- .permalink a{
- color:#000000;
- text-transform:uppercase;
- line-height:15px;}
- /*Edit the titles on any text-based post.*/
- .posttitle{
- font-size:10px;
- text-align:center;
- color:{color:Link};}
- .posttitle a{
- color:{color:Link};}
- /************EDIT QUOTE POSTS HERE************/
- .quote{
- margin-right: 5px;}
- .source{
- padding-top:5px;
- display:block;
- text-align:right;}
- #image{
- position:fixed; margin-top:-88px; margin-left:0px; z-index:300;
- }
- #image img{
- width:80px;
- height:80px; background:{color:post bg}; border:3px double {color:border}; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
- }
- #desc { background:{color:description bg}; padding:4px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:9px; line-height:11px; }
- /************EDIT ANSWER POSTS HERE************/
- .ask{
- padding:4px;
- background:#f9f9f9;}
- .asker{
- color:{color:Link};}
- .answer{
- margin-top:10px;}
- /************EDIT AUDIO POSTS HERE************/
- .audio{
- {block:IndexPage}width:180px;{/block:IndexPage}
- {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
- .info{
- padding:2px 0px 1px 57px;}
- .i {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;}
- .pl b,strong{
- text-transform:lowercase;
- font-size:9px;}
- .player{
- position:absolute;
- overflow:hidden;
- margin-top:0px;
- margin-left:15px;
- background:#ffffff;
- width:24px;
- height:23px;}
- /************EDIT VIDEO POSTS HERE************/
- /***********DO NOT DELETE THIS CODE************/
- .video-container {
- position:relative;
- padding-bottom:56.25%;
- padding-top: 30px;
- height:0;
- overflow:hidden;}
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;}
- /************EDIT CHAT POSTS HERE************/
- .chat{
- line-height:12px;
- list-style:none;}
- .chat ul{
- list-style:none;
- padding:0px 5px;
- line-height:15px;}
- .label{
- color:{color:Link};}
- /************EDIT SIDEBAR HERE************/
- #sidebar{
- position:fixed;
- margin-top:300px;
- margin-left:-350px;
- }
- #side{
- position:fixed;
- margin-top:10px;
- margin-left:120px;
- font-size:8px;
- text-transform:uppercase;
- border-left:0px solid {color:Borders};
- }
- #title{
- width:165px;
- margin-top:15px;
- font-size:11px;
- text-transform:uppercase;
- text-align:right;
- letter-spacing:1px;
- color:{color:Blog Title};
- border-bottom:1px solid {color:Borders};
- }
- #description{
- margin-top:5px;
- font-size:8px;
- text-transform:uppercase;
- width:165px;
- color:{color:Description};
- }
- /************EDIT TEXT SETTINGS HERE************/
- i, em{
- color:{color:Link};}
- b, strong{
- font-weight:normal;
- text-transform:uppercase;
- color:{color:Link};}
- ul,ol{
- margin:0px;
- margin-left:-5px;}
- p{
- padding:0px;
- margin:2px;}
- u{
- text-decoration:none;
- color:{color:Title};}
- blockquote {
- margin:0px;
- padding:4px;
- background:#f7f7f7;}
- /************DO NOT DELETE #SCROLL************/
- #scroll{
- bottom:-20px;
- position: absolute;
- left: 50%;
- width:10px;
- height:5px;
- overflow:hidden;
- margin-bottom:80px;}
- /************EDIT CREDIT HERE************/
- #credit{
- position:fixed;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- font-family:Calibri;
- font-size:8px;}
- #credit a{
- color:#aaaaaa;}
- #sidepic img {
- width:60px;
- height:60px;
- padding:2;
- background:{color:post bg};
- border:3px double {color:border};
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
- #sidebar #sidelinks {
- position:fixed;
- margin-top:-55px;
- margin-left:91px;
- z-index:301;
- text-transform:uppercase;
- font-size:8px;
- line-height:8px;
- letter-spacing:1px;
- width:60px;
- }
- #sidelinks a {
- border:0px {color:border};
- display:block;
- margin-bottom:3px;
- padding:0px 1px 0px 2px;
- text-align:left;
- background:{color:sidelink bg};
- color:{color:sidelink};
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- -webkit-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- -o-transition:all 0.3s ease-in-out;
- transition:all 0.3s ease-in-out;
- }
- #sidelinks a:hover {
- background:{color:sidelink bg hover};
- }
- </style>
- </head>
- <body>
- <center>
- <div id="entries">
- <div id="sidebar">
- <div id="side">
- <div id="image"><img src="{image:sidebarimg}"</a></div>
- <div id="sidelinks"><a href="/">+ home</a> <a href="/ask">+ inbox</a> <a href="/archive">+ past</a></div>
- <div id="title">{Title}</div>
- <div id="description">{Description}</div>
- </div>
- </div>
- {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="post">
- {block:Text}
- <div class="text">
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- {Body}{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}</div>
- {/block:Text}
- {block:Link}
- <a href="{URL}"><div class="posttitle">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {/block:Link}
- {block:Photo}
- {block:IndexPage}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {Quote}{block:Source}
- <div class="source">{Source}</div>{/block:Source}
- {block:IndexPage}
- <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
- <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
- {/block:Quote}
- {block:Answer}
- <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
- <div class="answer">{Answer}</div>
- {block:IndexPage}
- <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}<div class="player">{AudioPlayerWhite}</div>
- <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a> </div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}<div class="video-container">{Video-250}</div>
- <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a> </div>{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
- <div class="permapage">
- <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- {block:IfPlayer}
- <div id="player">
- <div style="float:left;width:150px">
- MUSIC CODE HERE
- </div>
- <div id="mus"><img src="http://media.tumblr.com/tumblr_m7vyi1y0lt1r6o8v2.gif" width="10px"></div>
- </div>
- {/block:IfPlayer}
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </center>
- </body>
- <!---------------DO NOT REMOVE THIS OR I WILL FIND YOU AND RELEASE 500 MOSQUITOS IN YOUR HOUSE--------------->
- <div id="credit"><a href="http://jolyene.tumblr.com/">credit</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement