API tools faq
paste
Advertisement
tanaxmercedes

Page #2: Babygirl Blogroll - by Tana // Elegance Themes

tanaxmercedes
Jun 10th, 2015
453
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THIS LAYOUT WAS MADE BY TANA AKA TANATHEKITTYGOESRAWR.TUMBLR.COM AKA...
  3. ╭━━━┳╮╱╱╭━━━┳━━━┳━━━┳━╮╱╭┳━━━┳━━━╮╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
  4. ┃╭━━┫┃╱╱┃╭━━┫╭━╮┃╭━╮┃┃╰╮┃┃╭━╮┃╭━━╯┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
  5. ┃╰━━┫┃╱╱┃╰━━┫┃╱╰┫┃╱┃┃╭╮╰╯┃┃╱╰┫╰━━╮╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
  6. ┃╭━━┫┃╱╭┫╭━━┫┃╭━┫╰━╯┃┃╰╮┃┃┃╱╭┫╭━━╯╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
  7. ┃╰━━┫╰━╯┃╰━━┫╰┻━┃╭━╮┃┃╱┃┃┃╰━╯┃╰━━╮╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
  8. ╰━━━┻━━━┻━━━┻━━━┻╯╱╰┻╯╱╰━┻━━━┻━━━╯╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯.TUMBLR.COM
  9. PLEASE LIKE THE POST THIS CODE IS ON, IT HELPS ME OUT A LOT!
  10. REMOVAL OF CREDIT AND STEALING MY CODES/PARTS OF MY CODING ARE RUDE, PLAGIARISM ISN'T COOL AND IS ACTUALLY I L L E G A L.
  11.  
  12. THANKS SO MUCH TO EVERYONE WHO'S USING THIS THEME, IT MEANS A LOT TO ME!
  13. I LOVE YOU ALL, XO
  14.  
  15. - TANA // TANATHEKITTYGOESRAWR // ELEGANCE THEMES
  16. -->
  17. <!DOCTYPE html>
  18. <head>
  19. <title>
  20. <!-- THIS IS THE TEXT THAT APPEARS ON THE TAB, YOU CAN CHANGE IT. -->
  21.  
  22. Blogroll
  23.  
  24. <!-- END OF TAB TITLE -->
  25. </title>
  26. <!-- FAVICON // THE PICTURE ON THE TAB, THAT IS WHAT THE FAVICON IS. TO CHANGE IT, ERASE '{Favicon}' AND REPLACE IT WITH THE IMAGE URL. -->
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <!-- TOOLTIP SCRIPTS -->
  29. <script type="text/javascript"
  30. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:300
  39. }
  40. );
  41. });
  42. })(jQuery);
  43. </script>
  44. <style type="text/css">
  45. /*--IFRAME ARE THE CODES OF CONTROL BUTTONS (DASHBOARD, FOLLOW/UNFOLLOW)--*/
  46. iframe#tumblr_controls{
  47. z-index:9999999999;
  48. opacity:0.1 !important;
  49. -webkit-filter:invert(100%);
  50. top:35px !important;
  51. right:8px !important;
  52. position:fixed!important;
  53. }
  54. iframe#tumblr_controls {right:3px !important; position:fixed !important;-webkit-transition:opacity 0.2s linear; opacity:0.1; -webkit-transition: all 0.8s ease-out; -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999999999}
  55. iframe#tumblr_controls:hover {-webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999999999;}
  56. /** BODY **/
  57. body{
  58. font-family:Arial;
  59. }
  60. /** TOOLTIPS // THIS IS THE BUBBLE THING THAT POPS UP WHEN HOVERING OVER A LINK **/
  61. #s-m-t-tooltip{
  62. max-width:300px;
  63. padding:6px 6px 6px 6px;
  64. margin:20px 0px 0px 20px;
  65. background: #fff; /* change the background color */
  66. border-right:4px solid #ffdff9; /* change the border color */
  67. border-left: 4px solid #ffdff9;
  68. border-radius: 75px 30px / 30px 75px;
  69. font-family:helvetica; /* change the font */
  70. font-size:11px; /* change the font size */
  71. letter-spacing:0px; /* change the letter spacing */
  72. text-transform:none; /* can be uppercase, lowercase, none*/
  73. color: #aaa; /* change the text color */
  74. z-index:999999999999999999999999999999999999;
  75. }
  76. /*--SCROLLBAR IS THE SIDE BAR THAT APPEARS ON RIGHT CORNER OF THE THEME, WHAT DOES WALKING DOWN THE BLOG AND UP, JUST CHANGE NOW FOR EXPERIENCED--*/
  77. ::-webkit-scrollbar {width: 8px; height: 8px; background:#eee; border-left: 3px solid #fff; border-right: 3px solid #fff; }
  78.  
  79. ::-webkit-scrollbar-thumb { background-color:#ffdff9 /* COLOR OF THE SCROLLBAR, YOU CAN CHANGE THIS COLOUR. */
  80. ; border-bottom: 1px solid #fff;
  81. border-radius:5px;
  82. border-top: 1px solid #fff;
  83. border-left: 1px solid #fff;
  84. border-right: 1px solid #fff; }
  85.  
  86. /** LINKS **/
  87. a{
  88. text-decoration:none;
  89. color:#ffdff9; /* LINK COLOUR // YOU CAN CHANGE THIS TO WHATEVER COLOUR YOU'D LIKE */
  90. -webkit-transition-duration:.6s;
  91. -moz-transition-duration:.6s;
  92. -o-transition-duration:.6s;
  93. -ms-transition-duration:.6s;
  94. }
  95.  
  96. a:hover{
  97. color:#eee; /* LINK HOVER COLOUR */
  98. text-shadow:2px 2px 0px #ffdff9; /* LINK SHADOW // I RECOMMEND NOT TO CHANGE ANYTHING. BUT IF YOU'D LIKE, YOU CAN CHANGE THE COLOUR. */
  99. -webkit-transition-duration:.6s;
  100. -moz-transition-duration:.6s;
  101. -o-transition-duration:.6s;
  102. -ms-transition-duration:.6s;
  103. }
  104. /** CONTAINER **/
  105. #content {
  106. margin-top:200px;
  107. margin:0 auto;
  108. width:900px;
  109. max-height:600px;
  110. height: 599px;
  111. overflow: auto;
  112. border:4px double #eee;
  113. padding:12px;
  114. }
  115. /** ICONS **/
  116. #content img{
  117. margin-left:5px;
  118. width:50px;
  119. padding:3px;
  120. border-radius:0%;
  121. border:1px #ffdff9 solid; /* BORDER OF THE ICONS, YOU MAY CHANGE THE COLOUR */
  122. -webkit-transition:all 0.7s ease-in-out;
  123. -moz-transition:all 0.7s ease-in-out;
  124. transition:all 0.7s ease-in-out;
  125. -webkit-transition-duration:.6s;
  126. -moz-transition-duration:.6s;
  127. -o-transition-duration:.6s;
  128. -ms-transition-duration:.6s;
  129. }
  130. #content img:hover{
  131. border-radius:100%;
  132. -webkit-transition:all 0.7s ease-in-out;
  133. -moz-transition:all 0.7s ease-in-out;
  134. transition:all 0.7s ease-in-out;
  135. -ms-transform: rotate(720deg); /* IE 9 */
  136. -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
  137. transform: rotate(720deg);
  138. -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);
  139. filter: gray; filter: grayscale(100%);
  140. filter: url(desaturate.svg#greyscale);
  141. }
  142. /** TITLE **/
  143. #title{
  144. color:#ffdff9; /** title color **/
  145. text-shadow:1px 1px 4px #eee;
  146. font-family: 'Parisienne', cursive;
  147. font-size:40px;
  148. font-weight:bold;
  149. width:900px;
  150. height:70px;
  151. margin:0 auto;
  152. margin-top:30px;
  153. margin-bottom:10px;
  154. text-align:center;
  155. }
  156. #links{
  157. color:#ffdff9; /** title color **/
  158. text-shadow:1px 1px 4px #eee;
  159. font-family: 'Parisienne', cursive;
  160. font-size:20px;
  161. font-weight:bold;
  162. width:900px;
  163. height:auto;
  164. margin:0 auto;
  165. margin-top:30px;
  166. margin-bottom:10px;
  167. text-align:center;
  168. }
  169. </style>
  170.  
  171. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  172.  
  173. </head>
  174. <body>
  175.  
  176. <div id="title">
  177.  
  178. <!-- THIS IS THE TITLE! YOU MAY CHANGE IT TO WHATEVER YOU PREFER OR LEAVE IT. -->
  179.  
  180. Blogroll
  181.  
  182. <!-- END OF TITLE -->
  183. </div>
  184. <div id="links">
  185.  
  186. <a href="/" title="Back to my Blog" style="margin-left:20px; padding-right:40px;">home</a>
  187. <a href="http://tumblr.com/dashboard" title="Back to Dashboard" style="padding-right:40px;">dash</a>
  188. <a href="http://tanathekittygoesrawr.tumblr.com/" title="Theme Credit">credit</a>
  189.  
  190. </div>
  191. <div id="content">
  192.  
  193. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}">{/block:Followed}{/block:Following}
  194. </div>
  195. <!-- DO NOT REMOVE THE CREDIT OR I WILL FIND YOU AND REPORT YOU. IT IS ILLEGAL -->
  196. <div style="z-index:99999999999; position:fixed; text-shadow:1px 1px 2px #000; font-family:cambri; background:transparent; border:0px solid {color:Hisatitle}; padding:3px; bottom:10px; right:10px; opacity:.9"><a href="http://tanathekittygoesrawr.tumblr.com/" title="Tana made this wonderful theme!"><img src="http://33.media.tumblr.com/644606c2c1397ef03ce62a585dc1c2c4/tumblr_inline_ni36jhJvPP1ry72eo.gif"></a></div>
  197. <!-- THIS IS THE IMAGE IN THE LEFT LOWER CORNER, YOU MAY REMOVE IT OR CHANGE IT TO A DIFFERENT IMAGE. TO DO THAT, JUST TAKE OUT THE URL BELOW AND REPLACE IT WITH THE URL OF THE IMAGE YOU'D PREFER. -->
  198. <div style="position:fixed; bottom:0px; left:10px; opacity:.1;">
  199. <img src="http://static.tumblr.com/haqz6pj/dVknpdlgu/9.png" width="250px" /> <br></div>
  200. </body>
  201. </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!