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

Blogroll: Pastel Time

By: mugendia on Jun 28th, 2012  |  syntax: None  |  size: 2.43 KB  |  hits: 4,711  |  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"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link href='http://fonts.googleapis.com/css?family=Codystar|Karla' rel='stylesheet' type='text/css'>
  6.  
  7. <!--
  8.  
  9. PASTEL TIME BLOGROLL THEME BY: COCORINI (http://cocorini.tumblr.com).
  10. PLEASE DON'T REMOVE THE CREDITS. THANK YOU!
  11.  
  12. PATTERNS: http://www.subtlepatterns.com
  13. IMAGE: http://www.san-x.co.jp
  14.  
  15. -->
  16.  
  17. <style type="text/css">
  18.  
  19. body {
  20. background-image: url('http://media.tumblr.com/tumblr_m6c72cnFrO1rnjuep.png');
  21. background-attachment: fixed;
  22. }
  23.  
  24. ::-webkit-scrollbar-thumb:vertical {
  25. background-color: #e4bec3;
  26. height: 30px;
  27. }
  28.  
  29. ::-webkit-scrollbar {
  30. height: 30px;
  31. width: 3px;
  32. background-color: #f9f9f9;
  33. }
  34.  
  35. a {
  36. color: #e4b49f;
  37. text-decoration: none;
  38. }
  39.  
  40. #title {
  41. margin-top: -12px;
  42. font-size: 38px;
  43. font-family: codystar;
  44. letter-spacing: 6px;
  45. color: #c1bdad;
  46. }
  47.  
  48. #placeholder {
  49. margin-top: 100px;
  50. }
  51.  
  52. #topframe {
  53. z-index: -1;
  54. margin-top: -72px;
  55. width: 400px;
  56. height: 50px;
  57. position: relative;
  58. background-color: #fffdf6;
  59. padding: 10px;
  60. border-radius: 18px;
  61. border: 3px dotted #e8e3e2;
  62. box-shadow: 2px 2px 2px #d7d0da;
  63. background-image: url('http://media.tumblr.com/tumblr_m6c9s1rFKO1rnjuep.png');
  64. }
  65.  
  66. #content {
  67. overflow: auto;
  68. width: 300px;
  69. height: 280px;
  70. padding: 10px;
  71. border-left: 3px solid #e8e3e2;
  72. border-right: 3px solid #e8e3e2;
  73. border-bottom: 3px solid #e8e3e2;
  74. background-color: #fff;
  75. background-image: url('http://media.tumblr.com/tumblr_m6c9ryJFYF1rnjuep.png');
  76. box-shadow: 2px 2px 2px #d7d0da;
  77. }
  78.  
  79. #content img {
  80. border-radius: 40px;
  81. box-shadow: 1px 1px 1px #d69f95;
  82. max-width: 48px;
  83. margin: 5px;
  84. }
  85.  
  86. #credit {
  87. position: fixed;
  88. bottom: 8px;
  89. right: 10px;
  90. font-size: 10px;
  91. color: #e4b49f;
  92. }
  93.  
  94. </style>
  95.  
  96. <body>
  97.  
  98. <div id="credit"><a href="http://cocorini.tumblr.com/" target="_blank">☂</a></div>
  99.  
  100. <div align="center">
  101. <div id="placeholder">
  102.  
  103. <div id="title">MY BLOGROLL</div>
  104.  
  105. <div style="font-family: karla; font-size: 10px; letter-spacing: 1px;"><a href="/">go back to blog?</a></div>
  106.  
  107. <img src="http://media.tumblr.com/tumblr_m6c77de7Aq1rnjuep.png">
  108.  
  109. <div id="topframe"></div>
  110.  
  111. <div id="content">
  112. {block:Following}{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" border="0"/></a>{/block:Followed}{/block:Following}
  113. </div>
  114.  
  115. </div></div>
  116. </body>
  117. </html>
create a new version of this paste RAW Paste Data