Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ✧* 。♡ theme made by tumblr user @planthed ♡ 。*✧
- theme blog: @themekid
- -->
- <html lang="en">
- <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/squareserif/stylesheet.css?v=4">
- <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
- <script type="text/javascript">
- <!--
- // Disable Right Click Script
- function IE(e)
- {
- if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
- {
- return false;
- }
- }
- function NS(e)
- {
- if (document.layers || (document.getElementById && !document.all))
- {
- if (e.which == "2" || e.which == "3")
- {
- return false;
- }
- }
- }
- document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
- //-->
- </script>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#8690A2"/>
- <meta name="image:Background" content=""/>
- <meta name="if:graphic img" content="1"/>
- <meta name="text:blogtitle" content="flowers"/>
- <meta name="text:quote" content="put here a quote, stats or whatever you want:)"/>
- <meta name="text:Link 1 Title" content="refresh" />
- <meta name="text:Link 1" content="/" />
- <meta name="text:Link 2 Title" content="message"/>
- <meta name="text:Link 2" content="/ask" />
- <meta name="text:Link 3 Title" content="more" />
- <meta name="text:Link 3" content="/" />
- <meta name="text:Link 4 Title" content="about" />
- <meta name="text:Link 4" content="/" />
- <meta name="text:Link 5 Title" content="archive" />
- <meta name="text:Link 5" content="/archive" />
- <meta name="text:Link 6 Title" content="blogroll" />
- <meta name="text:Link 6" content="/" />
- </script>
- <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>
- <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
- </script>
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- padding:5px;
- margin-left: 20px;
- margin-top: 2px;
- background:{color:link};
- border: 1px solid {color:link};
- text-transform:uppercase;
- font-family: 'Avalon', sans-serif;
- font-size:10px;
- color:#fff;
- letter-spacing:1px;
- z-index:9999999999999;
- {block:ifboxshadow}
- box-shadow:rgba(0,0,0,.02) 6px 6px;
- {/block:ifboxshadow}
- }
- #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:3px!important; right:0px!important; opacity:.5;
- -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
- #tumblr_controls, .tmblr-iframe:hover{
- opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
- -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
- }
- ::-webkit-scrollbar {width: 10px; height: 2px; background:transparent; border:4px solid transparent; }
- ::-webkit-scrollbar-thumb { background-color:{color:link}; }
- body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
- body {
- padding:0px;
- margin:0px;
- color:{color:Text};
- font-family:calibri;
- font-size:10px;
- line-height:12px;
- text-transform:normal;
- background-color:{color:Background};
- background-image:url({image:Background});
- background-attachment:fixed;
- background-repeat:repeat;
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
- }
- a:link, a:active, a:visited{
- color:{color:Link};
- text-decoration:none;
- -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
- }
- a:hover{
- color:#000;
- -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
- }
- #audio {
- width:200px;
- height:auto;
- min-height:60px;
- padding-bottom:0px;
- }
- .cover {
- position:absolute;
- z-index:1;
- width:50px;
- height:50px;
- }
- .cover img {
- float:left;
- width:50px;
- height:50px;
- }
- .playbox {
- opacity:0.6;
- width:27px;
- height:30px;
- overflow:hidden;
- position:absolute;
- z-index:1000;
- margin-left:17px;
- margin-top:17px;
- text-align:center;
- }
- .info {
- margin-left:77px;
- margin-top:4px;
- line-height:14px;
- }
- #posts{
- margin-left:30px;
- height:100%;
- float:center;
- {block:indexpage}
- width:660px;
- {/block:indexpage}
- {block:permalinkpage}
- width:660px;
- {/block:permalinkpage}
- margin-top:30px;
- padding-left:10px;
- padding-top:10px;
- z-index:999;
- }
- #entry img{
- {block:indexpage}
- max-width:100%;
- z-index:999;
- -webkit-transition:all 0.7s ease-out;
- -moz-transition:all 0.7s ease-out;
- transition:all 0.7s ease-out;
- {/block:indexpage}
- }
- #entry{
- z-index:999;
- margin:15px;
- float:left;
- margin-left:15px;
- background:{color:background};
- font-size:9px;
- letter-spacing:0px;
- font-family:arial;
- line-height:17px;
- width:250px;
- padding:20px;
- {block:PermalinkPage}
- width:400px;
- z-index:999;
- {/block:PermalinkPage}
- }
- #entry .perm{
- padding:7px;
- width:130px;
- height:50px;
- margin-top:30%;
- margin-left:50px;
- text-align:center;
- opacity:0;
- font-style:italic;
- border:3px solid {color:link};
- background:white;
- position:absolute;
- z-index:99999;
- overflow:hidden;
- -webkit-transform: scale(0);
- -webkit-transition: all .9s ease;
- -moz-transition: all .9s ease;
- -o-transition: all .9s ease;
- transition: all .9s ease;
- }
- #entry:hover .perm{
- opacity:1;
- overflow:visible;
- -webkit-transform: scale(1);
- }
- .video iframe,
- .video .tumblr_video_container,
- .video .tumblr_video_container iframe {
- display:block;
- width:100%;
- height:Auto;
- }
- .video #youtube_iframe {
- display:block;
- width:100%;
- height:Auto;
- }
- .permalinktext{
- display:block;
- text-align:right;
- text-decoration:none;
- margin-top:5px;
- font-size:9px;
- letter-spacing:1px;
- padding-top:2px;
- font-family: 'Avalon', sans-serif;
- padding:4px;
- }
- .wow {
- position:fixed;
- font-size:20px;
- right:10px;
- bottom:10px;
- z-index:999999999999999999999999;
- -o-transition-transition: all 0.3s ease;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .wow a{color:{color:link};}
- .wow:hover a{color:{color:text};}
- .wow:hover{
- -webkit-animation:pop 1s;
- -ms-transform: rotate(360deg); /* IE 9 */
- -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
- transform: rotate(360deg);
- }
- @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
- #postnotes{
- background:{color:background};
- overflow:scroll;
- border:1px solid {color:link};
- height:auto;
- max-height:170px;
- font-size:10px;
- line-height:20px;
- padding:8px;
- }
- ol.notes li.note img.avatar {
- width:15px;
- display:inline;
- position:relative;
- list-style-type:none;
- display:none;
- }
- .title{
- font-style:normal;
- font-family: 'Avalon', sans-serif;
- font-size:18px;
- line-height:15px;
- text-transform:uppercase;
- letter-spacing:3px;
- color:{color:link};
- }
- blockquote{
- border-left:1px solid {color:link};
- padding-left:5px;
- font-size:11px;
- font-family: 'Avalon', sans-serif;
- margin:0px 0px 2px 1px;
- }
- ul, ol, li{
- list-style:none;
- margin:0px;
- padding:0px;
- }
- #titulo{
- text-transform:none;
- position:fixed;
- margin-top:-30px;
- opacity:1;
- font-size:17px;
- font-family: 'Avalon', sans-serif;
- letter-spacing:2px;
- text-align:right;
- color:{color:link};
- margin-left:0px;
- width:190px;
- z-index:999999999;}
- #sidebar{
- position:fixed !important;
- width:200px;
- height:auto;
- z-index:999;
- font-family: 'Avalon', sans-serif;
- font-size:10.3px;
- letter-spacing:1px;
- bottom:100px;
- margin-left:700px;
- line-height:14px;
- opacity:1;
- padding-bottom:14px;
- padding-top:10px;
- border-top:1px solid {color:link};
- border-bottom:1px solid {color:link};
- text-align:left;
- z-index:9999999;
- {block:permalinkpage}
- margin-left:570px;
- bottom:150px;
- {/block:permalinkpage}
- }
- .taissa{
- opacity:1;
- margin-top:20px;
- position:fixed;
- padding:5px;
- width:200px;
- margin-left:0px;
- text-align:center;
- }
- .taissa a{
- text-decoration:none;
- color:#000;
- font-size:10px;
- letter-spacing:1px;
- font-family: 'Avalon', sans-serif;
- display:inline-block;
- line-height:10px;
- padding:4px;
- text-align:center;
- transition: all 0.9s ease-out;
- transition:0.4s;
- -webkit-transition:all 0.6s ease-out;
- -moz-transition:all 0.6s ease-out;
- transition:all 0.6s ease-out;
- }
- .taissa:hover a{opacity:.7;color:{color:link};}
- .taissa a:hover{color:#000;opacity:1;}
- #lace{
- position:fixed;
- opacity:1;
- width:100%;
- height:40px;
- padding:3px;
- background:{color:link};
- margin-top:-45px;
- margin-left:0px;
- z-index:9999;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;}
- .quotee a{color:#fff;}
- .quotee{
- position:fixed;
- margin-left:120px;
- margin-top:10px;
- text-align:left;
- letter-spacing:2px;
- color:#fff;
- opacity:1;
- font-style:italic;
- padding:10px;
- z-index:99999999999999999999;
- font-size:12px;
- font-family: 'Avalon', sans-serif;
- line-height:14px;
- }
- #bar{
- position:fixed;
- opacity:1;
- width:25px;
- height:100%;
- padding:3px;
- background:{color:link};
- margin-top:-35px;
- margin-left:0px;
- z-index:9999;
- text-align:center;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
- </style>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=720" />
- </head>
- <body>
- <div id="lace">
- <div class="quotee">{text:quote}</div>
- </div>
- <div id="bar"></div>
- <div id="sidebar">
- <div id="titulo">{text:blogtitle}</div>
- {description}
- <div class="taissa">
- <a href="{text:Link 1}">{text:Link 1 Title}</a>
- <a href="{text:Link 2}">{text:Link 2 Title}</a>
- <a href="{text:Link 3}">{text:Link 3 Title}</a>
- <a href="{text:Link 4}">{text:Link 4 Title}</a>
- <a href="{text:Link 5}">{text:Link 5 Title}</a>
- <a href="{text:Link 6}">{text:Link 6 Title}</a>
- <a href="http://planthed.tumblr.com">theme</a>
- </div>
- </div>
- <div id="center">
- <div id="content">
- <div id="posts">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span></a>
- {block:IndexPage}<br>
- <div class="permalinktext">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<br>
- <div class="permalinktext">
- {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
- </div>
- {/block:IndexPage}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div class="perm">
- posted <a href="{permalink}" target="_blank">{month} {dayofmonth}{dayofmonthsuffix}</a><br>
- with {notecountwithlabel}<br>
- <a href="{ReblogURL}" target="_blank">share this post</a>
- </div>
- {/block:IndexPage}
- {block:IndexPage}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;>
- {/block:IndexPage}
- {block:permalinkpage}{LinkOpenTag}<center>
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;/>
- {LinkCloseTag}</center>{/block:permalinkpage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-250}
- {/block:IndexPage}
- <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-400}{/block:PermalinkPage}</center>
- {block:IndexPage}
- <div class="permalinktext">
- {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
- </div>
- {/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝ {quote}</div>
- {block:IndexPage}<br>
- <div class="permalinktext">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}<br>
- {/block:Lines}
- {block:IndexPage}<br>
- <div class="permalinktext">
- {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
- {block:IndexPage}<br>
- <div class="permalinktext">
- <center> <font color="#999">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#999">{notecount} notes</font></a></center></div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- {Video-250}
- <div class="permalinktext">
- <center> {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>{/block:IndexPage}</center>
- {block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>
- {block:Video}
- {block:Answer}
- <div style="margin:2px 2px 2px 2px; height:auto; padding:3px ;border:1px solid {color:link};">
- <div style="background:transparent; padding:1px; height:auto">
- <askk>{Asker}:</askk> {Question}</div></div>
- <div style="margin-left:-1px; margin-bottom:3px; padding:4px; background:transparent; line-height:12px; text-align:justify; width:195px">{Answer}</div>
- {block:indexpage}
- <div class="permalinktext">
- <center> {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>
- {/block:indexpage}
- {/block:Answer}
- {block:PermalinkPage}
- {block:caption}{caption}{/block:caption}
- <br>
- {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
- {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
- {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
- {/block:PermalinkPage}
- {block:PostNotes}
- <div id="postnotes">{PostNotes}</div>
- {/block:PostNotes}</div>{/block:Posts}
- </div></div>
- <!--don't delete or i will fucking will you-->
- <div class="wow"><a title="theme credit" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-product-hunt"></i></a></div>
- <!--don't delete or i will fucking will you-->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#entry, #entry_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#entry, #entry_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#content').show(500);
- });
- </script>
- {/block:indexpage}
- </body>
- {block:ifgraphicimg}
- <img src="http://media.tumblr.com/65f4f99495f65506f22452e98fd11b42/tumblr_inline_ndnw9kRXcQ1sgp6cl.png" style="position:fixed; width:400px;opacity:.7; top:30px;right:0px; z-index:999; -webkit-transform: rotate(180deg);"/></div>
- {/block:ifgraphicimg}
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement