Advertisement
gwentee

Page 2: Yo yo yo man

Aug 23rd, 2015
204
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.83 KB | None | 0 0
  1. <!---
  2.  
  3. Page #2: Yo Yo Yo Man
  4. Page by Gwendolyn @ luhands-themes
  5. Please do NOT remove the credit
  6. Any questions? Ask here:
  7. getyourluhandsonme.tumblr.com/faq
  8. or
  9. luhandsthemes.tumblr.com/faq
  10. --->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  20.  
  21. <style type="text/css">
  22.  
  23. #s-m-t-tooltip {
  24. max-width:100px;
  25. padding:5px 10px 5px 10px;
  26. margin:20px 14px 7px 10px;
  27. border:2px solid #000;
  28. -moz-box-shadow: 7px 7px 0px #ede5f3;/**box shadow 1**/
  29. -webkit-box-shadow: 7px 7px 0px #000;/**box shadow colour**/
  30. box-shadow: 7px 7px 0px #ede5f3;/**box shadow colour colour**/
  31. background-color:#fff;
  32. font-style: normal;
  33. font-size:11px;
  34. line-height:11px;
  35. letter-spacing:0px;
  36. text-transform:none;
  37. z-index:999999999;
  38. }
  39.  
  40. ::-webkit-scrollbar { width: 7px; }
  41. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  42. ::-webkit-scrollbar-thumb:vertical {
  43. width: 1px;
  44. background-color: #ede5f3; /**scrollbar colour**/
  45. border-top: 4px solid #fff; /**scrollbar surrounding colour**/
  46. border-right: 3px solid #fff; /**scrollbar surrounding colour**/
  47. border-bottom: 4px solid #fff; /**scrollbar surrounding colour**/
  48. border-left: 3px solid #fff; /**scrollbar surrounding colour**/
  49. }
  50.  
  51. body {
  52. margin:0px;
  53. background-color: white; /*change background colour here*/
  54. background-image: url("http://i.imgur.com/BTZkt0e.gif");} /*change bg image here*/
  55.  
  56. a:link, a:active, a:visited{color:black; text-decoration:none;}
  57. a:hover{color:black;}
  58.  
  59. #title {
  60. font-size:28px;
  61. padding:9px;
  62. font-family:arial;
  63. color:#475f67; /*change title colour here*/
  64. letter-spacing:3px;
  65. font-weight:normal;
  66. text-transform:uppercase;
  67. margin-left:432px;
  68. margin-top:85px;
  69. }
  70.  
  71. #contain {
  72. overflow-x:hidden;
  73. overflow-y:scroll;
  74. position:absolute;
  75. background-color:#fff;
  76. height:384px;
  77. width:615px;
  78. top:10;
  79. margin-top:150px;
  80. margin-left:382px;
  81. border:3px double #000; /*change border colour here*/
  82. padding:10px;
  83. padding-bottom:60px;
  84. }
  85.  
  86. #title {
  87. font-size:28px;
  88. padding:9px;
  89. font-family:arial;
  90. color:#a4a4a4; /*change title color here*/
  91. letter-spacing:3px;
  92. font-weight:900;
  93. text-transform:uppercase;
  94. margin-left:10px;
  95. margin-top:10px;
  96. }
  97.  
  98. header {
  99. color:#fff; /*change question color here*/
  100. letter-spacing:2px;
  101. font-size:12px;
  102. text-align:right;
  103. padding:2px;
  104. margin-top:45px;
  105. margin-bottom:15px;
  106. margin-left:30px;
  107. font-family:arial;
  108. width:550px;
  109. padding:6px;
  110. text-transform:uppercase;
  111. border:1px solid #eee; /*change border colour here*/
  112. background-color:#ede5f3; /*change header background color here*/
  113. }
  114.  
  115. #writing {
  116. margin-top:-10px;
  117. margin-left:10px;
  118. width:600px;
  119. font-size:9px;
  120. line-height:13px;
  121. font-family:arial; /*change font here*/
  122. color:#a4a4a4; /*change font color here*/
  123. display:block;
  124. text-align:justify;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. word-spacing:5px;
  128. }
  129.  
  130. .links {
  131. width:300px;
  132. margin-left:740px;
  133. margin-bottom:-100px;
  134. position:fixed;
  135. display:block;
  136. padding:10px;
  137. padding-top:5px;
  138. }
  139.  
  140. #links {
  141. float:right;
  142. margin-top:115px;
  143. margin-right:365px;
  144. background:#fff;
  145. border:3px double #000; /*change border colour here*/
  146. padding:7px;
  147. }
  148.  
  149. #links a {
  150. font-size:8px;
  151. font-family:arial;
  152. text-transform:uppercase;
  153. color:#69818b; /*change links color here*/
  154. font-weight:bold;
  155. letter-spacing:1px;
  156. padding:10px;
  157. padding-top:12px;
  158. padding-left:7px;
  159. padding-right:7px;
  160. }
  161.  
  162. .credit {
  163. position:fixed;
  164. bottom:4px;
  165. right:8px;
  166. font: 9px arial;
  167. border:1px solid #666;
  168. text-transform:uppercase;
  169. letter-spacing: 0px;
  170. padding: 2px;
  171. }
  172.  
  173. .credit a{
  174. color: #000;
  175. opacity:0.8;
  176. }
  177.  
  178. </style>
  179. </head>
  180.  
  181. <body>
  182.  
  183. <div id="links">
  184. <a href="/"title="home">001.</a>
  185. <a href="/"title="link 1">002.</a>
  186. <a href="/"title="link 2">003.</a>
  187. </div>
  188.  
  189. <div id="contain">
  190. <div id="title">faq;</div> <!--change title here-->
  191. <div id="writing">
  192. <header>Ask a Question</header>
  193. this is an answer, haha.
  194.  
  195.  
  196. <header>all the questions</header>
  197. no seriously, go ahead!
  198.  
  199. <header>Any question</header>
  200. this is a f.a.q~
  201. </div>
  202.  
  203.  
  204. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/PUTYOUROWNURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  205. </div>
  206.  
  207.  
  208. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  209.  
  210. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  211.  
  212. <script>
  213.  
  214. (function($){
  215.  
  216. $(document).ready(function(){
  217.  
  218. $("a[title]").style_my_tooltips({
  219.  
  220. tip_follows_cursor:true,
  221.  
  222. tip_delay_time:0,
  223.  
  224. tip_fade_speed:0,
  225.  
  226. attribute:"title"
  227.  
  228. });
  229.  
  230. });
  231.  
  232. })(jQuery);
  233.  
  234. </script>
  235.  
  236. <!--- Do Not Touch Credit! Thank you!!--->
  237. <div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div>
  238.  
  239. </body>
  240.  
  241. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement