Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <title>{Title}</title>
- <!--- change the title of the page here --->
- <link rel="shortcut icon" href="{Favicon}">
- <!---
- blogroll page by hardziam.tumblr.com // septembre.co.vu
- --->
- <script src="http://static.tumblr.com/ta26uqw/yqQn9iy9c/jquery-1.7.1.min.js"></script>
- <link href="http://static.tumblr.com/ta26uqw/UcYnarnsw/simptip-small.css" rel="stylesheet" type="text/css">
- <style type="text/css">
- #header{color:white; background:black;}
- .title{border-bottom:2px solid #D7BFE3;}
- .title:after{background:#aaa;}
- /* sidebar */
- #box{background:#000;}
- #box a{color:#fff;}
- /* NOTE:
- to change the color of the tooltips, follow these steps:
- 1. go CTRL + F.
- 2. type in #D7BFE3
- 3. Press CTRL + F again. A thing with "Replace with" should pop up.
- 3. In that tab, type the color you want (e.g. #ffaacc for pink. Go to colorpicker.com for a color wheel!)
- 4. Click "All".
- The people you follow won't show up on this customization page - refresh the actual page on your actual blog and they'll show up there. Also it won't work for sideblogs! */
- /* end of customization. only go further if you know what you're doing */
- ::-webkit-scrollbar {background-color:black; border:2px solid #fff;height:5px; width:5px;}
- ::-webkit-scrollbar-thumb:vertical {background-color:black; border:1px solid #fff; height:40px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:black;border:1px solid #fff; height:8px!important}
- body {
- background: #fff;
- margin:0;width:100%;height:100%;
- font:11px Corbel;
- padding: 0;
- position:absolute;
- }
- a {
- text-decoration:none;
- outline:none;
- color:gray;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:#eee;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #header{
- width:100%;
- top:0;left:0;
- padding:20px;
- padding-left:40px;
- position:fixed;
- height:40px;
- z-index:1000;
- }
- .title{
- font-size:20px;
- text-transform:uppercase;
- display:inline-block;
- padding:10px;
- padding-top:4px;
- letter-spacing:5px;
- }
- .title:after{
- width:430px;
- content:'';
- position:fixed;
- margin-top:34px;
- margin-left:9px;
- height:2px;
- }
- #entries{
- width:800px;
- margin-left:20px;
- margin-top:80px;
- }
- #post{
- width:560px;
- margin:20px;
- float:left;
- }
- #box{
- width:110px;
- padding:20px;
- padding-top:70px;
- position:fixed;
- left:615px;
- top:0;
- z-index:9999;
- }
- #box img{
- width:85px;
- padding:10px;
- padding-bottom:20px;
- }
- #box a{
- display:block;
- font-size:10px;
- padding:6px;
- font-style:italic;
- text-align:center;
- }
- #box:hover a{
- color:#999;
- }
- #box a:hover{
- color:white;
- }
- .hidden{display:none;}
- .unhidden{display:block;}
- .search{
- height:26px;
- margin-left:-20px;
- width:150px;
- margin-bottom:-40px;
- overflow:hidden;
- background:#333;
- }
- .search input{
- border:1px solid #333;
- background:#333;
- padding:2px;
- padding-left:5px;
- color:white;
- width:150px;
- padding-top:5px;
- font:10px Calibri;
- }
- #follower{
- display:block;
- float:left;
- z-index:-99;
- padding:10px;
- margin:0px;
- border-radius:0%;
- background:transparent;
- transition-duration:.5s;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- outline:1px solid #eee;
- outline-offset:-1px;
- }
- #follower:nth-of-type(2n+0){
- }
- #follower:hover{
- outline:1px solid black;
- background:#333;
- transition-duration:.5s;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #follower img{
- width:35px;
- float:left;
- border-radius:0%;
- -webkit-filter: grayscale(100%);
- transition-duration:.5s;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #follower:hover img{
- -webkit-filter: grayscale(0%);
- transition-duration:.5s;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*
- * TOOLTIPS ============================================
- */
- [data-tooltip].simptip-position-bottom:before {
- border-bottom-color: #D7BFE3;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-bottom:after {
- background-color: #D7BFE3;
- color: #fff;
- text-transform:lowercase;
- font-style:italic;
- background:#D7BFE3;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-left:before {
- border-left-color: #d45e73;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-left:after {
- background-color: #d45e73;
- color: #fff;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-right:before {
- border-right-color: #d45e73;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-right:after {
- background-color: #d45e73;
- color: #fff;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-top.half-arrow:before {
- border-right: 7px solid #d45e73;
- z-index: 99999;
- }
- [data-tooltip].simptip-position-bottom.half-arrow:before {
- border-right: 7px solid #d45e73;
- z-index: 99999;
- }
- #credit a{
- position:fixed;
- right:10px;
- bottom:10px;
- padding:6px;
- background:black;
- text-transform:uppercase;
- color:white;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #credit a:hover {
- background:white;
- color:black;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- </style>
- </head>
- <body>
- <div id="header">
- <div class="title">blogroll</div>
- </div>
- <div id="box">
- <!--- here you can change the image ---->
- <img src="http://33.media.tumblr.com/66e12b88ae19f60654625f1e414bd93c/tumblr_mgwf4mlrdu1qlt206o2_250.png">
- <!--- here you can change the image ---->
- <a href="/">back to blog</a>
- <a href="/ask">message</a>
- <a href="/dashboard">dashboard</a>
- <!---- remove this below if you don't want a search box ------>
- <a href="javascript:unhide('searchbx');">search tags</a>
- <div id="searchbx" class="hidden"><div class="search"><form method="get" action="/search"><input type="text" placeholder="Type and press enter..." value="" name="q"></input></form></div></div>
- <!------------------------------------------------------------>
- </div>
- <div id="entries">
- <div id="post">
- <div id="followarea">
- {block:Following}
- {block:Followed}
- <div id="follower"><span class="simptip-position-bottom simptip-movable" data-tooltip="{FollowedName}">
- <a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}"></a></span>
- </div>
- {/block:Followed}
- {/block:Following}
- </div></div>
- </div>
- <div id="credit"><a href="http://hardziam.tumblr.com">HZ</a></div>
- </body>
- <script type="text/javascript">
- function unhide(searchbx) {
- var item = document.getElementById(searchbx);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement