Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
- <!--
- Calm Theme by
- _ __ ___ _ __ ___
- / \ | \| || | | \ | / |
- | || || || | | \ | / |
- | ||__/| || |___ | \ |---| |___
- \ /| | || | | \ | \ |
- \_/ | \__/ |___|___ | \_| \__ |___
- Please don't remove the credit. I worked very hard on this.
- If you don't have any html skills I wouldn't suggest you to use this theme because you have pretty much to edit in the html code not in the appearance page.
- I will work on this. If you have questions just send me a message and I will help you. Please leave the credit & enjoy your new theme :)xx
- -->
- <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="color:Blogtitle" content="#000000"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Links" content="#000000"/>
- <meta name="color:Hover" content="#dddddd"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:center" content="#ffffff"/>
- <meta name="if:three columns" content="0"/>
- <meta name="if:image opacity" content="0" />
- <meta name="text:post font size" content="9" />
- <meta name="font:body" content="Baskerville" />
- <style type="text/css">
- #tumblr_controls{
- position:fixed !important;
- -webkit-filter: invert(100%)
- }
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: absolute !important;}
- body {margin:auto; color:{color:text}; width:920px;font-family:{font:body}; font-size:9px;background-color:{color:background}; line-height:10px;{block:ifthreecolumns}width:690px;{/block:ifthreecolumns}}
- a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}
- .caption {margin-top:5px; margin-bottom:10px;}
- .content {padding-left:10px;height:100%;margin:auto;background-color: {color:center};width:920px; float:left; padding-top:0px;margin-bottom:200px;border-left:0px dotted #000; border-right:0px dotted #000;{block:ifthreecolumns}width:689px;{/block:ifthreecolumns}padding-bottom:300px;}
- .post{
- {block:indexpage}width:220px;{/block:indexpage}{block:permalinkpage}width:540px{/block:permalinkpage} float:left; position:relative; margin:5px;font-size:{text:post font size}px;font-color:{color:text};}
- .post img {{block:indexpage}width:220px;{/block:indexpage}{block:ifImageShadows}-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3); -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3); box-shadow: 1px 2px 3px rgba(0,0,0,0.3);{/block:ifImageShadows}}
- {block:ifimageopacity}
- img{ -webkit-transition: opacity 0.3s linear; opacity: .6; }
- {/block:ifimageopacity}
- {block:ifimageopacity}
- img:hover{ -webkit-transition: opacity 0.3s linear; opacity: .9; }
- {/block:ifimageopacity}
- .permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
- }
- .source {font-family:arial;font-size:11px;opacity:.1;}
- .permalink a:hover{
- color:{color:Hover}
- }
- .permalinkk{font-size:9px;display:block;text-align:center;padding:6px;bottom:5px;left:5px;background-color:transparent;position: absolute;opacity:0;filter: alpha(opacity = 0);-webkit-transition: 0.3s ease-in;}
- .permalinkk a{color:#000;}
- .post:hover .permalinkk{opacity:20;filter: alpha(opacity = 75);-webkit-transition: 0.3s ease-in;}
- .post:hover .permalink {opacity: 1;}
- .information {text-align:left;line-height: 8px;padding-top:3px;font-style:italic;
- }
- .links {font-size:9px;font-family:{font:nav links};text-align:left;padding-bottom:3px;padding-right:5px;}font-family: 'Shadows Into Light Two', cursive;
- .posted {font-size:9px;}
- .notes{margin:left;width:300px;font-size:9px;color:#000;text-align:left;}
- .viewnotes{margin-top:10px;font-size:9px;color:#000;text-align:left;}
- ol.notes {padding-left:5px; list-style-type:none;}
- ol.notes li.note {padding:2px;}
- .header {left:30px;position:fixed;width:130px;padding-bottom:5px;bottom:50px;}
- .audio {background-color:#000000;width:220px;}
- .ptitle {font-size:11px;text-transform:uppercase;}
- .blogtitle {text-align:left;color:{color:Blogtitle};font-family:{font:blogtitle};padding-right:5px;font-size:{text:blogtitle size}px;{block:ifuppercaseblogtitle}text-transform:uppercase;{/block:ifuppercaseblogtitle}line-height:9px;}font-family: 'Shadows Into Light Two', cursive;
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation{display:none;}
- {CustomCSS}
- #asksquare{
- border:1px dashed #ccc;
- position:fixed !important;
- left:50px; padding-top:12px;
- top:320px;
- padding-bottom:12px;
- text-align:center;
- height:10px;
- width:68px;
- overflow:hidden;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- background:transparent;
- z-index:9999;}
- #asksquare:hover{
- border:1px dashed #ccc;
- padding:5px;
- height:200px;
- width:400px;
- z-index:999999999;
- opacity: 1;
- background:#ffffff;}
- #linkssquare{
- border:1px dashed #ccc;
- position:fixed !important;
- left:50px; padding-top:12px;
- top:360px;
- padding-bottom:12px;
- text-align:center;
- height:10px;
- width:68px;
- overflow:hidden;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- background:transparent;
- z-index:9999;}
- #linkssquare:hover{
- border:1px dashed #ccc;
- padding:5px;
- height:100px;
- width:200px;
- z-index:999999999;
- opacity: 1;
- background:#ffffff;}
- #othersquare{
- border:1px dashed #ccc;
- position:fixed !important;
- left:50px; padding-top:12px;
- top:400px;
- padding-bottom:12px;
- text-align:center;
- height:10px;
- width:68px;
- overflow:hidden;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- background:transparent;
- z-index:9999;}
- #othersquare:hover{
- border:1px dashed #ccc;
- padding:5px;
- height:110px;
- width:100px;
- z-index:999999999;
- opacity: 1;
- background:#ffffff;}
- </style>
- <!-- this is your typing tab. change YOURTEXT to your text-->
- <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "YOURMESSAGE";tb8_messages[1] = "YOURMESSAGE";tb8_messages[2] = "YOURMESSAGE";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
- <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('.content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : ".navigation",
- nextSelector : ".navigation a#next",
- itemSelector : ".post",
- bufferPx : 10000,
- extraScrollPx: 10000,
- loadingImg : "",
- loadingText : "",
- },
- function() { $('.content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
- <script src="http://static.tumblr.com/sxplfnv/TeSmf33pa/infinitescroll.txt"></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>
- <!--
- This is where you put your banner. Upload your banner on tinypic.com and use the 4th link "Direct Link for Layouts" and paste it into the <img src="YOURLINK" width blabla.
- You can change the height and width & where you want your banner. If you want it a bit more on top change top: to 100 for example. If you want your banner more on the left side change left: to 10 for example.
- -->
- <div style="position:fixed; top:150px; left:23px;">
- <img src="http://static.tumblr.com/sxplfnv/1uOmckah9/sherp-a.jpg" width="150" height="50" alt="banner"></div>
- <div id="asksquare">
- ask<p> <!-- title of the box -->
- <div id="box">
- <br>
- Write your faq here or something mehh <br><iframe frameborder="0" height="149" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" width="100%"></iframe>
- <br>
- </div></div>
- <div id="linkssquare">
- links<p> <!-- title of the box -->
- <div id="box">
- <br>
- <a href="http://LINK1.tumblr.com">link1</a><br>
- <a href="http://LINK2.tumblr.com">link2</a><br>
- <a href="http://LINK3.tumblr.com">link3</a><br>
- <a href="http://LINK4.tumblr.com">link4</a><br>
- <a href="http://opulen-ce.tumblr.com">theme</a>
- </div></div>
- <div id="othersquare">
- other<p> <!-- title of the box -->
- <div id="box">
- <br>
- blablabla
- <br>
- </div></div>
- <br>
- </div>
- <br>
- {block:HasPages}{block:Pages}
- <a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages}
- </div></div>
- {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>
- <div class="content">
- {block:Posts}
- {block:Text}
- <div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} </a> | <a href="{ReblogURL}"><font size="1">↺</font></a></font></div></div></div>{/block:IndexPage}{/block:Text}
- {block:Photo}<div class="post">{block:IndexPage}<span class="permalinkk"><a href="{Permalink}">{NoteCountWithLabel} | </a><a href="{ReblogURL}"><font size="1">↺</font></a></span>{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="240px"{block:indexpage} {block:PermalinkPage}width="400px"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}
- {block:Photoset}
- <div class="post"><div class="photoset"><div style="width:220px;overflow:hidden;height:auto;">
- {Photoset-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div></div>{/block:Photoset}
- {block:Quote}
- <div class="post">{Quote}{block:Source}<div class="source"><a href="{Permalink}">by {Source}</a></div>{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}"><font size="1">↺</font></a></div>{/block:IndexPage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">{block:Title}<b>{Title}</b>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}"><font size="1">↺</font></a></div>{/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post"><div class="video"><div style="width:220px;overflow:hidden;height:auto;">{Video-250}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
- {block:Audio}
- <div class="post">
- <div class="audio">
- {AudioPlayerBlack}</div>{Caption}
- {block:PermalinkPage}{/block:PermalinkPage}
- {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}"><font size="1">↺</font></a></div>{/block:IndexPage}
- </div>
- {/block:Audio}
- {block:Answer}<div class="post">{Question} asked by <b>{Asker}</b><br><i>{Answer}</i>{block:PermalinkPage}{/block:PermalinkPage}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> | <a href="{ReblogURL}"><font size="1">↺</font></a></div>{/block:IndexPage}</div>{/block:Answer}
- {block:PermalinkPage}
- <div class="posted"><u>Posted:</u> {TimeAgo}, with {NoteCountWithLabel} Notes</div>
- <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
- <div class="notes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- I'D APPERCIATE IT VERY MUCH IF YOU'D LEAVE THE CREDIT :) THANKS-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement