Advertisement
tanaxmercedes

Page #1: Babygirl Ask - by Tana // Elegance Themes

Jun 10th, 2015
495
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.82 KB | None | 0 0
  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. <html>
  18. <head>
  19.  
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head><title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  27.  
  28. <!--Default Variables-->
  29. <!--Colors-->
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#9c9c9c"/>
  33.  
  34. <!--Images-->
  35.  
  36. <meta name="image:Background" content=""/>
  37.  
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:90,
  50. tip_fade_speed:600,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56. <style type="text/css">
  57. #s-m-t-tooltip {
  58. max-width:300px;
  59. padding:6px 6px 6px 6px;
  60. margin:20px 0px 0px 20px;
  61. background: #fff; /* change the background color */
  62. border-right:4px solid #ffdff9; /* change the border color */
  63. border-left: 4px solid #ffdff9;
  64. border-radius: 75px 30px / 30px 75px;
  65. font-family:cambri; /* change the font */
  66. font-size:11px; /* change the font size */
  67. letter-spacing:0px; /* change the letter spacing */
  68. text-transform:none; /* can be uppercase, lowercase, none*/
  69. color: #aaa; /* change the text color */
  70. z-index:999999999999999999999999999999999999;
  71. }
  72. ::-webkit-scrollbar {height: auto;width: 13px;}
  73. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  74. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  75. body {
  76. background:{color:background};
  77. background-image: url('{image:background}');
  78. margin:0px;
  79. color:{color:text};
  80. font-family:'Parisienne', cursive; /*cambria*/
  81. font-size:10px;
  82. line-height:100%;
  83. }
  84. #title {
  85. text-align:center;
  86. text-transform:ercase;
  87. background-color:transparent;
  88. color:#ffdff9;
  89. text-shadow:1px 1px 4px #eee;
  90. margin-top:10px;
  91. margin-left:15px;
  92. letter-spacing:1px;
  93. padding:10px;
  94. width:600px;
  95. margin-left:550px;
  96. margin-top:200px;
  97. font-style: italic;
  98. text-align:center;
  99. font-size:40px;
  100. }
  101.  
  102. /*.faqtitle {
  103. text-align:center;
  104. text-transform:uppercase;
  105. background-color:transparent;
  106. color:text;
  107. margin-top:5px;
  108. margin-left:15px;
  109. letter-spacing:1px;
  110. padding:10px;
  111. width:450px;
  112. margin-left:600px;
  113. margin-top:200px;
  114. font-style: italic;
  115. text-align:center;
  116. }*/
  117. #ask {
  118. padding:10px;
  119. width:450px;
  120. margin-left:600px;
  121. margin-top:-10px;
  122. font-style: italic;
  123. border:4px double #eee;
  124. }
  125. #faq {
  126. position:fixed !important;
  127. padding:10px;
  128. width:200px;
  129. height:200px;
  130. overflow:scroll;
  131. margin-left:350px;
  132. margin-top:-227px;
  133. font-style: italic;
  134. border:4px double #eee;
  135. }
  136. /*.link1{
  137. width:30px;
  138. height:30px;
  139. margin-left:10px;
  140. margin-top:-227px;
  141. background:#fff;
  142. border:1px solid #ffdff9;
  143. border-radius:100%;
  144. -webkit-transition:all 0.1s ease-out;
  145. -moz-transition:all 0.1s ease-out;
  146. transition:all 0.1s ease-out;
  147. }*/
  148. .link1{
  149. z-index:9999999999999999999;
  150. text-align:center;
  151. opacity:1;
  152. position:fixed!important;
  153. padding:5px;
  154. color:{color:Link};
  155. font-size:10px;
  156. font-family:helvetica;
  157. letter-spacing:0px;
  158. text-transform:none;
  159. border:1px solid #ffdff1;
  160. border-radius:0px;
  161. outline:1px dashed #ffdff1;
  162. outline-offset:4px;
  163. background:white;
  164. width:10px;
  165. height:10px;
  166. margin-left:1100px;
  167. margin-top:-200px;
  168. -webkit-transition:all 0.3s ease-out;
  169. -moz-transition:all 0.3s ease-out;
  170. transition:all 0.3s ease-out;
  171. -ms-transform: rotate(-360deg); /* IE 9 */
  172. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  173. transform: rotate(-360deg);
  174. }
  175. .link1:hover {
  176. border:1px solid #ffdff9;
  177. border-radius:0%;
  178. outline:1px dashed #ffdff9;
  179. outline-offset:-6px;
  180. -webkit-transition:all 0.3s ease-out;
  181. -moz-transition:all 0.3s ease-out;
  182. transition:all 0.3s ease-out;
  183. -ms-transform: rotate(360deg); /* IE 9 */
  184. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  185. transform: rotate(360deg);
  186. }
  187. .link2{
  188. z-index:9999999999999999999;
  189. text-align:center;
  190. opacity:1;
  191. position:fixed!important;
  192. padding:5px;
  193. color:{color:Link};
  194. font-size:10px;
  195. font-family:helvetica;
  196. letter-spacing:0px;
  197. text-transform:none;
  198. border:1px solid #ffdff1;
  199. border-radius:0px;
  200. outline:1px dashed #ffdff1;
  201. outline-offset:4px;
  202. background:white;
  203. width:10px;
  204. height:10px;
  205. margin-left:1100px;
  206. margin-top:-150px;
  207. -webkit-transition:all 0.3s ease-out;
  208. -moz-transition:all 0.3s ease-out;
  209. transition:all 0.3s ease-out;
  210. -ms-transform: rotate(-360deg); /* IE 9 */
  211. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  212. transform: rotate(-360deg);
  213. }
  214. .link2:hover {
  215. border:1px solid #ffdff9;
  216. border-radius:0%;
  217. outline:1px dashed #ffdff9;
  218. outline-offset:-6px;
  219. -webkit-transition:all 0.3s ease-out;
  220. -moz-transition:all 0.3s ease-out;
  221. transition:all 0.3s ease-out;
  222. -ms-transform: rotate(360deg); /* IE 9 */
  223. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  224. transform: rotate(360deg);
  225. }
  226. .link3{
  227. z-index:9999999999999999999;
  228. text-align:center;
  229. opacity:1;
  230. position:fixed!important;
  231. padding:5px;
  232. color:{color:Link};
  233. font-size:10px;
  234. font-family:helvetica;
  235. letter-spacing:0px;
  236. text-transform:none;
  237. border:1px solid #ffdff1;
  238. border-radius:0px;
  239. outline:1px dashed #ffdff1;
  240. outline-offset:4px;
  241. background:white;
  242. width:10px;
  243. height:10px;
  244. margin-left:1100px;
  245. margin-top:-100px;
  246. -webkit-transition:all 0.3s ease-out;
  247. -moz-transition:all 0.3s ease-out;
  248. transition:all 0.3s ease-out;
  249. -ms-transform: rotate(-360deg); /* IE 9 */
  250. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  251. transform: rotate(-360deg);
  252. }
  253. .link3:hover {
  254. border:1px solid #ffdff9;
  255. border-radius:0%;
  256. outline:1px dashed #ffdff9;
  257. outline-offset:-6px;
  258. -webkit-transition:all 0.3s ease-out;
  259. -moz-transition:all 0.3s ease-out;
  260. transition:all 0.3s ease-out;
  261. -ms-transform: rotate(360deg); /* IE 9 */
  262. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  263. transform: rotate(360deg);
  264. }
  265. {CustomCSS}</style></head><body>
  266.  
  267. <!-- THIS IS THE LACE ON TOP OF THE PAGE, IF YOU WOULD LIKE YOU MAY REMOVE IT OR CHANGE IT TO ONE YOU PREFER. TO DO THAT JUST TAKE OUT THE URL AND REPLACE IT WITH THE URL OF THE LACE BORDER YOU LIKE. -->
  268. <div style="height:50px; margin-top:-200px; margin-left:0px; opacity:1; background:url('http://media.tumblr.com/6663c96b11c68ea5142d08c5ea986646/tumblr_inline_mrjfpo5YiO1rw2o8m.png') repeat-x left top; width:100%; position:fixed; z-index:99999999999999999;"></div>
  269. <div id="title">
  270.  
  271. <!-- THIS IS YOUR TITLE! YOU MAY PUT WHATEVER YOU WANT HERE, HOWEVER IT LOOKS NICER IF IT IS THE SAME WIDTH AS THE ASKBOX. -->
  272.  
  273. Whisper Sweet Nothings;
  274.  
  275. <!-- THIS IS THE END OF YOUR TITLE -->
  276. </div><br>
  277. <div id="ask">
  278.  
  279. <!-- THIS IS YOUR ASKBOX, DO YOU SEE WHERE IT SAYS "YOUR URL"? IT IS VERY IMPORTANT THAT YOU PUT YOUR BLOGS URL THERE INSTEAD OF THAT OR THE ASK BOX WILL NOT WORK! -->
  280.  
  281. <iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOUR URL.tumblr.com" width="100%"></iframe></p>
  282. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div>
  283.  
  284. <div id="faq"><div style="text-align:center; font-size:18px; text-shadow:1px 1px 4px #eee;font-family:calibri;color:#ffdff9;">Faq:</div><br><br><span style="font-size:10px; font-family:calibri;">
  285.  
  286.  
  287. <!-- THIS IS WHERE YOU PUT YOUR FAQ, DELETE ALL WHITE LINES OF TEXT AND FILL IN YOUR INFO!-->
  288.  
  289. This is where your frequently asked questions go; and even some info about you!<br><br>
  290. <li>You can put it in this form!</li><br>
  291. - Just like this <br>
  292. <p>Or even in paragraph form.<br> </p>
  293.  
  294.  
  295. <!-- THIS IS THE END OF YOUR FAQ -->
  296.  
  297. </div>
  298.  
  299. <!--<a href="/"><div class="link1"></div></a>
  300. <a href="http://tumblr.com/dashboard"><div class="link2"></div></a>
  301. <a href="http://elegancethemes.tumblr.com/"><div class="link3"></div></a>
  302. -->
  303.  
  304. <a href="/" title="Back"><div class="link1"></div></a>
  305. <a href="http://tumblr.com/dashboard" title="Dashboard"><div class="link2"></div></a>
  306. <a href="http://tanathekittygoesrawr.tumblr.com/" title="Theme Credit"><div class="link3"></div></a>
  307.  
  308. </body>
  309.  
  310. </html>
  311. <!-- DO NOT REMOVE THE CREDIT OR I WILL FIND YOU AND REPORT YOU. IT IS ILLEGAL -->
  312. <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://elegancethemes.tumblr.com/" title="Theme by Tana xo"><img src="http://33.media.tumblr.com/644606c2c1397ef03ce62a585dc1c2c4/tumblr_inline_ni36jhJvPP1ry72eo.gif"></a></div>
  313.  
  314. <!-- THIS IS THE PICTURE IN THE BOTTOM LEFT CORNER, IF YOU WOULD LIKE YOU MAY REMOVE IT OR CHANGE IT TO ONE YOU PREFER. TO DO THAT JUST TAKE OUT THE URL AND REPLACE IT WITH THE URL OF THE IMAGE YOU LIKE. -->
  315.  
  316. <div style="position:fixed; bottom:0px; left:10px; opacity:.1;">
  317. <img src="http://static.tumblr.com/haqz6pj/dVknpdlgu/9.png" width="350px" /> <br></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement