Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Base Code by disikes.tumblr.com
- Edit this code to your heart's content! You don't have to credit me anywhere on the theme, but if people ask where you got your base, it'd be cool if you sent them my way!
- PLEASE DO NOT REDISTRIBUTE THIS CODE AS YOUR OWN BASE CODE.
- -->
- <html lang="en">
- <head>
- <meta name="image:Background" content=""/>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="image:Sidebar" content="" />
- <meta name="color:Title" content="#999999"/>
- <meta name="color:Blog Title" content="#999999"/>
- <meta name="color:Link" content="#555555"/>
- <meta name="color:Pera" content="#555555"/>
- <meta name="color:Hover" content="#999999"/>
- <meta name="color:Text" content="#777777"/>
- <meta name="text:Link One URL" content=""/>
- <meta name="text:Link One Title" content="link"/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 5" content=""/>
- <meta name="text:Link 5 URL" content=""/>
- <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_m7sfrhKnaG1qgtu70.png), progress;}</style>
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- .links_list { margin:0px; padding:0px; width:100%;}
- .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
- .links_body { padding:10px; text-align:left; display:none;}
- </style>
- <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
- <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}
- <!---------------END SCRIPTS--------------->
- <style type="text/css">
- /************EDIT BODY HERE************/
- 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: 3px;
- 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 #eee;
- 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:780px;
- margin-left:150px;
- 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;
- max-width: 100%;
- display:block;
- overflow:hidden;
- width:250px;
- padding:8px;
- padding-bottom:3px;
- border-radius:7px;
- font-size:10px;
- letter-spacing:1px;
- line-height:15px;
- opacity:.8;
- border:1px solid #eee;
- box-shadow: 4px 4px rgba(0,0,0,.07);
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}}
- /*Do not delete #post img.*/
- #post img{
- max-width:100%;
- border-radius:7px 7px 0px 0px;
- }
- #post:hover{
- opacity:1;
- -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
- }
- /*Edit the permalinks all posts.*/
- .permalink{
- border-top:1px solid #f5f5f5;
- text-align:right;}
- .permalink a{
- text-transform:uppercase;
- line-height:15px;}
- @font-face{
- font-family: 'pixel';
- font-style: normal;
- font-weight: normal;
- src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
- .pera {-webkit-transition: all 1s ease; -moz-transition: all 1s ease;-o-transition: all 1s ease; opacity: 0; border-left: 0px solid {color:Pera};text-align:right; letter-spacing:1px;font-size:8px;
- font-family:pixel;}
- #post:hover .pera { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; border-left: 25px solid {color:Pera};}
- /*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;}
- /************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{
- background:#fff;
- border:1px #eee solid;
- margin-left:-200px;
- margin-top:140px;
- width:150px;
- position:fixed;
- text-align:center;
- box-shadow: 4px 4px rgba(0,0,0,.07);
- border-radius:7px;
- }
- @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf')}
- .blogtitle{
- padding:5px;
- padding-bottom:0px;
- text-align:center;
- font: normal 12px handy;
- border-bottom:1px solid #eee;
- padding-bottom:2px;
- }
- .blogtitle a{
- color:{color:Blog Title};}
- .description{
- padding:5px;}
- .links{
- margin-left:-15px;
- padding:0px 10px 5px 10px;
- margin-top:5px;}
- .links a{
- margin-left:15px;}
- .links a:hover{
- color:{color:Hover};}
- #simg img {
- width:100px;
- height:100px;
- margin-left:10px;
- padding:4px;
- border: 1px solid #ddd;
- background-color:#fff;
- }
- /************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:#fff;}
- /************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;}
- </style>
- </head>
- <body>
- <center>
- <div id="entries">
- <!---------------EDIT SIDEBAR CONTENT HERE--------------->
- <div id="sidebar">
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="links">
- <a title="refresh" href="/">home</a>
- <a title="say something?" href="/ask">ask</a>
- <a title="acrhive" href="{text:Link One URL}">{text:Link One Title}</a>
- </div>
- <center><div id="simg"><img src="{image:sidebar}"/></div></center>
- <div class="description">{Description}</div>
- <div class="links_list">
- <p class="links_head"><img src="http://media.tumblr.com/24ebb3f134cf7da7630e3c5a433244a5/tumblr_inline_n2c9xwx9IK1r63cto.gif"></p>
- <div class="links_body">
- <center>
- <a href="{text:link 2 url}">{text:link 2}</a><br>
- <a href="{text:link 3 url}">{text:link 3}</a><br>
- <a href="{text:link 4 url}">{text:link 4}</a><br>
- <a href="{text:link 5 url}">{text:link 5}</a>
- </center>
- </div></div>
- </div>
- {block:Posts}
- <!---------------DO NOT DELETE block:ContentSource--------------->
- {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">
- <!---------------EDIT TEXT POSTS HERE--------------->
- {block:Text}
- <div class="text">
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}</div>
- {/block:Text}
- <!---------------EDIT LINK POSTS HERE--------------->
- {block:Link}
- <a href="{URL}"><div class="posttitle">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {/block:Link}
- <!---------------EDIT PHOTO POSTS HERE--------------->
- {block:Photo}
- {block:IndexPage}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"/>
- <div class="pera"><a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{NoteCount}</a> | {DayofWeek}</div>
- {/block:IndexPage}
- {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
- {/block:Photo}
- <!---------------EDIT PHOTOSET POSTS HERE--------------->
- {block:Photoset}
- {block:IndexPage}<a href="{Permalink}">{Photoset-250}</a>
- <div class="pera"><a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{NoteCount}</a> | {DayofWeek}</div>
- {/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- <!---------------EDIT QUOTE POSTS HERE--------------->
- {block:Quote}
- {Quote}{block:Source}
- <div class="source">{Source}</div>{/block:Source}
- {block:IndexPage}
- <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
- <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
- {/block:Quote}
- <!---------------EDIT ANSWER POSTS HERE--------------->
- {block:Answer}
- <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
- <div class="answer">{Answer}</div>
- {block:IndexPage}
- <div class="permalink"><a href="{ReblogURL}">Reblog</a> /
- <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
- {/block:Answer}
- <!---------------EDIT CHAT POSTS HERE--------------->
- {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> /<a href="{Permalink}">{NoteCount}</a></div>
- {/block:IndexPage}
- {/block:Chat}
- <!---------------EDIT AUDIO POSTS HERE--------------->
- {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="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>
- {/block:IndexPage}
- {/block:Audio}
- <!---------------EDIT VIDEO POSTS HERE--------------->
- {block:Video}
- {block:IndexPage}<div class="video-container">{Video-250}</div>
- <div class="permalink"><a href="{ReblogURL}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- <!---------------EDIT PERMALINK PAGE HERE--------------->
- {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>
- <!---------------DO NOT DELETE THIS--------------->
- {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>
- <BODY onselectstart="return false;" ondragstart="return false;">
- <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
- <a href="http://themesbymiki.tumblr.com/tagged/cute-themes">✿</a></div>
- <!---------------EDIT CREDIT CONTENT HERE--------------->
- <div id="credit"><a href="http://dislikes.tumblr.com/">credit</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment