Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- BLOGROLL page made by soonjun. ^^
- feel free to ask anything if there's any problems.
- please don't take the credit away.-->
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- </head>
- <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></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>
- <style type="text/css">
- #s-m-t-tooltip {
- display: block;
- background: #fff;
- font-size: 9px;
- font-family: calibri;
- letter-spacing: 1px;
- text-transform: uppercase;
- font-weight:bold;
- font-style:oblique;
- color: #aaa;
- text-align: center;
- margin-left: 18px;
- padding: 7px;
- border: 1px solid #f5f5f5;
- min-width: 40px;
- max-width: 200px;
- box-shadow: 1px 1px 3px #999;
- z-index: 999;
- }
- iframe#tumblr_controls {
- right:0px !important;
- position:fixed !important;
- -webkit-filter:invert(100%);
- opacity:.75;
- z-index:999999;
- }
- ::-webkit-scrollbar-track {background-color:#fff;}
- ::-webkit-scrollbar-thumb {background-color:#f7f7f7;}
- ::-webkit-scrollbar {width:7px;}
- body{
- font-family:calibri;
- font-size:10px;
- line-height: 120%;
- text-align:justify; }
- a:link, a:active, a:visited{ color:#bbb; text-decoration: none;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out; }
- a:hover{ color: #fff;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;}
- #content{margin:auto;margin-top:80px;width:750px;}
- #box {
- margin:auto;
- width:750px;
- border-top: 10px solid #f6f6f6;
- border-bottom: 10px solid #f6f6f6;
- border-left: 10px solid #f9f9f9;
- border-right: 10px solid #f9f9f9;
- height:500px;
- overflow:auto;
- background:#fff;
- margin-top:-15px;
- background:#fbfbfb;
- }
- #pics {
- width:700px;
- padding:10px;
- margin:10px;
- }
- #pics img{
- background:#fff;
- border: 1px solid #f4f4f4;
- padding: 10px;
- width:64px;
- height:64px;
- opacity:.8;
- margin:5px;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- transition:all 0.7s ease-in-out;}
- #pics img:hover{
- opacity:1;
- -moz-transform: scale(1.1);
- -webkit-transform: scale(1.1);
- -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;}
- @font-face {
- font-family: 'city';
- src: url('city.ttf');
- src: local('city'),
- local('city'),
- url('http://dl.dropbox.com/s/z1w8o0cwwlr0f30/Lavanderia%20Sturdy.otf');}
- #title {height:55px;margin:auto;margin-top:0px;position:relative; z-index:99;width:770px;margin-left:0px;text-align:center;font-family:city;}
- .nav {margin-left:0px; margin-top:-2px; text-align:left; font-family:Calibri; text-transform:uppercase; font-size:8px; margin-bottom:10px; padding:5px;position:relative;opacity:0;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;}
- #content:hover .nav{opacity:1;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;}
- #cr {font-size:9px;right:15px;bottom:10px;position:fixed;font-family:calibri;letter-spacing:1px; padding:2px;border-bottom:1px solid #ebebeb;}
- a.cr {color:#bbb;}
- </style>
- <div id="content">
- <div id="title"><div style="padding:12px;color:#aaa;font-size:56px;letter-spacing: 0px;">to the young and beautiful </div> <div class="nav"><a href="/">back</a></div></div>
- <div id="box">
- <div id="pics">
- <center>
- {block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-64}" /></a>{/block:Followed}{/block:Following}
- </center>
- </div></div>
- <div id="cr"><center><a href="http://soonjunthemes.tumblr.com/" class="cr" title="© soonjun"> theme. </a></div></div>
- </body>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement