Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Blogroll Theme 002

By: itsniall on Jun 8th, 2012  |  syntax: HTML  |  size: 3.49 KB  |  hits: 11,357  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <!-- Blogroll Theme 002 by Camille (itsniall / gabato)
  3. Don't steal -->
  4.  
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <link rel="shortcut icon" href="{Favicon}" />
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11. <style type="text/css">
  12.  
  13. ::-webkit-scrollbar {
  14. width: 9px;
  15. height: 9px;
  16. }
  17.  
  18. ::-webkit-scrollbar-button:start:decrement,
  19. ::-webkit-scrollbar-button:end:increment {
  20. height: 6px;
  21. display: block;
  22. background-color:#fcdfce;
  23. }
  24.  
  25. ::-webkit-scrollbar-track-piece {
  26. background-color:#ffffff;
  27. }
  28.  
  29. ::-webkit-scrollbar-thumb:vertical {
  30. height: 9px;
  31. background-color:#fcdfce;
  32. border-top:1px solid #ffffff;
  33. border-bottom:1px solid #ffffff;}
  34.  
  35. ::-moz-selection {background-color:#fcdfce;
  36. color:#ffffff;}
  37.  
  38. ::selection {background-color:#fcdfce;
  39. color:#ffffff;}
  40.  
  41. @font-face {
  42. font-family: "Dawning of a New Day";
  43. src: url('http://static.tumblr.com/v8dmb1r/seBm5azk5/dawningofanewday.ttf');}
  44.  
  45. @font-face {
  46. font-family: "HYPE";
  47. src: url('http://static.tumblr.com/v8dmb1r/M9Jm5azkz/hype.ttf');}
  48.  
  49. body {color:#000000;
  50. background-color:#ffffff;
  51. font-size:10px;
  52. font-family:calibri;
  53. line-height:110%;
  54. text-align:center;}
  55.  
  56. a:link, a:active, a:visited {color:#ffffff;
  57. text-decoration:none;
  58. -webkit-transition:all 0.5s ease-out;
  59. -moz-transition:all 0.5s ease-out;
  60. transition:all 0.5s ease-out;}
  61.  
  62. a:hover {color:#ffffff;
  63. -webkit-transition-duration:0.5s;
  64. -moz-transition-duration:0.5s;}
  65.  
  66. #taas {margin-top:40px;
  67. margin-left:16%;
  68. width:850px;
  69. height:auto;
  70. overflow:show;
  71. background-color:#fcdfce;}
  72.  
  73. #word {margin-top:0px;
  74. margin-left:0px;
  75. font-family:"Dawning of a New Day";
  76. text-align:left;
  77. padding-left:20px;
  78. font-size:48px;
  79. line-height:110%;
  80. color:#ffffff;}
  81.  
  82. #you {margin-top:-64px;
  83. margin-left:780px;
  84. width:64px;
  85. height:64px;
  86. border:5px solid #fcdfce;}
  87.  
  88. #portals {margin-top:-55px;
  89. margin-left:746px;
  90. padding-top:1px;
  91. position:fixed;}
  92. #portals a {padding:0px;
  93. height:auto;
  94. display:block;
  95. font-family:"HYPE";
  96. font-size:18px;
  97. text-transform:uppercase;
  98. text-align:right;
  99. line-height:100%;
  100. color:#ffffff;
  101. -webkit-transition:all 0.5s ease-out;
  102. -moz-transition:all 0.5s ease-out;
  103. transition:all 0.5s ease-out;}
  104. #portals a:hover {color:#fcdfce;}
  105.  
  106. #danawng {margin-top:30px;
  107. margin-left:15%;
  108. width:850px;
  109. height:500px;
  110. overflow-x:hidden;
  111. overflow-y:scroll;
  112. padding:5px;
  113. background-color:transparent;}
  114.  
  115. #danawng img {width:64px;
  116. height:64px;
  117. border:7px solid;
  118. border-color:transparent;
  119. opacity:0.5;
  120. -webkit-transition:all 0.5s ease-out;
  121. -moz-transition:all 0.5s ease-out;
  122. transition:all 0.5s ease-out;}
  123.  
  124. #danawng img:hover {width:64px;
  125. height:64px;
  126. -webkit-transform: rotate(-90deg);
  127. -webkit-transition-duration:0.5s;
  128. -moz-transition-duration:0.5s;}
  129.  
  130. </style>
  131. </head>
  132.  
  133. <body>
  134.  
  135. <div id="taas">
  136. <div id="word">blogroll</div>
  137. <div id="you"><img src="{PortraitURL-64}" class="imdava"></img></div>
  138. <div id="portals">
  139. <a href="/">home</a>
  140. <a href="/ask">ask</a>
  141. <a href="http://tumblr.com">dash</a>
  142. </div></div>
  143.  
  144. <div id="danawng">
  145. {block:Following}{block:Followed}
  146.  
  147. <a target="_blank" href="{FollowedURL}"><img border: "3" src="{FollowedPortraitURL-64}" title="{FollowedName}"/>
  148.  
  149. {/block:Followed}{/block:Following}</a></div>
  150.  
  151. </div>
  152. </body>
  153. </html>
create a new version of this paste RAW Paste Data