Advertisement
incedothemes

Blogroll Theme #1 by Incedo

May 19th, 2013
6,174
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.93 KB | None | 0 0
  1. <!----------------------------------------
  2. Blogroll Theme #1 by Incedo
  3. http://incedothemes.tumblr.com
  4. Please do not remove the credit.
  5. Instructions @ http://incedothenes.tumblr.com/blogroll
  6. Updated 5/19/13
  7. ------------------------------------------>
  8.  
  9. <html>
  10.  
  11. <head>
  12.  
  13. <!--- this is the title that will appear on your tab --->
  14. <title>blogroll</title>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  17.  
  18. <style type="text/css">
  19.  
  20. /*---these are things you can edit (scroll down to edit the title)---*/
  21. ::-webkit-scrollbar-thumb {background-color:#606060;} /*this is the scrollbar color*/
  22. ::-webkit-scrollbar-track {background-color:#D8D8D8;} /*this is the scrollbar background color*/
  23. body {background-color:#ffffff;} /*this is the background color*/
  24. #wrapper {background-color:#ffffff;} /*this is the box background color*/
  25. #wrapper {border-style:dashed;} /*this is the border style*/
  26. #wrapper {border-color:#000000;} /*this is the border color*/
  27. #header a {color:#606060;} /*this is the title color*/
  28.  
  29. ::-webkit-scrollbar {width: 6px;}
  30.  
  31. ::-webkit-scrollbar-thumb {-webkit-border-radius:3px;}
  32.  
  33. ::-webkit-scrollbar-track{-webkit-border-radius:3px;}
  34.  
  35. body {
  36. -webkit-touch-callout: none;
  37. -webkit-user-select: none;
  38. -khtml-user-select: none;
  39. -moz-user-select: none;
  40. -ms-user-select: none;
  41. user-select: none;}
  42.  
  43. #wrapper {
  44. margin-left:auto;
  45. margin-right:auto;
  46. margin-top:100px;
  47. width:508px;
  48. padding:20px;
  49. border-width:1px;
  50. -webkit-border-radius: 4px;
  51. -moz-border-radius:4px;
  52. border-radius: 4px;}
  53.  
  54. #header {
  55. position:fixed;
  56. margin-top:-63px;
  57. height:30px;
  58. text-align:left;
  59. margin-left:-13px;}
  60.  
  61. #header a {
  62. font-family: 'Cedarville Cursive', cursive;
  63. font-size: 30px;
  64. text-decoration:none;
  65. text-align:left;}
  66.  
  67. #inner {
  68. width:508px;
  69. overflow-y:scroll;
  70. overflow-x:hidden;
  71. height:280px;}
  72.  
  73. .body {
  74. width:508px;}
  75.  
  76. #entry {
  77. height:auto;
  78. float:left;
  79. font-size:0;}
  80.  
  81. #entry img {
  82. opacity:.7;
  83. -webkit-transition-duration:.4s;
  84. -webkit-border-radius: 4px;
  85. -moz-border-radius:4px;
  86. border-radius: 4px;
  87. width:64px;
  88. height:64px;}
  89.  
  90. #entry img:hover {
  91. opacity:1;
  92. -webkit-transition-duration:.4s;}
  93.  
  94. #icon {
  95. margin:0px 8px 8px 0px;
  96. display:inline-block;}
  97.  
  98. #c, #c a {
  99. color:#606060;
  100. position:fixed;
  101. bottom:4px;
  102. right:4px;
  103. font-size:13px;
  104. font-family:helvetica;
  105. text-decoration:none;}
  106.  
  107. </style>
  108.  
  109. <style type="text/css">{CustomCSS}</style>
  110.  
  111. </head>
  112.  
  113. <body>
  114.  
  115. <div id="wrapper">
  116.  
  117. <div id="header"><a href="/">
  118. <!--- this is the title of your blogroll page --->
  119. blogs i follow
  120. </a></div>
  121.  
  122. <div id="inner"><div class="body"><div id="entry">
  123.  
  124. {block:Following}{block:Followed}
  125. <div id="icon"><a target="_blank" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"/></a></div>
  126. {/block:Followed}{/block:Following}
  127.  
  128. </div></div></div>
  129.  
  130. </div>
  131.  
  132. <div id="c"><a href="http://incedo.tumblr.com">©</a></div>
  133.  
  134. </body>
  135.  
  136. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement