Advertisement
sexstilinski

faq page 03

Sep 20th, 2015
1,497
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.65 KB | None | 0 0
  1. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  4. <script>
  5. (function($){
  6. $(document).ready(function(){
  7. $("[title]").style_my_tooltips({
  8. tip_follows_cursor:true,
  9. tip_delay_time:200,
  10. tip_fade_speed:300
  11. });
  12. });
  13. })(jQuery);
  14. </script>
  15.  
  16. <!--
  17.  
  18. THEME BY SPIDERMN
  19.  
  20. FEEL FREE TO EDIT AS YOU PLEASE, BUT DO NOT STEAL
  21.  
  22. DO NOT TOUCH THE CREDIT
  23.  
  24. changing the accent color instructions:
  25. 1. press 'ctrl' and the 'f' key twice on your keyboard ('⌘' + 'f' for mac users)
  26. 2. in the box that comes up enter "#9e938d" in the find tab and in the replace tab enter the color code you want to change it to (you can find the color code of your icon using this website: http://html-color-codes.info/colors-from-image/)
  27. 3. click 'all' and save your html
  28.  
  29. ask & submit box instructions:
  30. 1. press 'ctrl' and the 'f' key twice on your keyboard ('⌘' + 'f' for mac users)
  31. 2. in the box that comes up enter "YOURURL" in the find tab and in the replace tab enter your url WITHOUT the "http://" and ".tumblr.com" (for example i would replace it with just maliatatertot)
  32. 3. click 'all' and save your html
  33.  
  34. -->
  35.  
  36. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <html>
  39. <head>
  40.  
  41.     <title>{title} - faq</title>
  42.     <link rel="shortcut icon" href="{Favicon}">
  43.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  44.     <meta name="description" content="" />
  45.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  46.    
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {height:0px; width:3px; background:#ffffff;}
  51. ::-webkit-scrollbar-thumb:vertical {height:auto; width:3px; background:#313131;}
  52. ::selection {background:#313131; color:#ffffff; padding-left:3px;}
  53. ::-webkit-selection {background:#313131; color:#ffffff;}
  54. ::-moz-selection {background:#313131; color:#ffffff;}
  55. ::-o-selection {background:#313131; color:#ffffff;}
  56. .bt::-webkit-scrollbar {background:#313131;}
  57.  
  58. body {
  59. margin:0px;
  60. background:#fff;
  61. font-size:10px;
  62. font-family:verdana;
  63. color:#000;
  64. line-height: 100%;
  65. }
  66.        
  67. a {
  68. color:#000;
  69. font-style:normal;
  70. text-decoration:none;
  71. }
  72.  
  73. li {margin-left:-20px !important;}
  74.  
  75. .h {
  76. height:120px;
  77. margin:0px auto;
  78. background:#9e938d;
  79. text-align:center;
  80. text-transform:lowercase;
  81. width:100%;
  82. display:absolute;
  83. padding:4px 0px;
  84. }
  85.  
  86. .ht {
  87. margin-top:-90px;
  88. }
  89.  
  90. .hh {
  91. margin-left:270px;
  92. font-size:35px;
  93. color:#ffffff;
  94. text-align:left;
  95. text-transform:lowercase;
  96. letter-spacing:0px;
  97. display:inline;
  98. }
  99.  
  100. .l {
  101. margin-top:-10px;
  102. margin-right:22px;
  103. text-align:right;
  104. }
  105.  
  106. .l a {
  107. margin-left:5px;
  108. font-size:13px;
  109. color:#ffffff;
  110. text-transform:lowercase;
  111. letter-spacing:1px;
  112. padding:4px;
  113. display:inline;
  114. -webkit-transition: all 0.4s ease-in;
  115. -moz-transition: all 0.4s ease-in;
  116. -o-transition: all 0.4s ease-in;
  117. }
  118.  
  119. .l a:hover {
  120. background:#ffffff;
  121. color:#9e938d;
  122. -webkit-transition: all 0.4s ease-in;
  123. -moz-transition: all 0.4s ease-in;
  124. -o-transition: all 0.4s ease-in;
  125. }
  126.  
  127. .icon img {
  128. width:100px;
  129. height:100px;
  130. }
  131.  
  132. .icon {
  133. margin-left:120px;
  134. margin-top:-65px;
  135. background:#ffffff;
  136. padding:8px;
  137. border:2px solid #9e938d;
  138. }
  139.  
  140. .container {
  141. margin-top:15px;
  142. margin-left:32%;
  143. height:auto;
  144. width:350px;
  145. padding-top:56px;
  146. }
  147.  
  148. .boxc {
  149. height:235px;
  150. width:485px;
  151. padding:20px;
  152. border:3px solid #fbfbfb;
  153. }
  154.  
  155. .box {
  156. height:250px;
  157. width:488px;
  158. overflow-y:auto;
  159. }
  160.  
  161. .asboxc {
  162. margin-top:10px;
  163. height:235px;
  164. width:485px;
  165. padding:20px;
  166. border:3px solid #fbfbfb;
  167. }
  168.  
  169. .asbox {
  170. height:250px;
  171. width:488px;
  172. overflow-y:auto;
  173. }
  174.  
  175. .bh {
  176. margin-top:24px;
  177. margin-left:5px;
  178. font-family:sans-serif;
  179. font-size:17px;
  180. color:#313131;
  181. text-transform:uppercase;
  182. line-height:20px;
  183. letter-spacing:2px;
  184. text-align:left;
  185. }
  186.  
  187. .bt {
  188. margin-top:14px;
  189. margin-left:23px;
  190. margin-bottom:40px;
  191. width:425px;
  192. background:#fbfbfb;
  193. font-family:sans-serif;
  194. font-size:10px;
  195. color:#222222;
  196. letter-spacing:1px;
  197. border-left:3px solid #9e938d;
  198. padding:9px;
  199. text-align:left;
  200. }
  201.  
  202. .bt a {
  203. color:#9e938d;
  204. -webkit-transition: all 0.4s ease-in;
  205. -moz-transition: all 0.4s ease-in;
  206. -o-transition: all 0.4s ease-in;
  207. }
  208.  
  209. .bt a:hover {
  210. color:#222222;
  211. -webkit-transition: all 0.4s ease-in;
  212. -moz-transition: all 0.4s ease-in;
  213. -o-transition: all 0.4s ease-in;
  214. }
  215.  
  216. #abox {
  217. margin-top:2px;
  218. }
  219.  
  220. #sbox {
  221. margin-top:18px;
  222. margin-bottom:11px;
  223. }
  224.  
  225. #s-m-t-tooltip {
  226. max-width:300px;
  227. margin:15px;
  228. padding:4px;
  229. border-radius:0px;
  230. background:#9e938d;
  231. color:#ffffff;
  232. z-index:999999;
  233. font-size:8px;
  234. font-style:none;
  235. letter-spacing:2px;
  236. font-family:arial;
  237. text-transform:uppercase;
  238. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  239. }
  240.  
  241. .credit a {
  242. font:verdana;
  243. font-size:11px;
  244. position:fixed;
  245. color:#000000;
  246. font-weight:bold;
  247. bottom:14px;
  248. right:14px;
  249. }
  250.  
  251. </style>  
  252. </head>
  253.  
  254. <div class="h"></div>
  255. <div id="icon"><img class="icon" src="http://i.imgur.com/SqxMsqR.png"></div>
  256. <div class="ht">
  257. <div class="hh">frequently asked questions.</div>
  258. <div class="l">
  259. <a href="/">index.</a><a href="/ask">inbox.</a><a href="/">link 1.</a><a href="/">link 2.</a></div>
  260. </div>
  261.  
  262. <div class="container">
  263. <div class="boxc">
  264. <div class="box">
  265.  
  266. <div class="bh">this is your question.</div>
  267. <div class="bt">
  268. <b>Bold.</b> <i>Italic.</i> <u>Underline.</u> <a href="" title="this is your tooltip">Link.</a> This is your answer.
  269. </div>
  270.  
  271. <div class="bh">etcetera</div>
  272. <div class="bt">
  273. my hands wrapped around the stick shift // swerving on the 405, i can never keep my eyes // off this // my neck, the feeling of your soft lips // i lluminated in the light, bouncing off the exit signs // i missed // all we do is drive // all we do is think about the feelings that we hide // all we do is sit in silence waiting for a sign // sick and full of pride // all we do is drive // your laugh, echoes down the hallway // carves into my hollow chest, spreads over the emptiness // it's bliss // it's so simple but we can't stay // overanalyze again, would it really kill you if we kissed?
  274. </div>
  275.  
  276. <div class="bh">etcetera</div>
  277. <div class="bt">
  278. are you insane like me? been in pain like me? // bought a hundred dollar bottle of champagne like me? // just to pour that motherfucker down the drain like me? // would you use your water bill to dry the stain like me? // are you high enough without the mary jane like me? // do you tear yourself apart to entertain like me? // do the people whisper 'bout you on the train like me? // saying that you shouldn't waste your pretty face like me?
  279.  // and all the people say // "you can't wake up, this is not a dream // you're part of a machine, you are not a human being // with your face all made up, living on a screen // low on self esteem, so you run on gasoline" // i think there's a flaw in my code // these voices won't leave me alone // well my heart is gold and my hands are cold
  280. </div>
  281.  
  282. <div class="bh">etcetera</div>
  283. <div class="bt">
  284. he says, "oh, baby girl, you know we're gonna be legends // i'm the king and you're the queen and we will stumble through heaven // if there's a light at the end, it's just the sun in your eyes // i know you wanna go to heaven but you're human tonight" // and i've been sitting at the bottom of a swimming pool // for a while now, drowning my thoughts out with sounds // but do you feel like a young god? // you know the two of us are just young gods // and we'll be flying through the streets with the people underneath // and they're running, running, running // but do you feel like a young god? // and we'll be running, running, running again // and we'll be running, running, running // he says "oh, baby girl, don't get cut on my edges // i'm the king of everything and oh, my tongue is a weapon // there's a light in the crack that's separating your thighs // and if you wanna go to heaven you should fuck me tonight"
  285. </div>
  286.  
  287. </div>
  288. </div>
  289.  
  290. <!-- REMEMBER TO CHANGE YOUR URL IN THE CODES BELOW SO THE ASK & SUBMIT BOXES ARE LINKED TO YOUR ACCOUNT -->
  291.  
  292. <div class="asboxc">
  293. <div class="asbox">
  294. <div id="abox">
  295. <iframe frameborder="0" width="470" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" width="100%"></iframe>
  296. </div>
  297.  
  298. <div id="sbox">
  299. <iframe frameborder="0" border="0" scrolling="no" width="470px" height="335px" allowtransparency="true" src="http://www.tumblr.com/submit_form/YOURURL.tumblr.com" style="background-color:transparent;"></iframe>
  300. </div>
  301. </div>
  302. </div>
  303.  
  304. </div>
  305.  
  306. <div class="credit"><a href="http://spidermn.tumblr.com">cr.</a></div>
  307. </br></br></br>
  308. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement