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

part 2 : sidebar

By: sunkei on Feb 26th, 2012  |  syntax: None  |  size: 1.72 KB  |  hits: 452  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14.  
  15. <meta name="color:Background" content="#eee" />
  16. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  17.  
  18. <meta name="color:SideBG" content="#fff" />
  19. <meta name="image:SidePic" content="http://static.tumblr.com/..."/>
  20. <meta name="color:Description" content="#777" />
  21.  
  22. </head>
  23.  
  24.  
  25. <style type="text/css">
  26. body
  27. {font-family:arial;
  28. background-color:{color:Background};
  29. background-image:url('{image:Background}');
  30. background-position: fixed;
  31. background-attachment:fixed;
  32. background-repeat:repeat;}
  33.  
  34. a
  35. {text-decoration:none;}
  36.  
  37. #sidebar
  38. {position:fixed;
  39. top:100px;
  40. left:150px;
  41. width:200px;
  42. padding:10px;
  43. font-family:consolas;
  44. font-size:10px;
  45. background-color:{color:SideBG};}
  46.  
  47. .button
  48. {float:left;
  49. text-transform:uppercase;
  50. letter-spacing:2px;
  51. background-color:#000;
  52. color:#fff;
  53. margin:2px 2px 2px 0px;
  54. padding:0px 5px 0px 5px;}
  55.  
  56. #description
  57. {width:200px;
  58. max-height:150px;
  59. margin-top:10px;
  60. overflow:auto;
  61. color:{color:Description};}
  62.  
  63.  
  64.  
  65.  
  66. </style>
  67. </head>
  68. <body>
  69.  
  70. <div id="sidebar">
  71.  
  72. <img src="{image:SidePic}"/>
  73.  
  74. <div>
  75. <a href="/"><div class="button">home</div></a>
  76. <a href="/ask"><div class="button">ask</div></a>
  77. <a href="/archive"><div class="button">archive</div></a>
  78. </div>
  79.  
  80. <div id="description">{Description}</div>
  81. </div>
  82. </body>
  83.  
  84. </html>
create a new version of this paste RAW Paste Data