Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!----
- Blogroll #3 (Light Version) by Vanne @ vitanica.tumblr.com
- PLEASE DO NOT REMOVE THE CREDITS! Thank you for using my blogpage <3
- ----->
- <title>Blogroll</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- margin: 5px;
- padding: 4px 8px 4px 8px;
- z-index: 99999;
- display: none;
- text-align: center;
- position: absolute;
- font-family: arial;
- text-transform: uppercase;
- font-size: 8px;
- color: #fff;
- background: #d3d3d3;
- letter-spacing: 1px;
- }
- </style>
- <style type="text/css">
- @import url(http://weloveiconfonts.com/api/?family=typicons);
- /* typicons */
- [class*="typicons-"]:before {
- font-family: 'Typicons', sans-serif;
- }
- body {
- background: url('http://static.tumblr.com/n9vj50j/LHGn5p9fg/tumblr_lvuln9wykz1r1ne7to3_250.jpg');
- font-family: Consolas;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #d3d3d3;
- height: auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #d3d3d3;
- height: auto;
- }
- ::-webkit-scrollbar {
- height:4px;
- width:5px;
- background-color: #fff;
- }
- a {
- text-decoration: none;
- }
- a:hover {
- text-decoration: none;
- }
- #all {
- position:relative;
- top: 50px;
- width:700px;
- margin:0 auto;
- padding:5px;
- }
- #title {
- position: relative;
- font-size:30px;
- margin-bottom: 15px;
- border-bottom: 2px solid #FD94A5;
- padding-bottom: 10px;
- padding-right: 20px;
- width: 675px;
- text-transform: lowercase;
- font-family: arial;
- font-weight: bold;
- letter-spacing: -4px;
- word-spacing: 5px;
- text-align: right;
- color: #FB7186;
- text-shadow: 2px 2px 0px #e3e3e3;
- }
- #content {
- margin-top: 40px;
- width: 680px;
- height: 400px;
- overflow:auto;
- border: 2px solid #e3e3e3;
- background: rgba(255, 255, 255, .5);
- padding:5px;
- float:left;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #content img {
- max-width: 64px;
- margin: 2px 2px 3px 2px;
- border: 10px solid #444;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #content:hover img:hover {
- opacity: 1;
- border: 10px solid #FD94A5;
- }
- #content:hover img {
- opacity: .5;
- }
- #icon {
- z-index:9999;
- position: fixed;
- margin-left:20px;
- top: 60px;
- width: 100px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- #icon img {
- width: 90px;
- border: 2px solid #FD94A5;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- #linkk {
- position: fixed;
- top: 114px;
- margin-left: 118px;
- width: 250px;
- z-index: 99999999999999999;
- }
- #linkk a {
- display: inline-block;
- width: 30px;
- height: 30px;
- line-height: 32px;
- text-align: center;
- margin-left: 6px;
- font-size: 16px;
- color: #444;
- text-shadow: 2px 2px 0px #fff;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #linkk:hover a:hover {
- background: #FD94A5;
- text-shadow: 0px 0px 0px #444;
- opacity: 1;
- }
- #linkk:hover a {
- opacity: .5;
- }
- /* You're not supposed to touch this */
- #pancake { position: fixed; bottom: 10px; left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #pancake a { display: inline-block; text-align: center; font-size: 15px; font-family: arial; letter-spacing: -1px; padding: 2px 4px 4px 3px; font-weight: bold; width: 14px; height: 15px; line-height: 15px; overflow: hidden; background: #FD94A5; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #cupcake { z-index: -1; position: fixed; margin-top: -21px; margin-left: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #cupcake a { display: inline-block; font-size: 15px; font-family: arial; letter-spacing: -1px; padding: 4px 4px 4px 0px; font-weight: bold; width: 10px; height: 13px; line-height: 13px; overflow: hidden; background: #fff; color: #444; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #pancake:hover #cupcake a { width: 70px; margin-left: 21px; }
- </style>
- <body>
- <div id="all">
- <div id="linkk">
- <a href="/" title="home"><span class="typicons-home"></span></a>
- <a href="/ask" title="message"><span class="typicons-mail"></span></a>
- <a href="/archive" title="past"><span class="typicons-edit"></span></a>
- <a href="#" title="link"><span class="typicons-star"></span></a>
- <a href="#" title="link"><span class="typicons-heart"></span></a>
- </div>
- <div id="title">blogroll</div>
- <div id="icon"><img src="{Favicon}"></div>
- <div id="content">
- {block:Following}{block:Followed}
- <a target='_blank' href='{FollowedURL}' title="{FollowedName}"><img src='{FollowedPortraitURL-64}' /></a>
- {/block:Followed}{/block:Following}
- </div>
- </div>
- <div id="pancake"><a href="http://vitanica.tumblr.com/">v</a><div id="cupcake"><a href="http://vitanica.tumblr.com">vitanica</a></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement