Jyuubi

[Page] → Blogroll #01 (Dark)

Apr 22nd, 2012
2,989
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.65 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. Do not remove this information or credit link!
  6. THEME: BLOGROLL #03
  7. jyuubi.org | manatopia.org
  8. -->
  9.  
  10. <head>
  11. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:200' rel='stylesheet' type='text/css'>
  12. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15.  
  16. <style type="text/css">
  17. body {
  18. background-image: url('http://static.tumblr.com/pdgxkke/lyim2wi99/dark_bg.png');
  19. background-attachment: fixed;
  20. background-color: #000;
  21. margin: 0;
  22. }
  23.  
  24. ::-webkit-scrollbar-thumb:vertical {
  25. background-color: #a4474c;
  26. height: 50px;
  27. }
  28.  
  29. ::-webkit-scrollbar {
  30. height: 10px;
  31. width: 3px;
  32. background-color: #a4474c;
  33. }
  34.  
  35. #border {
  36. background-color: #1b1b1b;
  37. position: fixed;
  38. width: 15px;
  39. height: 100%;
  40. }
  41.  
  42. #border2 {
  43. background-color: #0f0f0f;
  44. position: fixed;
  45. width: 40px;
  46. height: 100%;
  47. margin-left: 15px;
  48. }
  49.  
  50. #container {
  51. width: 400px;
  52. margin-left: 80px;
  53. }
  54.  
  55. #header {
  56. font-family: 'Advent Pro', sans-serif;
  57. font-size: 14px;
  58. color: #646464;
  59. text-transform: uppercase;
  60. text-align: center;
  61. letter-spacing: 2px;
  62. position: fixed;
  63. z-index: 999;
  64. margin-left: 510px;
  65. bottom: 250px;
  66. }
  67.  
  68. #links {
  69. position: fixed;
  70. z-index: 999;
  71. bottom: 235px;
  72. margin-left: 538px;
  73. }
  74.  
  75. #links a {
  76. background-color: #151515;
  77. display: inline-block;
  78. width: 55px;
  79. height: 15px;
  80. font-family: consolas;
  81. font-size: 8px;
  82. color: #383838;
  83. text-transform: uppercase;
  84. text-decoration: none;
  85. letter-spacing: 2px;
  86. text-align: center;
  87. line-height: 15px;
  88. }
  89.  
  90. #following {
  91. position: absolute;
  92. z-index: 999;
  93. width: 400px;
  94. text-align: center;
  95. margin-top: 10px;
  96. margin-bottom: 30px;
  97. }
  98.  
  99. #following img {
  100. max-width: 60px;
  101. opacity: .8;
  102. margin: 5px;
  103. -moz-border-radius: 60px;
  104. -webkit-border-radius: 60px;
  105. border-radius: 60px;
  106. }
  107.  
  108. .shadow {
  109. -moz-box-shadow: 2px 2px 4px #000;
  110. -webkit-box-shadow: 2px 2px 4px #000;
  111. box-shadow: 2px 2px 4px #000;
  112. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000')";
  113. : progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000');
  114. }
  115. </style>
  116. </head>
  117. <body>
  118.  
  119. <div id="border"></div>
  120. <div id="border2"></div>
  121.  
  122. <div id="header">jyuubi's blogroll</div>
  123. <div id="links"><a href="/">go back?</a> <a href="http://jyuubi.org">credit</a></div>
  124.  
  125. <div id="container">
  126. <div id="following">
  127. {block:Following}{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" border="0" class="shadow" /></a>{/block:Followed}{/block:Following}
  128. </div>
  129. </div>
  130.  
  131. </body>
  132. </html>
Advertisement
Add Comment
Please, Sign In to add comment