Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- custom for my bby
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
- <link href='http://static.tumblr.com/blpgwiz/uvsm405h8/flip.css' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Bad+Script|La+Belle+Aurore|Great+Vibes|Julius+Sans+One|Qwigley|Share' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#53728f"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:hover" content="#cccccc"/>
- <meta name="image:Background" content="http://static.tumblr.com/q0bwe1c/imYm7uuwj/picc.jpg"/>
- <meta name="image:sidebar" content=""/>
- <meta name="if:show photo" content="0"/>
- <meta name="if:box shadow" content="0"/>
- <meta name="text:link one" content="" />
- <meta name="text:link one title" content="link" />
- <meta name="text:link two" content="" />
- <meta name="text:link two title" content="link" />
- <meta name="text:link three" content="" />
- <meta name="text:link three title" content="link" />
- <meta name="text:link four" content="" />
- <meta name="text:link four title" content="link" />
- <meta name="text:link five" content="" />
- <meta name="text:link five title" content="link" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!--[if IE]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
- <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
- <style type="text/css">
- body {
- color: {color:Text};
- background:{color:background};
- background-image:url({image:Background});
- background-size:cover;
- background-attachment: fixed;
- line-height:150%;
- font-family: ubuntu;
- font-size: 11px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:link};
- height:auto;
- border: 1px solid :{color:hover};
- -webkit-border-radius:0px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:hover};
- height:auto !important;
- -webkit-border-radius:0px;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:7px;
- border-left: 1px solid #aaaaaa;
- background-color:{color:post background};
- }
- #infscr-loading {
- position: absolute;
- bottom: 0;
- left: 25%;
- }
- a:link, a:active, a:visited{
- color:{color:Link};
- text-decoration: none;
- }
- a:hover {
- color:{color:Hover};
- text-decoration: strikethrough;
- }
- @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
- #titulo {
- text-align: center;
- padding-top: 10px;
- font-family: 'caviardreams', cursive;
- font-size: 27px;
- line-height: 70%;
- color:{color:text};
- text-shadow: black 0.1em 0.1em 0.2em;
- }
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.5;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #note3 {
- width: 500px;
- text-align:left;
- }
- #contain {
- height:100%;
- padding-left:10px;
- padding-right:10px;
- width: 1100px;
- margin: 0px auto;
- position: relative;
- }
- #sidebar {
- width: 220px;
- height: auto;
- position: fixed;
- margin-top: 10px;
- background:white;
- opacity: 0.9;
- padding: 2px;
- margin-left: 120px;
- color:{color:text};
- font-family: ubuntu;
- font-size:10px;
- }
- .sidebar2 {
- opacity:10;
- width: 220px;
- border: 2px solid {color:border};
- padding: 10px;
- height: auto;
- background: white;
- margin-bottom:10px;
- {block:ifboxshadow}
- -moz-box-shadow: 0 0 20px #000000;
- -webkit-box-shadow: 0 0 20px#000000;
- box-shadow: 0 0 20px #000000;
- {/block:ifboxshadow}
- }
- .linkys {
- width: 55px;
- height: 9px;
- padding: 5px;
- font-family:ubuntu;
- color:#000;
- Text-transform: lowercase;
- background: transparent;
- margin-right: 2px;
- margin-top: 4px;
- font-size:11px;
- letter-spacing:1px;
- line-height: 7px;
- text-align:center;
- -webkit-transition-duration: .4s;
- }
- .linkys:hover {
- -moz-box-shadow: 0 0 10px #000;
- -webkit-box-shadow: 0 0 10px #000;
- box-shadow: 0 0 10px #000;
- }
- ol.notes img {
- width: 16px;
- display: inline;
- position: relative;
- top: 3px;
- }
- @font-face { font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf'); }
- .entry{
- color:{color:text};
- margin:4px;
- padding: 4px;
- float:left;
- background:transparent;
- font-family: ubuntu;
- font-size: 10px;
- border: 2px solid {color:border};
- line-height:13px;
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:480px;
- {/block:PermalinkPage}
- {block:ifboxshadow}
- -moz-box-shadow: 0 0 20px #000000;
- -webkit-box-shadow: 0 0 20px#000000;
- box-shadow: 0 0 20px #000000;
- {/block:ifboxshadow}
- }
- .entry .permalink{
- margin: auto;
- font-family: 'caviardreams', cursive;
- position: absolute;
- text-align: center;
- margin-top:0;
- width: 15px;
- height: 17px;
- font-size:10px;
- margin-left: 3px;
- opacity: 0;
- font-style:bold;
- background-color: white;
- border: 2px solid #000;
- filter: alpha(opacity = 0);
- -webkit-transition: all ease-in .5s;
- -moz-transition: all ease-in .5s;
- -o-transition: all ease-in .5s;
- -ms-transition: all ease-in .5s;
- transition: all ease-in .5s;
- }
- .entry:hover .permalink{
- margin-top: 7px;
- opacity: 1;
- }
- .entry:hover .permalink:hover{
- -webkit-border-radius: 6px 6px 6px 6px;
- }
- .entry .permalink3{
- margin: auto;
- font-family: 'caviardreams', cursive;
- position: absolute;
- padding-right:2px;
- padding-left:2px;
- text-align: center;
- margin-top:0;
- width: auto;
- height: 17px;
- font-size:10px;
- margin-left: 30px;
- opacity: 0;
- font-style:bold;
- background-color: white;
- border: 2px solid #000;
- filter: alpha(opacity = 0);
- -webkit-transition: all ease-in .5s;
- -moz-transition: all ease-in .5s;
- -o-transition: all ease-in .5s;
- -ms-transition: all ease-in .5s;
- transition: all ease-in .5s;
- }
- .entry:hover .permalink3{
- margin-top: 7px;
- opacity: 1;
- }
- .entry:hover .permalink3:hover{
- -webkit-border-radius: 6px 6px 6px 6px;
- }
- #content {
- width: 630px;
- margin-top: 5px;
- margin-left:530px;
- -webkit-animation:fadeInUpBig 3s;
- -moz-animation:fadeInUpBig 3s;
- -ms-animation:fadeInUpBig 3s;
- }
- #pagination{
- display:none;
- }
- .permalink2 {
- color: #000000;
- padding-top: 0px;
- padding-bottom: 0px;
- font-size: 10px;
- text-align: center;
- opacity: 0;
- filter: alpha(opacity = 0);
- -webkit-transition: all ease-in 250ms;
- -moz-transition: all ease-in 250ms;
- -o-transition: all ease-in 250ms;
- -ms-transition: all ease-in 250ms;
- transition: all ease-in 250ms;
- }
- .entry:hover .permalink2 {
- opacity: 1;
- filter: alpha(opacity = 100);
- -webkit-transition: all ease-in 250ms;
- -moz-transition: all ease-in 250ms;
- -o-transition: all ease-in 250ms;
- -ms-transition: all ease-in 250ms;
- transition: all ease-in 250ms;
- }
- blockquote, q {
- padding-left:5px;padding-top:7px;
- padding-right:5px;padding-bottom:7px;
- margin-left:5px; margin-right:5px;
- border: 2px solid #ccc;
- background-color:{color:background};
- }
- li.drawer a {
- margin: 0px 5px;
- }
- .label {
- text-transform:uppercase;
- color:{color:Link}
- }
- .question {
- text-align:left;
- padding-left:5px;padding-top:7px;
- padding-right:5px;padding-bottom:7px;
- border-left: 2px solid {color:Link};
- border-right: 2px solid {color:Link};
- background-color:{color:blockquote};
- }
- .answer {
- text-align:left;
- padding-left:5px;padding-top:7px;
- padding-right:5px;padding-bottom:7px;
- }
- .text {
- padding: 10px;
- }
- #pp {
- text-align: center;
- width: 100%;
- padding-top: 2px;
- }
- .permahover {
- text-align: right;
- line-height:200%;
- opacity: 0.0;
- filter: alpha(opacity = 0);
- font-size: 9px;
- line-height: 9px;
- text-transform: uppercase;
- }
- .entry:hover .permahover {
- text-align: center;
- opacity: 1;
- filter: alpha(opacity = 50);
- }
- .b {
- display : block;
- font-size: 8px;
- text-align: left;
- line-height: 15px;
- text-indent : 0px;
- vertical-align : middle;
- padding : 2px;
- padding-bottom : 0px;
- }
- #newHeader {
- padding-bottom: 2px;
- text-align: center;
- }
- div.panel {
- width: 260px;
- padding: 15px 20px;
- color: #333;
- text-align: center;
- line-height: 22px;
- display: none;
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
- }
- div.panel p {
- margin: 10px 0;
- }
- div.panel p a, div.textPost p a, div.audioPost p a {
- color: #333;
- text-decoration: none;
- border-bottom: 1px dotted;
- font-style: italic;
- font-weight: bold;
- }
- #credz {
- position: fixed !important;
- right:5px !important;
- bottom:7px !important;
- font-family:ubuntu;
- font-size:25px;
- line-height: 12px;
- -moz-transition: all 0.8s ease-out;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- </style>
- <script type="text/javascript">
- $(window).load(function(){
- $("p").remove(":contains('Source:')");
- $("p").remove(":contains('via ')");
- });
- </script>
- </head>
- <body>
- <div id="contain">
- <div id="sidebar"><center>
- <div class="sidebar2"><div id="titulo"><a href="/">{Title}</a></div><br>{block:ifshowphoto}
- <div style="opacity:0.8"><a href="/"><img src="{image:sidebar}" width="197"></a></div>
- <br>
- {/block:ifshowphoto}
- {description}<br><br>
- {block:IfLinkOneTitle}<a href="{text:Link One}" class="linkys" >{text:Link One Title}</a>{/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle}<a href="{text:Link Two}" class="linkys" >{text:Link Two Title}</a>{/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle}<a href="{text:Link Three}" class="linkys" >{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle}<a href="{text:Link Four}" class="linkys" >{text:Link Four Title}</a>{/block:ifLinkFourTitle}
- {block:ifLinkFiveTitle}<a href="{text:Link Five}" class="linkys" >{text:Link Five Title} </a>{/block:ifLinkFiveTitle}
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div class="text">
- <div style="text-transform:uppercase; color:{color:link};">{block:Title}
- <a href="{Permalink}">{Title}</a>
- {/block:Title}</div>
- {Body}
- {block:indexpage}
- <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- </div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div class="permalink">
- <a href="{ReblogURL}" target="_blank"> ↺ </a></div>
- <div class="permalink3">
- <a href="{Permalink}" target="_blank"> {notecountwithlabel} </a></div>
- {/block:IndexPage}
- {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="480"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<br><center>{Photoset-250}</center>{/block:IndexPage}
- {block:indexpage}
- <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- {block:permalinkpage}
- {Photoset-500}
- {/block:permalinkpage}
- {/block:Photoset}
- {block:Quote}
- <div class="text">
- "{Quote}"
- {block:Source}
- <div class="source"><div style="text-align:right">{Source}</div></div>
- {/block:Source}
- {block:indexpage}
- <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- </div>{/block:Quote}
- {block:Link}
- <div class="text">
- <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {block:indexpage}
- <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- </div>{/block:Link}
- {block:Chat}
- <div class="text">
- {block:Title}
- <a href="{Permalink}">{Title}</a>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
- {Line} </li>
- {/block:Lines}
- </ul>
- {block:indexpage}
- <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- </div>{/block:Chat}
- {block:Video}
- {block:IndexPage}{Video-200}{/block:IndexPage}
- {block:indexpage}
- <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- {block:permalinkpage}
- {Video-500}
- {/block:permalinkpage}
- {/block:Video}
- {block:Audio}
- <div class="text">
- {AudioPlayerGrey}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {block:indexpage}
- <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:indexpage}
- </div>{/block:Audio}
- {block:Answer}<div class="text">
- <div class="question">
- <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
- {block:indexpage}
- <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
- {/block:indexpage}
- </div>{/block:Answer}
- {block:PermalinkPage}
- <div id="note3"><div style="text-align:right">
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:Pagination}
- <ul id="pagination">
- {block:PreviousPage}
- <li><a href="{PreviousPage}"></a></li>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
- {/block:CurrentPage}
- {block:JumpPage}
- <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <li><a id="nextPage" href="{NextPage}"></a></li>
- {/block:NextPage}
- </ul>
- {/block:Pagination}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
- {block:IndexPage}
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : ".entry",
- bufferPx : 100,
- loadingText : "<em></em>",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IndexPage}
- <script type="text/javascript">
- $('.show').click(function(e){
- e.preventDefault();
- $('.panel').stop(true,true);
- var target = $(this).attr('href');
- if($('.panel').is(':visible')){
- if($(target).is(':visible')){
- $(target).slideUp();
- return false;
- }else{
- $('.panel:visible').slideUp(400, function(){
- $(target).slideDown();
- });
- }
- }else {
- $(target).slideDown();
- }
- });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
- <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement