Advertisement
queenlouis

Blogroll.

Sep 18th, 2012
4,765
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.01 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <!-- Blogroll Theme by KISSTHESUN, © KISSTHESUN do not steal,copy or use as a base for you own theme - protected by the copyright infringement order, do you wanna break the law?;-)-->
  3. <html>
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <style type="text/css">
  9. @font-face {
  10. font-family: "hype";
  11. src: url(http://static.tumblr.com/1h9o4nh/UdTmaaab3/hype.ttf) format("truetype");
  12. }
  13. body {
  14. background-image:
  15. background-attachment: fixed;
  16. background-color: #fff;
  17. margin: 0;
  18. }
  19. ::-webkit-scrollbar-thumb:vertical {
  20. background-color: #efefef;
  21. height: 50px;
  22. }
  23. ::-webkit-scrollbar {
  24. height: 10px;
  25. width: 20px;
  26. background-color: #fff;
  27. }
  28. #border {
  29. background-color: #efefef;
  30. position: fixed;
  31. width: 15px;
  32. height: 100%;
  33. margin-left:360px;
  34. }
  35. #border2 {
  36. background-color: #e0e0e0;
  37. position: fixed;
  38. width: 40px;
  39. height: 100%;
  40. margin-left: 375px;
  41. }
  42. #container {
  43. width: 500px;
  44. margin-left: 80px;
  45. }
  46. #title {font-family:"hype";
  47. max-width:500px;
  48. margin-left:450px;
  49. font-size:25px;
  50. color:#e0e0e0;
  51. text-transform:uppercase;
  52. font-style: bold;
  53. text-align:center;}
  54. #links {
  55. position: fixed;
  56. z-index: 999;
  57. top: 50px;
  58. margin-left: 640px;
  59. }
  60. #links a {
  61. display: inline-block;
  62. width: 40px;
  63. height: 15px;
  64. font-family:hype;
  65. font-size: 10px;
  66. color: #ababab;
  67. text-transform: uppercase;
  68. text-decoration: none;
  69. letter-spacing: 1px;
  70. text-align: center;
  71. line-height: 15px;
  72. }
  73. #following {
  74. position: absolute;
  75. z-index: 999;
  76. width: 600px;
  77. text-align: center;
  78. margin-top: 0px;
  79. margin-bottom: 30px;
  80. margin-left:325px
  81. }
  82. #following img {
  83. max-width: 60px;
  84. opacity: .8;
  85. margin: 5px;
  86. -moz-border-radius: 0px;
  87. -webkit-border-radius: 0px;
  88. border-radius: 0px;
  89. }
  90. .shadow {
  91. -moz-box-shadow: 2px 2px 4px #b2b2b2;
  92. -webkit-box-shadow: 2px 2px 4px #b2b2b2;
  93. box-shadow: 2px 2px 4px #b2b2b2;
  94. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
  95. : progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
  96. }
  97. </style>
  98. </head>
  99. <body>
  100. <div id="border"></div>
  101. <div id="border2"></div>
  102. <div id="title"><br>{Title}</div><br>
  103. <!-- Blogroll Theme by KISSTHESUN, © KISSTHESUN do not steal,copy or use as a base for you own theme - protected by the copyright infringement order, do you wanna break the law?;-)-->
  104. <div id="links"><a href="/">home</a><a href="/ask">ask</a> <a href="http://kissthesun.tumblr.com/">credit</a></div>
  105. <div id="container">
  106. <div id="following">
  107. {block:Following}{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" border="0" class="shadow" title="{FollowedName}"/></a>{/block:Followed}{/block:Following}
  108. </div>
  109. </div>
  110. </body>
  111. </html>
  112. <!-- Blogroll Theme by KISSTHESUN, © KISSTHESUN do not steal,copy or use as a base for you own theme - protected by the copyright infringement order, do you wanna break the law?;-)-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement