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

BLOGROLL THEME 01

By: truthbeforethelies on Jul 20th, 2012  |  syntax: None  |  size: 2.77 KB  |  hits: 10,196  |  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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3.  
  4. <!-- BLOGROLL THEME #1 BY TRUTHBEFORETHELIES
  5. Please don't steal this theme or redistribute it as
  6. your own and everyone will be much happier. (Meaning
  7. keep the credit on, please.) Making sure you read the
  8. description on how to fill the side image. -->
  9.  
  10. <title>blogroll</title>
  11.  
  12. <style type="text/css">
  13. ::-webkit-scrollbar-thumb:vertical {background-color:#dcdcdc;height:100px;}
  14.  
  15. ::-webkit-scrollbar {height:10px;width:15px;background-color:#e5e5e5;}
  16.  
  17. img{
  18. -webkit-transition: opacity 0.8s linear;
  19. opacity: 0.60;
  20. }
  21. img:hover{
  22. -webkit-transition: opacity 0.8s linear;
  23. opacity: 1;
  24. }
  25.  
  26. @font-face {
  27.     font-family: "bebas neue";
  28.     src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf');
  29.     }
  30.    
  31. @font-face {
  32.     font-family: "littlefont";
  33.     src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  34.    
  35. a:link, a:active, a:visited {
  36.     color: #dcdcdc;
  37.     text-decoration:none;
  38.     -webkit-transition-duration:0.6s;}
  39.  
  40. a:hover {
  41.     color:#bfbfbf;
  42.     }
  43.  
  44. .title {
  45.     font-family: 'bebas neue';
  46.     font-size: 36px;
  47.     font-color: #dcdcdc;
  48.     text-align: center;
  49. }
  50.    
  51. .nav {
  52.      color: #dcdcdc;
  53.      font-family: arial;
  54.     font-style: italic;
  55.     font-weight: bold;
  56.     font-size: 14px;
  57.     text-align: center;
  58.     margin-top: -10px;
  59.     margin-bottom: 5px;
  60. }
  61.  
  62. .following {
  63.     color: #dcdcdc;
  64.     padding: 5px;
  65.     position: center;
  66.     width:250px;
  67.     padding:10px;
  68.     border:5px #edecec;
  69.     margin:10px;
  70. }
  71.  
  72. .around {
  73.     background-color: #edecec;
  74.     width: 320px;
  75.     height: 290px
  76. }
  77.  
  78. .sideimage {
  79.     position: center;
  80.     max-height: 300px;
  81.     max-width: 300px;
  82. }
  83.  
  84.  
  85. </style>
  86. <br><br><div style="margin-top: 100px;"><a class="title" href="/"><center>BLOGROLL</center></a>
  87. <div class="nav">
  88.     <a href="/">home</a>
  89.     <a href="/ask">ask</a>
  90.     <a href="/archive">archive</a>
  91.    
  92.     </div>
  93.    
  94. <div id="around"><div id="following">
  95. <center><div style="background-color: #edecec; width: 285px; height: 290px; position: relative; padding: 5px; margin-right: 305px; overflow: auto;">
  96. {block:Following}
  97.         {block:Followed}
  98.         <a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"align=”left” style=’padding-right:10px; text-align: left;’/></a>
  99.         {/block:Followed}
  100.         </center>
  101.       {/block:Following}
  102.     </div>
  103. </div>
  104.  
  105.  
  106. <div id="sideimage"><div style="margin-left: 305px;margin-top:-300px;"><center><img src="http://static.tumblr.com/jwcajgq/Iu8m7htpr/fojisg.png"></div></center>
  107. <div style="right: 5px; bottom: 5px; position: fixed; color: #dcdcdc; font-family: 'littlefont'; font-size: 8px;">
  108. <a href="http://truthbeforethelies.tumblr.com/">TRUTHBEFORETHELIES</a></div>
create a new version of this paste RAW Paste Data