Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <!-- exotic-01 by cigerettes.tumblr.com
- download @ exoticlayouts.tumblr.com -->
- <meta name="if:white buttons" content="0"/>
- <meta name="if:two columns" content="1"/>
- <meta name="if:one column" content="0"/>
- <meta name="if:show description" content="1"/>
- <meta name="color:scrollbar" content="#000000">
- <meta name="color:background" content="#ffffff">
- <meta name="color:selection color" content="#266b11">
- <meta name="color:link" content="#aa1330">
- <meta name="color:blogtitle" content="#000000">
- <meta name="color:blogtitle hover" content="#000000">
- <meta name="color:text" content="#000000">
- <meta name="color:active" content="#000000">
- <meta name="color:drop down menu" content="#eeeeee">
- <meta name="color:hover" content="#000000">
- <meta name="color:blockquote" content="#000000">
- <meta name="image:Background" content="0"/>
- <meta name="text:link title" content=""/>
- <meta name="text:Link One Title" content="link 1" />
- <meta name="text:Link One" content="" />
- <meta name="text:Link Two Title" content="link 2" />
- <meta name="text:Link Two" content="" />
- <meta name="text:Link Three Title" content="link 3" />
- <meta name="text:Link Three" content="" />
- <meta name="text:Link Four Title" content="link 4" />
- <meta name="text:Link Four" content="" />
- <meta name="text:Link Five Title" content="link 5" />
- <meta name="text:Link Five" content="" />
- <meta name="text:Link Six Title" content="link 6" />
- <meta name="text:Link Six" content="" />
- <style type="text/css">
- #tumblr_controls{
- position:fixed !important;
- }
- ::-webkit-scrollbar {width: 3px; height: 3px; background: {color:Background}; }
- ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
- #tumblr_controls{
- position:fixed !important;
- {block:ifwhitebuttons}
- -webkit-filter: invert(100%) ;
- {/block:ifwhitebuttons}
- }
- ::selection {
- background-color: {color:selection color};
- color: #fff;
- }
- ::-moz-selection {
- background-color: {color:selection color};
- color: #fff;
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-size: ;
- font-family: georgia;
- font-size: 9px;
- line-height:10px;
- color:{color:text};
- }
- p {
- margin:2px;
- margin-top:10px;
- }
- a:link, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5s ease-out;
- }
- a:active{
- color:{color:active};
- }
- a:hover{
- color:{color:Hover};
- -webkit-transition: color 0.3s ease-out;
- -moz-transition: color 0.3s ease-out;
- }
- .entry {
- margin:8px;
- padding:5px;
- padding-bottom: 5px;
- float:left;
- background-color: #fff;
- font-family: georgia;
- font-size: 9px;
- line-height:12px;
- {block:IndexPage}
- {block:iftwocolumns}
- width:250px;
- {/block:iftwocolumns}
- {block:ifonecolumn}
- width:500px;
- {/block:ifonecolumn}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- margin-top:100px;
- {/block:PermalinkPage}
- }
- blockquote {
- border-left: 3px solid;
- padding-left: 15px;
- margin-left: 10px;
- font-style: italic;
- color:{color:blockquote};
- }
- blockquote img{
- width:230px;
- height:auto;
- }
- #posts {
- position:relative;
- margin-top:0px;
- padding-bottom:7px;
- padding-left:120px;
- {block:IndexPage}
- width: 630px;
- margin-left: 60px;
- margin-top: 0px;
- padding:10px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- margin-left: 260px;
- margin-top:0px;
- {/block:PermalinkPage}
- }
- .blogtitle{
- font-size:30px;
- font-family:Lucida Sans;
- margin-left:80%;
- text-align:center;
- width:auto;
- margin-top:35%;
- position:fixed;
- z-index:9999999;
- line-height:19px;
- text-transform:uppercase;
- }
- .blogtitle a{
- color:{color:blogtitle};
- }
- .blogtitle a:hover{
- color:{color:blogtitlehover};
- }
- .links{
- margin-left:80%;
- margin-top:37%;
- z-index:999999;
- position:fixed;
- }
- .title{
- font-family:georgia;
- font-size: 13px;
- font-weight: normal;
- padding:0px 0px 0px 0px;
- }
- .links a:hover {
- background-color: #000;
- color:#fff;
- }
- .entry #permalink{
- position:absolute;
- padding:5px;
- opacity:0.0;
- bottom:5px;
- margin-left:0px;
- height:auto;
- width:auto;
- background-color:white;
- text-align:center;
- -webkit-transition: all .6s ease;
- -moz-transition: all .6s ease;
- -o-transition: all .6s ease;
- transition: all .6s ease;
- }
- .entry:hover #permalink{
- opacity:0.7;
- margin-left:0px;
- -webkit-transition: all .6s ease;
- -moz-transition: all .6s ease;
- -o-transition: all .6s ease;
- transition: all .6s ease;
- }
- .entry #permalink:hover{
- opacity:1;
- -webkit-transition: all .6s ease;
- -moz-transition: all .6s ease;
- -o-transition: all .6s ease;
- transition: all .6s ease;
- }
- .entry #permalink2{
- position:absolute;
- padding:5px;
- opacity:0.0;
- bottom:5px;
- overflow:left;
- right:5px;
- width:auto;
- height:auto;
- background-color:white;
- text-align:center;
- -webkit-transition: all .6s ease;
- -moz-transition: all .6s ease;
- -o-transition: all .6s ease;
- transition: all .6s ease;
- }
- .entry:hover #permalink2{
- opacity:0.7;
- right:5px;
- -webkit-transition: all .6s ease;
- -moz-transition: all .6s ease;
- -o-transition: all .6s ease;
- transition: all .6s ease;
- }
- .entry #permalink2:hover{
- opacity:1;
- -webkit-transition: all .6s ease;
- -moz-transition: all .6s ease;
- -o-transition: all .6s ease;
- transition: all .6s ease;
- }
- .trans{
- width:57px;
- height:57px;
- background-color:black;
- opacity:0.5;
- position:absolute;
- margin:-150px 0 0 100px;
- z-index:999635349;
- overflow:hidden;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- .music{
- width:27px!important;
- overflow:hidden;
- position:absolute;
- z-index:98709870987;
- margin:-135px 0 0 115px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- .cover{
- opacity:1;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- .caption{
- width:auto;
- color:black;
- font-size:10px;
- z-index:999999999999;
- font-family:georgia;
- margin:-128px 0 30px 70px;
- position:absolute;
- opacity:0;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- text-align:center;
- }
- div.audio:hover .trans{
- {block:iftwocolumns}
- width:250px;
- {/block:iftwocolumns}
- {block:ifonecolumn}
- width:500px;
- {/block:ifonecolumn}
- margin-left:0px;
- background:white;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- div.audio:hover .cover{
- opacity:0.5;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- div.audio:hover .music{
- margin-left:20px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- div.audio:hover .caption{
- opacity:1;
- width:160px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- {CustomCSS}
- </style>
- {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 $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: 'you have reached the end',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 300,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </style>
- </head>
- <body>
- <div class="blogtitle"><a href="/">{title}</a></div><br>
- <div class="links">
- <select onchange='location=this.options[this.selectedIndex].value;' style="width: 150px; height: 15px; background-color:{color:dropdownmenu}; border-width:0px; font-size: 9px; text-transform:uppercase; letter-spacing:1px; color:#666; font-family:Lucida Sans;">
- <option>{text:link title}</option>
- {block:AskEnabled}<option value="/ask">mailbox</option>{/block:AskEnabled}
- {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}
- {block:ifLinkSixTitle}
- <option value="{text:Link Six}">{text:Link Six Title}</option>{/block:ifLinkSixTitle}
- <option value="http://cigerettes.tumblr.com/">themes</option>
- </select></div>
- <br>
- <br>{block:ifshowdescription}
- <div style="width: 149px; height:461px; background-color: transparent; text-align: center;margin-left:80%;
- margin-top:37%;
- z-index:999999;
- position:fixed;">{description}</div>
- {/block:ifshowdescription}
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}<span class="entrytext">{Body}</span>{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">+</a></span></div></div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">→ {Name}</a>
- {block:Description}{Description}{/block:Description}{block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">+</a></span></div></div>
- {/block:IndexPage}
- {/block:Link}
- {block:Photo}
- {block:IndexPage}
- <div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a></div>
- <div id="permalink2"><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
- {/block:IndexPage}
- {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{block:iftwocolumns}250px{/block:iftwocolumns}500px;"/></a></div>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/></a>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<center>{block:iftwocolumns}{Photoset-250}{/block:iftwocolumns}{block:ifonecolumn}{Photoset-500}{/block:ifonecolumn}<br><div class="perma">
- <a href="{ReblogUrl}" target="_blank"> Reblog </a> | <a href="{Permalink}"><a href="{permalink}">Notes</a></span></div></center>{/block:IndexPage}
- <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
- {/block:Photoset}
- {block:Quote}
- <i>"{Quote}"</i>
- {block:Source}
- <div align="right">— {Source} <a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">+</a></span></div></div></div>
- {/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <div class="user_{UserNumber}">
- {block:Label}
- <span class="label"><b>{Label}</b></span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">+</a></span></div></div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <center><div class="audio">
- {block:AlbumArt}
- <div class="cover">
- {block:IndexPage}<div class="audioarea">{/block:IndexPage}
- <img border="0" src="{AlbumArtUrl}" class="albumart" style="width:{block:iftwocolumns}250px;{/block:iftwocolumns}500px;"/>
- {/block:AlbumArt}</div></div>
- <div class="trans"></div>
- <div class="music">
- {AudioPlayerWhite}</div>
- <div class="caption">{PlayCountWithLabel}<br><a href="{permalink}"><div align="right"><div style="z-index:999999999999999;font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">+ {notecount}</a></span></div></div></div>
- </div></center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- {/block:IndexPage}
- <center>
- {block:IndexPage}
- {Video-250}<br><div class="perma">
- <a href="{ReblogUrl}" target="_blank"> Reblog </a> | <a href="{Permalink}"><a href="{permalink}">Notes</a></span></div>
- {/block:IndexPage}
- </center>
- <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
- {block:Video}
- {block:Answer}
- <div id="ask"><img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/></div>
- <b>{Asker}</b>: <b>{Question}</b><div style="line-height:11px;">{Answer}</div>{block:IndexPage}
- <a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">+</a></span></div></div>
- {/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- <center>
- {block:Date}
- <center>
- {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:Date}
- </center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}<br>
- {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}
- </div>
- </body>
- <!-- i spent so much time and effort pls dont remove credits
- i tried to make them as out of the way as possible
- thank you dear -->
- <div style="display:block;bottom:5px;right:-1px;font-size:25px;font-family:georgia;position:fixed;z-index:5;padding:3px;"><a href="http://cigerettes.tumblr.com/">▣</a>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement