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">
- <!----------------------------------------
- Base Code #1 by Incedo
- http://incedothemes.tumblr.com
- *Tips @ http://incedothemes.tumblr.com/basecodes
- *Please do not remove this credit
- and please credit me in your faq
- *DO NOT REDISTRIBUTE without proper credit
- Updated 1/1/14
- ------------------------------------------>
- <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}
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <!Meta-tags go here>
- <meta name="image:Sidebar" content="" />
- <meta name="image:Background" content="" />
- <meta name="if:Sideimage" content="1" />
- <meta name="if:Billy" content="1" />
- <meta name="if:MultiColumn" content="1" />
- <meta name="text:Link 1" content="soul" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2" content="peace" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3" content="love" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Billy" content="" />
- <meta name="if:Updates Tab" content="1" />
- <meta name="text:SidebarMarginTop" content="450" />
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Text" content="#b5b5b5" />
- <meta name="color:Post Bg" content="#ffffff" />
- <meta name="color:Links" content="#ccc" />
- <meta name="color:Hover" content="#b5b5b5" />
- <meta name="color:Borders" content="#f2f2f2" />
- <meta name="color:Sidelinks 1" content="#b5b5b5" />
- <meta name="color:Sidelinks 2" content="#fff" />
- <meta name="color:Selec 1" content="#f6f6f6" />
- <meta name="color:Selec 2" content="#b5b5b5" />
- <!Leave this stuff alone>
- <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <!CSS starts here>
- <style type="text/css">
- @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
- body {
- background-color: {color:Background};
- color: {color:Text};
- font-family: calibri; line-height: 8px;text-transform: uppercase; letter-spacing: 1px;
- font-size:8px; cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto;
- }
- #s-m-t-tooltip{
- margin-top: 13px;
- margin-left: 5px;
- background-color: {color:Post Bg}; padding: 4px; border: 1px solid {color:Borders};
- background-image: url('{image:Bakground}');
- background-attachment: fixed;
- z-index: 9999999999999999; -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -o-transition: all 0.2s linear;
- }
- ol.notes li.note {
- padding-bottom: 3px;
- }
- ol.notes {
- padding-top: 10px;
- margin-left: -40px;
- list-style-type: none;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ::-moz-selection {background: {color:Selec 1}; color: {color:Selec 2};}
- ::selection {background: {color:Selec 1}; color:{color:Selec 2};}
- ::-webkit-scrollbar
- {width:6px; height: 6px;}
- ::-webkit-scrollbar-track-piece
- {background-color: {color:Selec 1};}
- ::-webkit-scrollbar-thumb:vertical
- {height: 6px; background-color: {color:Selec 2};}
- ::-webkit-scrollbar-thumb:horizontal
- {width: 6px; background-color: {color:Selec 2};}
- a {
- text-decoration:none; color: {color:Links};
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- -o-transition: all 0.8s linear;
- transition: all 0.8s linear;
- }
- a, a:link, a:hover, a:active, a:visited {
- cursor:url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;
- }
- a:hover {
- color: {color:Hover};
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- -o-transition: all 0.8s linear;
- transition: all 0.8s linear;
- }
- #wrapper {
- width:650px;
- margin-left:auto;
- margin-right:auto;}
- #sidebar {
- top:{text:SidebarMarginTop}px;
- width:90px;
- margin-left: 500px; z-index: 9;
- position:fixed; text-align: center;}
- @font-face { font-family: "bangalore"; src:url('http://static.tumblr.com/gvd42r2/ywYm7jt3k/pf_ronda_seven.ttf'); }
- #title {
- margin-top: 5px; margin-bottom: 5px;
- color: {color:Text}; letter-spacing: 1px;
- font-size: 11px;}
- #entries {
- {block:indexpage}{block:IfNotMultiColumn}margin-left: 195px;{/block:IfNotMultiColumn}{/block:indexpage}
- {block:indexpage}{block:IfMultiColumn}margin-left: 15px;{/block:IfMultiColumn}{/block:indexpage}
- {block:permalinkpage}margin-left: 65px;{/block:permalinkpage}
- {block:IfNotMultiColumn}width:270px;{/block:IfNotMultiColumn}
- {block:IfMultiColumn}width:570px;{/block:IfMultiColumn}}
- #post { background-color: {color:Post bg}; padding: 5px; border: 1px solid {color:Borders};
- margin:10px;
- {block:indexpage}{block:IfNotMultiColumn}
- width: 250px;
- {/block:IfNotMultiColumn}{/block:indexpage}
- {block:indexpage}{block:IfMultiColumn}
- width: 200px;
- {/block:IfMultiColumn}{/block:indexpage}
- {block:permalinkpage}
- width: 400px;
- {/block:permalinkpage}}
- #post img {
- max-width: 100%;
- }
- img, img a {
- border:none;
- line-height:0;
- max-width:100%;}
- #kite {
- position: absolute; width: 100%; height: 0px; text-align: center; margin-left: -5px; background-color: {color:Post bg}; top: 3px; overflow: hidden; -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;
- transition: all 0.6s linear;
- }
- #post:hover #kite {
- height: 13px; -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;
- transition: all 0.6s linear;
- }
- #links {
- border-top: 1px solid {color:Borders}; border-bottom: 1px solid transparent; overflow: hidden; height: 0px; margin-top: 2px; margin-bottom: 3px; margin-left: -1px; text-align: center;
- -webkit-transition: all 0.8s linear;
- -moz-transition: all 0.8s linear;
- -o-transition: all 0.8s linear;
- transition: all 0.8s linear; }
- #sidebar:hover #links {
- height: 45px; border-bottom: 1px solid {color:Borders};
- }
- .do { width: 44px; float: left; }
- .do a { display: block; background-color: {color:Sidelinks 1}; padding-top: 1px; padding-bottom: 2px; margin-top: 3px; color: {color:Sidelinks 2}; }
- .da { width: 44px; float: right; }
- .da a { display:block; background-color: {color:Sidelinks 1}; padding-top: 1px; padding-bottom: 2px; margin-top: 3px; color: {color:Sidelinks 2};}
- .de a:hover {background-color: {color:Sidelinks 2}; color: {color:Sidelinks 1};}
- .kiti {
- overflow: hidden; position: absolute; width: 100%; margin-left: -5px; margin-top: 4px; opacity: 0; -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;
- }
- #post:hover .kiti { opacity: 1; }
- .kitii {
- padding-top: 1px; margin-top: 3px; text-align: center;
- }
- #den { margin-bottom: 0px; opacity: 0.7; -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;}
- #den:hover {opacity: 1;}
- #don {margin-bottom: 0px;}
- #don img {
- opacity: 0.7; -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;
- }
- #don img:hover {
- opacity: 0.9; -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;
- }
- blockquote {
- border-left: 1px solid {color:Text};
- padding-left: 10px;
- margin-left: 10px;
- }
- ul li {
- margin-left: -20px;
- }
- #playerr {
- width:27px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin-top:28px;
- opacity: 0.8;
- margin-left:27px; z-index: 2;
- }
- #honey {
- float: right;
- {block:indexpage}{block:IfNotMultiColumn}
- width: 165px;{/block:IfNotMultiColumn}
- {block:IfMultiColumn}
- width: 115px;{/block:IfMultiColumn}
- {/block:indexpage}
- {block:permalinkpage}
- width: 315px;
- {/block:permalinkpage}
- }
- #taggy {
- position: absolute; color: {color:Text};
- border-right: 1px solid {color:Borders}; text-align: right;
- {block:IfNotMultiColumn}width: 100px; margin-left: -112px;{/block:IfNotMultiColumn}
- {block:IfMultiColumn}margin-top: 7px; margin-left: 118px; background-color: rgba({RGBcolor:Post Bg}, 0.5); width: 70px;{/block:IfMultiColumn}padding: 3px; -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -o-transition: all 0.2s linear; opacity: 0; z-index: 999;
- }
- .tags { margin-left: 100px;
- }
- #post:hover #taggy{
- {block:IfNotMultiColumn}margin-left: -116px;{/block:IfNotMultiColumn} opacity: 1;{block:IfMultiColumn}margin-top: 16px;{/block:IfMultiColumn}
- }
- .sideimage {
- opacity: 1;
- height: 60px; width: 60px; border-radius: 100%; margin-left: -5px;
- }
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-filter:invert(100%);
- opacity: 0.5;
- }
- #bile {
- width: 15px; height: 16px; overflow: hidden; padding: 3px; border-radius: 100%; background-color: rgba(255,255,255,0.8);position: absolute; margin-left: 32px; {block:IfSideimage}margin-top: 20px;{/block:IfSideimage} {block:IfSideimage}opacity: 0;{/block:IfSideimage} -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- -o-transition: all 0.6s linear;
- }
- .bilet {
- margin-left:-22px; margin-top: 1px; {block:IfSideimage}opacity: 0;{/block:IfSideimage} }
- {block:IfSideimage}#sidebar:hover #bile, .bilet {
- opacity: 1;}{/block:IfSideimage}
- #credy {
- bottom: 15px !important; left: 10px !important; font-size: 12px; position: fixed; z-index: 99; font-family: cambria;
- }
- #credy a {
- padding: 2px; background-color: {color:Sidelinks 1}; color: {color:Sidelinks 2}; border: 1px solid {color:Sidelinks 1};
- }
- #credy a:hover {color: {color:Sidelinks 1}; background-color: {color:Sidelinks 2};}
- .csquare {
- width: 100%; height: 0px; border-top: 1px solid {color:Borders};
- }
- .square {
- width: 6px; height: 6px; border-bottom: 1px solid {color:Borders}; margin-top: -4px; background-color: white; border-right: 1px solid {color:Borders}; -webkit-transform: rotate(45deg);
- -moz-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- .photoset-img { width: 200px; margin-bottom: 5px; /* can be any value you want */ }
- #ocehans1{
- height:13px;
- text-align:center;
- overflow:hidden;
- margin-top:-1px;
- border-bottom:1px solid {color:Borders};
- z-index:9999;
- -webkit-transition: all 0.5s ease-in-out; line-height: 10px;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans1:hover{
- height:60px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans2{
- height:13px; line-height: 10px;
- text-align:center;
- overflow:hidden;
- border-bottom:1px solid {color:Borders};
- background-color:{color:Post bg};
- z-index:9999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans2:hover{
- height:60px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans4{
- height:12px;
- text-align:center;
- overflow:hidden;
- border-bottom:0px solid {color:Borders};
- background-color:{color:Post bg}; line-height: 10px;
- z-index:9999;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans4:hover{
- height:100px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #ocehans{
- text-align:left;
- border:1px solid {color:Borders};
- position:fixed;
- left:14px;
- background-color: {color:Post bg};
- letter-spacing:1px;
- width:65px;
- z-index:9999;
- padding:4px;
- top:14px;
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <!HTML body starts here>
- <body>
- {block:IfUpdatesTab}
- <div id="ocehans">
- <center>
- <div id="ocehans1"> <!--UPDATES TAB HERE-->
- <div style="font-size:8px;">title 1</div> <div style="padding-top:1px; text-align:center; color:#b9b9b9;">
- text 1 here
- <br><br>
- </div>
- </div>
- <div id="ocehans2">
- <div style="font-size:8px;">title 2</div> <div style="padding-top:1px; text-align:center; color:#b9b9b9;">
- text 2 here
- </div></div>
- <div id="ocehans4">
- <div style="font-size:8px;">title 3</div> <div style="padding-top:1px; text-align:center; color:{color:Text};">
- text 3 here
- </div></div>
- </div></div></div></div>
- {/block:IfUpdatesTab}
- <div id="wrapper">
- <div id="sidebar">
- {block:IfSideimage}{block:IfBilly}<div id="bile"><div class="bilet">{text:Billy}</div></div>{/block:IfBilly}{/block:IfSideimage}
- {block:IfSideimage}<img src="{image:Sidebar}" class="sideimage"/ >{/block:IfSideimage}
- <div id="title">{Title}</div>
- <div id="links">
- <div class="de"><div class="do">
- <a href="/" target="_self">home</a>
- <a href="/ask">ask</a>
- <a href="/archive">past</a></div>
- <div class="da">
- <a href="{text:Link 1 URL}">{text:Link 1}</a>
- <a href="{text:Link 2 URL}">{text:Link 2}</a>
- <a href="{text:Link 3 URL}">{text:Link 3}</a></div></div>
- </div>
- {Description}
- <br>
- {block:IfNotSideimage}{block:IfBilly}<div id="bile"><div class="bilet">{text:Billy}</div></div>{/block:IfBilly}{/block:IfNotSideimage}
- </div>
- <div class = "autopagerize_page_element" >
- <div id="entries">
- <!Post blocks start here>
- {block:Posts}
- <div id="post">
- {block:indexpage}{block:HasTags}<div id="taggy"><span class="Tags">{block:Tags}<a href="{TagURL}">{Tag}</a><br>{/block:Tags}</span></div>{/block:HasTags}{/block:indexpage}
- {block:Text}
- {block:Title}<span id="title">{Title}</span>{/block:Title}
- {Body}
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Text}
- {block:Quote}
- "{Quote}"<br>
- <div style="margin-top: 3px; text-align:right">— {Source}</div>
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Quote}
- {block:Link}
- <a href="{URL}"><span id="title">{Name} →</span></a>
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Link}
- {block:Chat}
- {block:Lines}{block:Label}{Label} {/block:Label}{Line}<br>{/block:Lines}
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Chat}
- {block:Answer}
- <div class="csquare"></div>
- <div style="margin-top: 5px; margin-bottom: 5px;">{Question}</div>
- <div class="csquare"><center><div class="square"></div><div style="margin-top: 2px">{Asker}</div></center></div>
- <div style="margin-bottom: -6px"><div style="margin-top: 20px">{Answer}</div></div>
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Answer}
- {block:Audio}
- <div id="playerr">{AudioPlayerWhite}</div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="80" style="opacity:0.7">
- {/block:AlbumArt}
- <div id="honey"><span id="title">{block:TrackName}{TrackName}{/block:TrackName}</span><br><div style="margin-top:3px; border-top: 1px solid {color:Borders}; padding-top: 3px">by {block:Artist}{Artist}{/block:Artist}<br>{PlayCount} plays<br></div></div>
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Audio}
- {block:Video}
- {block:Indexpage}{Video-250}{/block:Indexpage}
- {block:permalinkpage}{Video-400}{/block:permalinkpage}
- {block:indexpage}<div class="kiti"><div class="kitii"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Video}
- {block:Photo}
- <div id="don"><img src="{PhotoURL-400}"/></div>
- {block:indexpage}<div id="kite"><div class="kitee"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Photo}
- {block:Photoset}
- <div id="den">{block:Indexpage}
- {block:IfMultiColumn}{block:Photos}<div style="margin-bottom: -5px"><img src="{PhotoURL-500}" class="photoset-img" /></div>{/block:Photos}{/block:IfMultiColumn}
- {block:IfNotMultiColumn}{Photoset-250}{/block:IfNotMultiColumn}{/block:Indexpage}{block:permalinkpage}{Photoset-400}{/block:permalinkpage}</div>
- {block:indexpage}<div id="kite"><div class="kitee"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div></div>{/block:indexpage}
- {/block:Photoset}
- {block:permalinkpage}
- {block:caption}{caption}{/block:caption}</p>
- {block:HasTags}<div align="center">Tagged in: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</span></div>{/block:HasTags}</p>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- {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}
- </body>
- <div id="credy"><a href="http://thelittledanger.tumblr.com" target="_blank"title="base: incedo | adap.: elly">★</a></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement