Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--kammi theme with cute icon links
- by bonivur.tumblr.com
- theme blog is nirvanaings.tumblr.com
- RULES:
- leave ALL credit.
- do not use as base or claim as your own.
- *FAILURE TO FOLLOW MY RULES WILL RESULT IN SERIOUS CONSEQUENCES!*
- THEME F.A.Q:
- 1. icon links
- 2. optional infinitive scroll
- 3. no sidebar image
- -->
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <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="image:bg">
- <meta name="color:bg" content="#fff">
- <meta name="color:bg post" content="#fff">
- <meta name="color:text" content="#999">
- <meta name="color:bold text" content="#777">
- <meta name="color:link" content="#444">
- <meta name="color:hover link" content="#eee">
- <meta name="color:shadow link" content="#999">
- <meta name="color:scroll" content="#000">
- <meta name="color:blockquote border" content="#000">
- <meta name="if:monochrome">
- <meta name="if:250px" content="1">
- <meta name="text:opacity" content="0.9">
- <meta name="text:link 1 URL" content="" />
- <meta name="text:link 1 title" content="Link 1" />
- <meta name="text:link 2 URL" content="" />
- <meta name="text:link 2 title" content="Link 2" />
- <meta name="text:link 3 URL" content="" />
- <meta name="text:link 3 title" content="Link 3" />
- <meta name="text:link 4 URL" content="" />
- <meta name="text:link 4 title" content="Link 4" />
- <meta name="text:link 5 URL" content="" />
- <meta name="text:link 5 title" content="Link 5" />
- <meta name="text:link 6 URL" content="" />
- <meta name="text:link 6 title" content="Link 6" />
- <meta name="text:link 7 URL" content="" />
- <meta name="text:link 7 title" content="Link 7" />
- <meta name="text:tag 1 URL" content="/tagged/" />
- <meta name="text:tag 1 title" content="tag 1" />
- <meta name="text:tag 2 URL" content="/tagged/" />
- <meta name="text:tag 2 title" content="tag 2" />
- <meta name="text:tag 3 URL" content="/tagged/" />
- <meta name="text:tag 3 title" content="tag 3" />
- <meta name="text:tag 4 URL" content="/tagged/" />
- <meta name="text:tag 4 title" content="tag 4" />
- <meta name="text:tag 5 URL" content="/tagged/" />
- <meta name="text:tag 5 title" content="tag 5" />
- <meta name="text:tag 6 URL" content="/tagged/" />
- <meta name="text:tag 6 title" content="tag 6" />
- <meta name="text:tag 7 URL" content="/tagged/" />
- <meta name="text:tag 7 title" content="tag 7" />
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/t0x3if6/GMOlnkeb4/close_window2.png" class="btn_close" title="Close Window" alt="Close" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <style type="text/css">
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #FFFFFF;
- padding: 55px;
- float: left; height: 50%; color: #313131;
- position: fixed;
- top: 50%; overflow-y: auto; overflow-x: no scroll;
- left: 50%;
- z-index: 99999; font-family: calibri;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0; opacity: 0;
- }
- #continue {
- margin-top:10px;
- }
- #titless { display:inline-block;
- background-color:#8b8888;
- width:230px; font-family: calibri;
- padding:5px;
- color:#ffffff;
- letter-spacing:2px;
- font-size:8px;
- text-transform:uppercase;
- text-align:center; }
- #continue a {
- display:inline-block;
- background-color:#8b8888;
- width:70px; font-family: calibri;
- padding:5px;
- color:#ffffff;
- letter-spacing:2px;
- font-size:8px;
- text-transform:uppercase;
- text-align:center;
- border-bottom:2px solid transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .links2 { font-family: cambria; font-size: 10px; font-style:italic; letter-spacing:2px; color: #8b8888;text-transform: lowercase; }
- .links2 a { display: block; text-align:center;padding: 10px; margin: 5px;color:#fff; font-style:italic; letter-spacing:2px; color: #8b8888; border-bottom: 1px solid #f1f1f1;}
- iframe#tumblr_controls {right:0px !important;
- position:fixed !important;
- {block:ifwhiteicons}-webkit-filter:invert(100%);{/block:ifwhiteicons}
- opacity:.75;
- z-index:999999;}
- ::-webkit-scrollbar-track {background-color:{color:BG};}
- ::-webkit-scrollbar-thumb {background-color:{color:scroll};}
- ::-webkit-scrollbar {width:4px; height:4px;}
- body {text-align:justify;
- text-decoration:none;
- text-transform:normal;
- background:{color:bg} url('{image:bg}') fixed repeat center;
- color:{color:text};
- max-width:100%}
- a {text-decoration:none;
- color:{color:link};
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- transition:all 0.4s ease-in-out;}
- a:hover {color:{color:hover link};
- text-shadow:10px 1px 15px {color:shadow link};
- -moz-text-shadow:10px 1px 15px {color:shadow link};
- -webkit-text-shadow:10px 1px 15px {color:shadow link};}
- b, strong {font-weight:normal;
- color:{color:bold text};}
- i, em {font-weight:light;}
- blockquote {padding-left:6px;
- padding-bottom:-7px;
- padding-top:-7px;
- margin-left:1px;
- margin-right:1px;
- padding-right:6px;
- border-left:2px solid {color:blockquote border};}
- li {list-style:hiragana;
- margin-right:0px;}
- iframe, img, embed, object, video {max-width:100%;
- overflow:hidden;
- opacity:{text:opacity};
- {block:ifmonochrome}-webkit-filter:grayscale(90%);
- -moz-filter:grayscale(90%);
- -ms-filter:grayscale(90%);
- -o-filter:grayscale(90%);{/block:ifmonochrome}
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- transition:all 0.4s ease-in-out;}
- iframe:hover, img:hover, embed:hover, object:hover, video:hover {opacity:1;
- -webkit-filter:grayscale(0);
- -moz-filter:grayscale(0);
- -ms-filter:grayscale(0);
- -o-filter:grayscale(0);
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- #posts {padding:15px;
- margin-left:400px;
- max-width:400px;
- font-family:cambria;
- font-size:9px;}
- .post {text-decoration:none;
- border:1.5px solid #eee;
- margin:10px;
- padding:10px;
- float:left;
- {block:if250px}width:250px;{/block:if250px}
- {block:PermalinkPage}width:400px;{/block:PermalinkPage}}
- .postphotoset {border:1.5px solid #eee;
- margin:10px;
- float:left;
- padding:10px;
- opacity:{text:opacity};
- {block:if250px}width:250px;{/block:if250px}
- {block:PermalinkPage}width:400px;{/block:PermalinkPage}
- {block:ifmonochrome}-webkit-filter:grayscale(90%);
- -moz-filter:grayscale(90%);
- -ms-filter:grayscale(90%);
- -o-filter:grayscale(90%);{/block:ifmonochrome}
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .postphotoset:hover {opacity:1;
- -webkit-filter:grayscale(0);
- -moz-filter:grayscale(0);
- -ms-filter:grayscale(0);
- -o-filter:grayscale(0);}
- #perma {text-align:right;
- font:8px consolas;
- text-transform:uppercase;
- margin-top:10px;
- margin-bottom:-20px;
- {block:permalinkpage}display:none;{/block:permalinkpage}}
- #perma a:hover {opacity:0.5}
- #quote {letter-spacing:1px;
- color:#000;}
- #s-m-t-tooltip{position:fixed;
- overflow:hidden;
- max-width:150px;
- padding:3px 5px 3px 5px;
- margin:10px 0 0 10px;
- background:#000;
- z-index:10;
- display:inline-block;
- font:8px cambria;
- letter-spacing:1px;
- text-transform:uppercase;
- color:#fff;}
- @import url(http://fonts.googleapis.com/css?family=Meddon);
- #side {position:fixed;
- top:130px;
- width:120px;
- margin-left:260px;}
- #title {text-align:center;
- font-size:20px
- font-family:'Meddon', cursive;
- text-transform:uppercase;}
- #desc {padding:10px;
- font-family:times;
- font-style:italic;
- font-size:9px;}
- .sidelinks {margin-top:-1px;}
- .sidelinks img {padding:0px 2px 2px 2px;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;}
- .sidelinks img:hover {opacity:0.7;}
- #message {font-family:cambria;
- font-size:9px;
- border-bottom:1px solid #eee;
- padding:5px;}
- #audioplayer {background:#fff;
- width:30px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin-top:30px;
- margin-bottom:30px;
- margin-left:30px;
- z-index:999;
- opacity:0.8;}
- #audiod {margin-bottom:30px;
- margin-top:30px;}
- #albumart img {float:left; margin:0px 10px 0px 0px;
- -moz-border-radius:50px;
- -khtml-border-radius:50px;
- -webkit-border-radius:50px;
- border-radius:50px;}
- #permalinks {padding-left:20px;
- font-family:cambria;
- text-decoration:none;
- font-size:10px;}
- </style>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <script type='text/javascript' src='http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js'></script> <script type='text/javascript' src='http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js'></script> <script type='text/javascript' charset='utf-8'> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == 'iPad' || navigator.platform == 'iPhone') return; $j('img').lazyload({ placeholder : 'http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif', effect: 'fadeIn', }); }); </script>
- </head>
- <body>
- <div id="links" class="popup_block">
- <table><td>
- <div id="titless">links</a></div>
- <div class="links2">
- <a href="{text:link 1 URL}">{text:link 1 title}</a>
- <a href="{text:link 2 URL}">{text:link 2 title}</a>
- <a href="{text:link 3 URL}">{text:link 3 title}</a>
- <a href="{text:link 4 URL}">{text:link 4 title}</a>
- <a href="{text:link 5 URL}">{text:link 5 title}</a>
- <a href="{text:link 6 URL}">{text:link 6 title}</a>
- <a href="{text:link 7 URL}">{text:link 7 title}</a>
- </div> </td><td> <div id="titless">tags</a></div>
- <div class="links2">
- <a href="{text:tag 1 URL}">{text:tag 1 title}</a>
- <a href="{text:tag 2 URL}">{text:tag 2 title}</a>
- <a href="{text:tag 3 URL}">{text:tag 3 title}</a>
- <a href="{text:tag 4 URL}">{text:tag 4 title}</a>
- <a href="{text:tag 5 URL}">{text:tag 5 title}</a>
- <a href="{text:tag 6 URL}">{text:tag 6 title}</a>
- <a href="{text:tag 7 URL}">{text:tag 7 title}</a>
- </div>
- </td></table><div id="continue"><center><a href="/">close</a> <a href="http://bonivur.tumblr.com/">credit </a></div>
- <center>
- </div>
- <div id="side">
- <div id="title"><a href="/">{title}</a></div>
- <div id="desc">{description}</div>
- <div class="sidelinks">
- <center>
- <a title="home" a href="/"><img src='http://media.tumblr.com/bc63a0029cf66441e47eb6b8997b6977/tumblr_inline_mkp7ol0Tu01qz4rgp.gif'></a>
- <a title="message" a href="/ask"><img src='http://media.tumblr.com/b68e4cf512c0efe2cff697d60757db3b/tumblr_inline_mkp7o4vTOM1qz4rgp.gif'></a>
- <a title="links"<a href="#?w=500" rel="links" class="poplight"> <img src='http://media.tumblr.com/3c20f5ce05bb9d10faddbbd3ec063268/tumblr_inline_mkp7o30Kq81qz4rgp.gif'></a>
- <a title="credit" a href="http://bonivur.tumblr.com/"><img src='http://media.tumblr.com/dc5cfd47ee6bd923f2111c77f4657b28/tumblr_inline_mkp7nsTJ6S1qz4rgp.gif'></a>
- </center></div></div>
- <div id="posts">
- <div class = "autopagerize_page_element" >
- {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}
- <!-- {block:NoRebloggedFrom} {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom} {/block:NoRebloggedFrom} -->
- {block:Text}
- <div class="post text">
- {block:Title}<span style="font-size:10px;">{Title}</span>{/block:Title}
- {Body}
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Text}
- {block:Photo}
- <div class="post image">
- {block:indexpage}
- {block:if250px}<center><a href="{Permalink}" title="{NoteCountWithLabel}"><img style="" src="{PhotoURL-250}"></a></center>{/block:if250px}
- {block:if400px}<center><a href="{Permalink}" title="{NoteCountWithLabel}"><img style="" src="{PhotoURL-400}"></a></center>{/block:if400px}
- {/block:indexpage}{block:PermalinkPage}<img style="" src="{PhotoURL-400}"></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalinkpage}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="postphotoset">
- {block:indexpage}{block:if250px}{Photoset-250}{/block:if250px}
- {block:if400px}{Photoset-400}{/block:if400px}{/block:indexpage}
- {block:PermalinkPage}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Permalinkpage}
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Photoset}
- {block:Answer}
- <div class="post">
- <div id="message">{Asker} whispered: {Question}</div>
- <div id="answer">{Answer}</div>
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div>
- </div>
- {/block:Answer}
- {block:Quote}
- <div class="post quote">
- "{Quote}"
- {block:Source}
- <div style="text-align:right;">━ {Source}</div>
- {/block:Source}
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Quote}
- {block:Link}
- <div class="post link">
- <span style="font-size:10px;"><a href="{URL}" class="link" {Target}>→ {Name}</span></a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Link}
- {block:Chat}
- <div class="post chat">
- {block:Title}
- <a href="{Permalink}"><span style="font-size:11px;">{Title}</span></a></h3>
- {/block:Title}
- <div class="chat">
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label"><b>{Label}</b></span>
- {/block:Label}
- {Line}</div>
- {/block:Lines}
- </div><div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Chat}
- {block:Video}
- <div class="post video">
- {block:indexpage}{block:if250px}{Video-250}{/block:if250px}
- {block:if400px}{Video-400}{/block:if400px}{/block:indexpage}
- {block:PermalinkPage}{Video-400}{/block:Permalinkpage}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Video}
- {block:Audio}
- <div class="post audio">
- <div id="audioplayer">{AudioPlayerWhite}</div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px">{/block:AlbumArt}</div>
- <div id="audiod">{PlayCountWithLabel}</br>
- {block:TrackName}{TrackName}</br>{/block:TrackName}
- {block:Artist}{Artist}</br>{/block:Artist}
- {block:Album}{Album}{/block:Album}</div>
- <div id="perma">
- <a href="{Permalink}">{TimeAgo}, {NoteCount} notes</a></div></div>
- {/block:Audio}
- {block:PermalinkPage}
- <div id="permalinks">
- {block:Date}
- {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}</br>{block:RebloggedFrom}original: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
- {block:HasTags} Tagged as: {block:Tags} <a href="{TagURL}">#{Tag};</a> {/block:Tags}{/block:HasTags}
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- </span>{/block:PermalinkPage}{/block:Posts}
- </div>
- </div>
- <div style="position:fixed; top:35px; right:5px;font-size:7px; font-style:italic;">
- <a href="http://bonivur.tumblr.com"><img src="http://media.tumblr.com/8f2875371edaa8080f21e6e490fa1123/tumblr_inline_mley7fFlzL1rxsw83.gif"></a> </a>
- </p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement