API tools faq
paste
Advertisement
gwentee

Page 4: blogroll

gwentee
Sep 2nd, 2015
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---
  4. Page #4: Blogroll
  5. Page by Gwendolyn @ luhands-themes
  6. Please do NOT remove the credit
  7. Any questions? Ask here:
  8. getyourluhandsonme.tumblr.com/ask
  9. or
  10. luhandsthemes.tumblr.com/faq
  11. --->
  12.  
  13. <head>
  14.  
  15. <title>Blogroll</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <!-- TOOLTIP SCRIPTS -->
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:200,
  28. tip_fade_speed:300
  29. }
  30. );
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <style type="text/css">
  36.  
  37. /** BODY **/
  38. body{
  39. font-family:Arial;
  40. }
  41.  
  42. /** TOOLTIPS **/
  43. #s-m-t-tooltip{
  44. max-width:300px;
  45. margin:15px;
  46. padding:5px 5px;
  47. background:#000; /** tooltip background color **/
  48. color:#fff; /** toolip color **/
  49. z-index:999999;
  50. font-size:11px;
  51. text-transform:uppercase;
  52. }
  53.  
  54. a{
  55. text-decoration:none;
  56. -webkit-transition-duration:.6s;
  57. -moz-transition-duration:.6s;
  58. -o-transition-duration:.6s;
  59. -ms-transition-duration:.6s;
  60. }
  61.  
  62. a:hover{
  63. -webkit-transition-duration:.6s;
  64. -moz-transition-duration:.6s;
  65. -o-transition-duration:.6s;
  66. -ms-transition-duration:.6s;
  67. }
  68.  
  69. #content {
  70. margin-top:-135px;
  71. margin-left:320px;
  72. width:900px;
  73. border:3px double #000;
  74. }
  75.  
  76. #content img{
  77. margin-left:5px;
  78. width:50px;
  79. padding:10px;
  80. -webkit-transition-duration:.6s;
  81. -moz-transition-duration:.6s;
  82. -o-transition-duration:.6s;
  83. -ms-transition-duration:.6s;
  84. }
  85.  
  86. #title {
  87. width:250px;
  88. font-size:28px;
  89. font-family:arial;
  90. color:#a4a4a4; /*change title color here*/
  91. letter-spacing:3px;
  92. font-weight:900;
  93. text-transform:uppercase;
  94. text-align:center;
  95. margin-left:10px;
  96. margin-top:10px;
  97. padding:9px;
  98. background-color:#fff;
  99. border:3px double #000;
  100. }
  101.  
  102. #links {
  103. width:255px;
  104. text-align:center;
  105. margin-top:10px;
  106. margin-left:10px;
  107. background:#fff;
  108. border-left:3px double #000;
  109. border-right:3px double #000;
  110. border-top:3px double #000; /*change border colour here*/
  111. border-bottom:1px solid #000;
  112. padding:7px;
  113. }
  114.  
  115. #links a {
  116. font-size:8px;
  117. font-family:arial;
  118. text-transform:uppercase;
  119. color:#69818b; /*change links color here*/
  120. font-weight:bold;
  121. letter-spacing:1px;
  122. padding:10px;
  123. padding-top:12px;
  124. padding-left:7px;
  125. padding-right:7px;
  126. }
  127.  
  128. #description {
  129. width:255px;
  130. overflow: auto;
  131. overflow-x: hidden;
  132. margin-left: 10px;
  133. margin-top: 0px;
  134. font-family: arial;
  135. font-size: 10px;
  136. color:#000;
  137. background:#fff;
  138. text-align:center;
  139. line-height:10px;
  140. padding:7px;
  141. border-left:3px double #000;
  142. border-right:3px double #000;
  143. border-bottom:3px double #000;
  144. position: relative;
  145. }
  146.  
  147. /** CREDIT **/
  148. .credit {
  149. position:fixed;
  150. bottom:4px;
  151. right:8px;
  152. font:9px arial;
  153. border:1px solid #000;
  154. text-transform:uppercase;
  155. letter-spacing:0px;
  156. padding:2px;
  157. }
  158.  
  159. .credit a{
  160. color: #000;
  161. opacity:0.8;
  162. }
  163.  
  164.  
  165. </style>
  166. </head>
  167. <body>
  168.  
  169. <div id="title">blogroll;</div>
  170.  
  171. <div id="links">
  172. <a href="/"title="home">001.</a>
  173. <a href="/"title="link 1">002.</a>
  174. <a href="/"title="link 2">003.</a>
  175. </div>
  176.  
  177. <div id="description">Whatever you want here!Hello this ia a description.
  178. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  179. </div>
  180.  
  181. <div id="content">
  182.  
  183. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  184. </div>
  185.  
  186. <!--- Do Not Touch Credit! Thank you!!--->
  187. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  188.  
  189. </body>
  190. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!