Advertisement
Jessicakim

Midoridayo - P: Blogroll #01

Jul 31st, 2012
2,311
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.74 KB | None | 0 0
  1. <!---- midoridayo page theme made by madarathemes
  2. don't take off the credits
  3. don't copy
  4. don't use this theme as a base ---->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <title>{Title}'s Blogroll</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. <style type="text/css">
  15.  
  16. @font-face {
  17. font-family: "futura";
  18. src: url('https://dl.dropboxusercontent.com/u/109376002/futura__light_.ttf');
  19. }
  20.  
  21. ::-webkit-scrollbar-thumb:vertical {
  22. background-color: #ddd;
  23. height:100px;
  24. }
  25.  
  26. ::-webkit-scrollbar {
  27. height:25px;
  28. width:7px;
  29. background-color: #f9f9f9;
  30. }
  31.  
  32. body {
  33. background-color: #ddd;
  34. background: url('http://static.tumblr.com/vxg0scw/G4cm804et/lightpaperfibers__2x.png') fixed;
  35. font: 10px 'verdana';
  36. color: #000;
  37. }
  38.  
  39. a:link,a:active,a:visited {
  40. text-decoration: none;
  41. color: #eee;
  42. -webkit-transition: all 0.5s ease-out;
  43. -moz-transition: all 0.5s ease-out;
  44. -o-transition: all 0.5s ease-out;
  45. }
  46.  
  47. a:hover {
  48. color: #ddd;
  49. -webkit-transition: all 0.5s ease-out;
  50. -moz-transition: all 0.5s ease-out;
  51. -o-transition: all 0.5s ease-out;
  52. }
  53.  
  54. #sidebar {
  55. width:260px;
  56. height:385px;
  57. position: fixed;
  58. float: left;
  59. top: 150px;
  60. margin-left: 80px
  61. }
  62.  
  63. #go {
  64. position: fixed;
  65. float: left;
  66. margin-top: 280px;
  67. margin-left: -20px
  68. }
  69.  
  70. #follow{
  71. padding: 2px;
  72. margin-top: 90px;
  73. margin-left: 530px;
  74. }
  75.  
  76. #who{
  77. padding: 5px;
  78. background: #f9f9f9;
  79. }
  80.  
  81. .bb{
  82. width:260px;
  83. padding: 5px;
  84. background: #aaccbb;
  85. }
  86.  
  87. .back{
  88. width:300px;
  89. height:20px;
  90. background:#559966;
  91. color:#fff;
  92. font: 12px 'consolas';
  93. padding:5px;
  94. text-align:center;
  95. padding-top:6px;
  96. }
  97.  
  98. .back a{
  99. background:#559966;
  100. color:#fff;
  101. padding:5px;
  102. font: 14px 'futura';
  103. text-align:center;
  104. padding-top:3px;
  105. -webkit-transition: all 0.5s ease-out;
  106. -moz-transition: all 0.5s ease-out;
  107. -o-transition: all 0.5s ease-out;
  108. }
  109.  
  110. .back a:hover{
  111. color:#333;
  112. text-decoration:underline;
  113. -webkit-transition: all 0.5s ease-out;
  114. -moz-transition: all 0.5s ease-out;
  115. -o-transition: all 0.5s ease-out;
  116. }
  117.  
  118. #ido{
  119. width:530px;
  120. height:470px;
  121. border: 10px solid #aaccbb;
  122. padding:5px;
  123. background:#fff;
  124. }
  125. /**********OPACITY BY INOVANDOHTML************/
  126. #parceiros
  127. {opacity: .99;
  128. -webkit-transition:all 1s ease;
  129. -moz-transition:all 1s ease;
  130. -o-transition:all 1s ease;}
  131.  
  132. #parceiros:hover a
  133. {opacity: .20;}
  134.  
  135. #parceiros a
  136. {opacity: .80;
  137. -webkit-transition:all 1s ease;
  138. -moz-transition:all 1s ease;
  139. -o-transition:all 1s ease;}
  140.  
  141. #parceiros a:hover
  142. {opacity: .99;}
  143.  
  144. .space{
  145. margin:5px;
  146. }
  147.  
  148. #credit{
  149. position:fixed;
  150. bottom:5px;
  151. right:10px;
  152. }
  153.  
  154. </style>
  155.  
  156. </head>
  157.  
  158. <body>
  159. <div id="sidebar" class="bb">
  160. <img id="who" src="http://static.tumblr.com/vxg0scw/2vnm81k9o/scenery.600.1180758.jpg" width="250" height="374">
  161. </div>
  162.  
  163. <div id="sidebar">
  164. <div id="go">
  165. <div class="back"><a href="/">main blog</a></div>
  166. <div style="font: 36px arial; margin-top:-18px; color:#446655; margin-left:-5px;">◥</div>
  167. <div style="float:right;font: 36px arial; margin-top:-55px; color:#446655; margin-right:-4px;">◤</div>
  168. </div></div>
  169.  
  170. <div id="follow">
  171. <div id="ido"style="overflow:auto; line-height:100%">
  172. <div id="parceiros">
  173. <center>
  174. {block:Following}{block:Followed} <a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}" border="3" class="space"/></a> {/block:Followed}{/block:Following}
  175. </center>
  176. </div>
  177.  
  178. </div>
  179. </div>
  180. <div id="credit">
  181. <a style="font: 11px 'consolas'; color:#000;" href="http://madarathemes.tumblr.com/">theme</a></div>
  182. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement