API tools faq
paste
Advertisement
elliotsrps

Page; 01

elliotsrps
Dec 26th, 2013
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. FAQ + ASK by Elliot(themesbyelliot , elliotsrps)
  4. DO NOT STEAL HUN, I WILL FIND OUT.
  5. lots of love, elliot.
  6. btw, this looks best in chrome. ;3
  7.  
  8. ✄───╔╗╔╗────╔╗
  9. ✄───║║║║───╔╝╚╗
  10. ✄╔══╣║║║╔╦═╩╗╔╬══╦═╦══╦══╗
  11. ✄║║═╣║║║╠╣╔╗║║║══╣╔╣╔╗║══╣
  12. ✄║║═╣╚╣╚╣║╚╝║╚╬══║║║╚╝╠══║
  13. ✄╚══╩═╩═╩╩══╩═╩══╩╝║╔═╩══╝
  14. ✄──────────────────║║
  15. ✄──────────────────╚╝
  16. ✄─╔╗╔╗─────────────╔╗────────╔╗╔╗────╔╗
  17. ✄╔╝╚╣║─────────────║║────────║║║║───╔╝╚╗
  18. ✄╚╗╔╣╚═╦══╦╗╔╦══╦══╣╚═╦╗─╔╦══╣║║║╔╦═╩╗╔╝
  19. ✄─║║║╔╗║║═╣╚╝║║═╣══╣╔╗║║─║║║═╣║║║╠╣╔╗║║
  20. ✄─║╚╣║║║║═╣║║║║═╬══║╚╝║╚═╝║║═╣╚╣╚╣║╚╝║╚╗
  21. ✄─╚═╩╝╚╩══╩╩╩╩══╩══╩══╩═╗╔╩══╩═╩═╩╩══╩═╝
  22. ✄─────────────────────╔═╝║
  23. ✄─────────────────────╚══╝
  24.  
  25.  
  26. ─▄▀▀███═◯
  27. ▐▌▄▀▀█▀▀▄
  28. █▐▌─────▐▌
  29. █▐█▄───▄█▌
  30. ▀─▀██▄██▀
  31.  
  32.  
  33. -->
  34.  
  35. <html><head>
  36.  
  37.  
  38. <style>
  39. #s-m-t-tooltip {
  40. max-width:300px;
  41. padding:5px;
  42. margin:10px 0px 0px 10px;
  43. background: #ab7270;
  44. font-family:"silkscreen";
  45. font-size:10px;
  46. letter-spacing:1px;
  47. text-transform:uppercase;
  48. color:#b2b9c9;
  49. z-index:999999;
  50. line-height: 15px;
  51. -webkit-border-radius: 20px 15px;
  52. border-left:3px solid #ab7573;
  53. border-right:3px solid #f7f0e4;
  54. box-shadow:1px 1px 2px 1px #f7f0e4;
  55. }
  56.  
  57. </style>
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  64.  
  65.  
  66. .title{
  67. font-size: 18px;
  68. font-family: "hello";}
  69.  
  70. .title2{
  71. font-size: 25px;
  72. font-family: "hello";}
  73.  
  74. #title3{
  75. position:fixed !important;
  76. font-size: 140px;
  77. font-family: "marker";
  78. margin-top: 30px;
  79. margin-left: 120px;
  80. letter-spacing: 2px;
  81. text-align: center;
  82. color: white;
  83. text-shadow: 3px 0 #ab7573, 0 3px #f7f0e4, 0 -2px #f7f0e4;
  84. -webkit-transform: rotate(-5deg);
  85. }
  86.  
  87. #title4{
  88. position:fixed !important;
  89. font-size: 45px;
  90. font-family: "idk";
  91. margin-top: 150px;
  92. margin-left: 160px;
  93. letter-spacing: 5px;}
  94.  
  95. a:link, a:active, a:visited{
  96. color: #fbf7ed;
  97. text-decoration: none;
  98. -webkit-transition: color 0.5s ease-in;
  99. -moz-transition: color 0.5s ease-in;
  100. }
  101.  
  102. #links {
  103. position: fixed!important;
  104. width: auto;
  105. padding-top: 50px;
  106. padding-left: 5px;
  107. padding-right: 5px;
  108. padding-bottom: 5px;
  109. height: height;
  110. overflow: auto;
  111. opacity: 1;
  112. font-size: 16px;
  113. background-color: transparent;
  114. border-radius:5px;
  115. margin-top: 470px;
  116. margin-left: 245px;
  117. transition: all 0.9s ease-out;
  118. -o-transition-transition: all 0.9s ease-out;
  119. -webkit-transition: all 0.9s ease-out;
  120. -moz-transition: all 0.9s ease-out;
  121. }
  122.  
  123. #links a{
  124. color:#ab7270;
  125. }
  126.  
  127. #ask {
  128. position:fixed !important;
  129. width: 500px;
  130. padding: 15px;
  131. height: 427px;
  132. overflow: auto;
  133. opacity: 1;
  134. line-height: 14px;
  135. font-size: 19px;
  136. border-left:5px solid #ab7573;
  137. border-right:5px solid #ab7573;
  138. border-top:5px solid #f7f0e4;
  139. border-bottom:5px solid #f7f0e4;
  140. background-color: #d1c6c9;
  141. margin-left: 120px;
  142. margin-top: 40px;
  143. }
  144.  
  145. #ask5 {
  146. position:fixed !important;
  147. width: 410px;
  148. padding: 25px;
  149. height: 90px;
  150. overflow: auto;
  151. opacity: 1;
  152. font-size: 16px;
  153. line-height: 14px;
  154. border-left:5px solid #ab7573;
  155. border-right:5px solid #ab7573;
  156. border-top:5px solid #f7f0e4;
  157. border-bottom:5px solid #f7f0e4;
  158. background-color: #d1c6c9;
  159. margin-left: 710px;
  160. margin-top: 40px;
  161. }
  162.  
  163. #askk {
  164. opacity: 1;
  165. position:fixed !important;
  166. width: 410px;
  167. padding: 25px;
  168. height: 280px;
  169. overflow: auto;
  170. font-size: 16px;
  171. border-left:5px solid #ab7573;
  172. border-right:5px solid #ab7573;
  173. border-top:5px solid #f7f0e4;
  174. border-bottom:5px solid #f7f0e4;
  175. background: #d1c6c9;
  176. left: 740px;
  177. margin-top: 210px;
  178. transition: all 0.9s ease-out;
  179. -o-transition-transition: all 0.9s ease-out;
  180. -webkit-transition: all 0.9s ease-out;
  181. -moz-transition: all 0.9s ease-out;
  182. }
  183.  
  184.  
  185. @font-face{font-family: Color of Autumn; src: url(http://static.tumblr.com/9wzbixa/XDxmj2h3a/colors_of_autumn.ttf);}
  186.  
  187.  
  188. body {
  189. background:#f7f0e4;
  190. padding: 20px;
  191. font-family: 'colors of autumn', sans-serif;
  192. color: #ab7270;
  193. }
  194.  
  195. #cred{
  196. position:fixed;
  197. border: 4px double #DDD;
  198. background: white;
  199. border-radius: 5px;
  200. padding: 5px;
  201. top:5px;
  202. left:5px;
  203. font: 10px lucida sans;
  204. text-transform:uppercase;}
  205.  
  206. .linkss a{display:inline-block;
  207. background: #d1c6c9;
  208. padding:10px;
  209. font-family: "hi";
  210. height:auto;
  211. width: 250px;
  212. font-size:20px;
  213. border:1px solid #ab7270;
  214. text-align: center;
  215. letter-spacing:1px;
  216. margin: 20px;}
  217.  
  218. div#bg{
  219. z-index: -1;
  220. position: fixed !important;
  221. margin-left:80px;
  222. margin-top:0px;
  223. width: 1100px;
  224. height: 550px;
  225. background-image:url('https://31.media.tumblr.com/c9f486cffc9eecc07183d38834e29753/tumblr_myg2h2EQJJ1tn9he2o1_250.jpg');
  226. opacity: 1;
  227. border: 20px color: #ab7270;
  228. }
  229.  
  230.  
  231. #bite{background:#ab7573;
  232. border-radius: 5px;
  233. display:block;
  234. color: #fbf7ed;
  235. text-align:center;
  236. padding-top: 1px;
  237. margin-bottom: 5px;
  238. height: 50px;
  239. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  240.  
  241. #bite:hover{height: 80px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  242.  
  243. #bite a {display:block;}
  244.  
  245. #bite .death {margin-top:-15px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  246.  
  247. #bite:hover .death {margin-top:-15px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  248.  
  249. #bite1{background:#f7f0e4;
  250. border-radius: 5px;
  251. display:block;
  252. color: #bc8280;
  253. text-align:center;
  254. padding: 1px;
  255. margin-bottom: 5px;
  256. height: 50px;
  257. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  258.  
  259. #bite1:hover{height: 80px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  260.  
  261. #bite1 a {display:block;}
  262.  
  263. #bite1 .death {margin-top:-15px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  264.  
  265. #bite1:hover .death {margin-top:-15px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  266.  
  267.  
  268. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  269.  
  270.  
  271. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  272.  
  273.  
  274. #credit {position:fixed;
  275. font-size:16px;
  276. font-weight:normal;
  277. font-family: indie star;
  278. line-height:150%;
  279. letter-spacing:0px;
  280. right:1px;
  281. bottom:1px;
  282. text-align:center;}
  283. #credit a {
  284. padding:3px;
  285. color:#905e5c;
  286. background-color:{color:background};
  287. -moz-transition-duration:0.5s;
  288. -webkit-transition-duration:0.5s;
  289. -o-transition-duration:0.5s; }
  290.  
  291. </style>
  292.  
  293. </head>
  294.  
  295.  
  296. <body oncontextmenu='return false;' onkeydown='return false;'>
  297.  
  298. </div>
  299.  
  300. <title>faq + ask</title>
  301. <link rel="shortcut icon" href="{Favicon}" />
  302.  
  303. <div id="bg"></div>
  304.  
  305. <div id="links">
  306. <div style="font-family:colors of autumn; font-size: 35px;">
  307. <a href="/">home </a> - <a href="http://tumblr.com">dashboard</a> - <a href="/links">links</a> - <center><a href="/archive">archive</a></center>
  308.  
  309.  
  310.  
  311. <!--CHANGE THE LINK OF "LINKS", REPLACE "/" WITH YOUR LINKS PAGE -->
  312.  
  313. </div>
  314. </div>
  315.  
  316. <div id="ask">
  317.  
  318. <div id="bite">
  319. <h4><center>question here</center></h4>
  320.  
  321. <!--"question here"- your quetsion, dont make it longer than one line. -->
  322.  
  323. <div class="death">
  324. <div align="center">
  325. answer here
  326.  
  327. <!--"answer here"- your answer, dont make it longer than one line. -->
  328. </div>
  329. </div>
  330. </div>
  331.  
  332. <div id="bite1">
  333. <h4><center>question here</center></h4>
  334.  
  335. <!--"question here"- your quetsion, dont make it longer than one line. -->
  336.  
  337. <div class="death">
  338. <div align="center">
  339. answer sexily here
  340.  
  341. <!--"answer sexily here"- your answer, dont make it longer than one line. -->
  342. </div>
  343. </div>
  344. </div>
  345.  
  346. <div id="bite">
  347. <h4><center>question here</center></h4>
  348.  
  349. <!--"question here"- your quetsion, dont make it longer than one line. -->
  350.  
  351. <div class="death">
  352. <div align="center">
  353. answer here
  354.  
  355. <!--"answer here"- your answer, dont make it longer than one line. -->
  356. </div>
  357. </div>
  358. </div>
  359.  
  360. <div id="bite1">
  361. <h4><center>question here</center></h4>
  362.  
  363. <!--"question here"- your quetsion, dont make it longer than one line. -->
  364.  
  365. <div class="death">
  366. <div align="center">
  367. answer here
  368.  
  369. <!--"answer here"- your answer, dont make it longer than one line. -->
  370. </div>
  371. </div>
  372. </div>
  373.  
  374. <div id="bite">
  375. <h4><center>question here</center></h4>
  376.  
  377. <!--"question here"- your quetsion, dont make it longer than one line. -->
  378.  
  379. <div class="death">
  380. <div align="center">
  381. answer here
  382.  
  383. <!--"answer here"- your answer, dont make it longer than one line. -->
  384. </div>
  385. </div>
  386. </div>
  387.  
  388. <div id="bite1">
  389. <h4><center>question here</center></h4>
  390.  
  391. <!--"question here"- your quetsion, dont make it longer than one line. -->
  392.  
  393. <div class="death">
  394. <div align="center">
  395. answer here
  396.  
  397. <!--"answer here"- your answer, dont make it longer than one line. -->
  398. </div>
  399. </div>
  400. </div>
  401.  
  402. <div id="bite">
  403. <h4><center>question here</center></h4>
  404.  
  405. <!--"question here"- your quetsion, dont make it longer than one line. -->
  406.  
  407. <div class="death">
  408. <div align="center">
  409. answer here
  410.  
  411. <!--"answer here"- your answer, dont make it longer than one line. -->
  412. </div>
  413. </div>
  414. </div>
  415.  
  416. </div>
  417.  
  418. <div id="ask5">
  419. <center><p><div style="font-family: colors of autumn; color:#ab7270; text-shadow: 2px 0 #ab7573, 0 2px #f7f0e4, 0 -1px #f7f0e4;"><font size="40">About Me</font></div><p></center>
  420.  
  421. <center>write about you here</center>
  422.  
  423. <!--"write about you here"- your about you, long as you want!! -->
  424.  
  425. </div>
  426.  
  427.  
  428. <div id="askk">
  429.  
  430. <Center><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/themesbyelliot-01.tumblr.com" width="380" height="253"></iframe>
  431.  
  432. <!--"INSERTURLHERE"- your url for the ask to work!! -->
  433.  
  434.  
  435.  
  436. </center><p>
  437.  
  438. </div>
  439.  
  440. <!--- PNG 1 --->
  441.  
  442. <div style="top: 132px; left: -24px; position: fixed; opacity: 1;"><img src="https://24.media.tumblr.com/963e0b95b2a26bd981fa1646351dc2b1/tumblr_myg27gcOIu1tn9he2o1_400.png"></div>
  443.  
  444. <!--- PNG 2 --->
  445.  
  446. <div style="top: 57px; left: 580px; position: fixed; opacity: 1;"><img src="https://31.media.tumblr.com/786d15d929f9cfede87c32f44864e295/tumblr_myg41hs60m1tn9he2o1_400.png"></div>
  447.  
  448. <!--- PNG 3 --->
  449.  
  450. <div style="top: 112px; left: 1010px; position: fixed; opacity: 1;"><img src="https://31.media.tumblr.com/46eb805bf0fbc2eb999d6a3ceb375502/tumblr_myg3sfx5wr1tn9he2o1_500.png"></div>
  451.  
  452.  
  453. <!--- please do not remove this, it's not bothering anyone. ---!>
  454.  
  455. <div id="credit"><a href="http://elliotsrps.tumblr.com"> elliotsrps</a>
  456. </div>
  457.  
  458.  
  459. </body>
  460.  
  461. </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!