API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 2nd, 2015
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.15 KB | None | 0 0
raw download clone embed print report
  1. </div>
  2. <style type="text/css">
  3. body
  4. {
  5. background-image:url("http://i1353.photobucket.com/albums/q666/panderingpanduh/bg_zps23a3f50e.jpg");
  6. background-attachment:fixed;
  7. background-size: 100% 100%;
  8. background-repeat: no-repeat;
  9. }
  10. a
  11. {
  12. color:white;
  13. text-decoration:none;
  14. -webkit-transition: color 1s, text-shadow 1s;
  15. transition: color 1s, text-shadow 1s;
  16. }
  17. a:hover
  18. {
  19. color:#6600FF;
  20. text-shadow: 1px 1px white;
  21. }
  22. #profile
  23. {
  24. display:none;
  25. }
  26. #badcontent
  27. {
  28. display:none;
  29. }
  30. .pfor
  31. {
  32. display:none;
  33. }
  34. #Menubar
  35. {
  36. position:absolute;
  37. top:400;
  38. left:0;
  39. height:100;
  40. width:100%;
  41. }
  42. #Menulink
  43. {
  44. width:100;
  45. display: inline;
  46. opacity:1;
  47. color:white;
  48. }
  49. #Menulinkone
  50. {
  51. position:absolute;
  52. font-size:300%;
  53. left:0;
  54. top:0;
  55. color:#6600FF;
  56. text-shadow: 1px 1px #FFFFFF;
  57. -webkit-transition: font-size 2s, left 2s, top 2s;
  58. transition: font-size 2s, left 2s, top 2s;
  59.  
  60. }
  61. #Menulinktwo
  62. {
  63. position:absolute;
  64. font-size:350%;
  65. left:185;
  66. top:20;
  67. color:#6600FF;
  68. text-shadow: 1px 1px #FFFFFF;
  69. -webkit-transition: font-size 2s, left 2s, top 2s;
  70. transition: font-size 2s, left 2s, top 2s;
  71. }
  72. #Menulinkthree
  73. {
  74. position:absolute;
  75. font-size:300%;
  76. left:400;
  77. top:0;
  78. color:#6600FF;
  79. text-shadow: 1px 1px #FFFFFF;
  80. -webkit-transition: font-size 2s, left 2s, top 2s;
  81. transition: font-size 2s, left 2s, top 2s;
  82. }
  83. #Menulinkfour
  84. {
  85. position:absolute;
  86. font-size:250%;
  87. left:200;
  88. top:-20;
  89. color:#6600FF;
  90. text-shadow: 1px 1px #FFFFFF;
  91. -webkit-transition: font-size 2s, left 2s, top 2s;
  92. transition: font-size 2s, left 2s, top 2s;
  93. }
  94.  
  95. #Menuright1
  96. {
  97. position:absolute;
  98. font-size:400%;
  99. left:425;
  100. top:40;
  101. display:inline;
  102. text-shadow: 1px 1px #6600FF;
  103. }
  104. #Menuright2
  105. {
  106. position:absolute;
  107. font-size:400%;
  108. left:425;
  109. top:40;
  110. display:none;
  111. text-shadow: 1px 1px #6600FF;
  112. }
  113. #Menuright3
  114. {
  115. position:absolute;
  116. font-size:400%;
  117. left:425;
  118. top:40;
  119. display:none;
  120. text-shadow: 1px 1px #6600FF;
  121. }
  122. #Menuright4
  123. {
  124. position:absolute;
  125. font-size:400%;
  126. left:425;
  127. top:40;
  128. display:none;
  129. text-shadow: 1px 1px #6600FF;
  130. }
  131.  
  132. #Menuleft1
  133. {
  134. position:absolute;
  135. font-size:400%;
  136. left:25;
  137. top:40;
  138. display:inline;
  139. text-shadow: 1px 1px #6600FF;
  140. }
  141. #Menuleft2
  142. {
  143. position:absolute;
  144. font-size:400%;
  145. left:25;
  146. top:40;
  147. display:none;
  148. text-shadow: 1px 1px #6600FF;
  149. }
  150. #Menuleft3
  151. {
  152. position:absolute;
  153. font-size:400%;
  154. left:25;
  155. top:40;
  156. display:none;
  157. text-shadow: 1px 1px #6600FF;
  158. }
  159. #Menuleft4
  160. {
  161. position:absolute;
  162. font-size:400%;
  163. left:25;
  164. top:40;
  165. display:none;
  166. text-shadow: 1px 1px #6600FF;
  167. }
  168. #TBox1
  169. {
  170. position:absolute;
  171. left:115;
  172. top:10;
  173. background-color:#6600FF;
  174. width:285;
  175. height:275;
  176. opacity:0.5;
  177. border-radius: 25px;
  178. z-index:-1;
  179. display:none;
  180. color:white;
  181. padding-top:75px;
  182. font-size:75%;
  183. }
  184. #TBox2
  185. {
  186. position:absolute;
  187. left:115;
  188. top:10;
  189. background-color:#6600FF;
  190. width:285;
  191. height:275;
  192. opacity:0.5;
  193. border-radius: 25px;
  194. z-index:-1;
  195. color:white;
  196. padding-top:75px;
  197. font-size:75%;
  198.  
  199. }
  200. #TBox3
  201. {
  202. position:absolute;
  203. left:115;
  204. top:10;
  205. background-color:#6600FF;
  206. width:285;
  207. height:275;
  208. opacity:0.5;
  209. border-radius: 25px;
  210. z-index:-1;
  211. display:none;
  212. color:white;
  213. padding-top:75px;
  214. font-size:75%;
  215. }
  216. #TBox4
  217. {
  218. position:absolute;
  219. left:115;
  220. top:10;
  221. background-color:#6600FF;
  222. width:285;
  223. height:275;
  224. opacity:0.5;
  225. border-radius: 25px;
  226. z-index:-1;
  227. display:none;
  228. color:white;
  229. padding-top:75px;
  230. font-size:75%;
  231. }
  232. #Image
  233. {
  234. position:absolute;
  235. left:115;
  236. top:100;
  237. z-index:-1;
  238. }
  239. #Tutorial
  240. {
  241. position:absolute;
  242. left:0;
  243. top:0;
  244. width:100%;
  245. height:100%;
  246. background-color:gray;
  247. z-index:10;
  248. opacity:0.75;
  249. font-size:400%;
  250. color:white;
  251. }
  252. #Tutorialtext
  253. {
  254. position:absolute;
  255. left:115;
  256. top:530;
  257. width:285;
  258. height:275;
  259. color:white;
  260. z-index:11;
  261. }
  262. #TutorialCircle1
  263. {
  264. position:absolute;
  265. top:-100;
  266. left:285;
  267. width:100;
  268. height:100;
  269. border-radius: 50px;
  270. opacity:0.5;
  271. background-color:white;
  272. }
  273. #TutorialCircle2
  274. {
  275. position:absolute;
  276. top:-100;
  277. left:-115;
  278. width:100;
  279. height:100;
  280. border-radius: 50px;
  281. opacity:0.5;
  282. background-color:white;
  283. }
  284. </style>
  285. <div id="Tutorial" onclick="TutorialCircle1.style.display = 'none';
  286. TutorialCircle2.style.display = 'none';
  287. Tutorial.style.display = 'none';
  288. Tutorialtext.style.display = 'none';">
  289. <center>TUTORIAL</center>
  290. </div>
  291. <div id="Tutorialtext">
  292. Click these arrows to rotate categories to the left or right respectively.
  293. <br><br>
  294. Click anywhere to exit the tutorial.
  295. <div id="TutorialCircle1">
  296.  
  297. </div>
  298. <div id="TutorialCircle2">
  299.  
  300. </div>
  301. </div>
  302. <div id="Menubar">
  303.  
  304. <div id="Menulinkone">
  305. About
  306. </div>
  307. <div id="Menulinktwo">
  308. Stats
  309. </div>
  310. <div id="Menulinkthree">
  311. Mates
  312. </div>
  313. <div id="Menulinkfour">
  314. Stuff
  315. </div>
  316. <div id="Menuright1">
  317. <a onclick="
  318. Menulinkone.style.left = '185';
  319. Menulinkone.style.top = '20';
  320. Menulinkone.style.fontSize = '350%';
  321. Menulinktwo.style.left = '400';
  322. Menulinktwo.style.top = '0'
  323. Menulinktwo.style.fontSize = '300%';
  324. Menulinkthree.style.left = '200';
  325. Menulinkthree.style.top = '-20';
  326. Menulinkthree.style.fontSize = '250%';
  327. Menulinkfour.style.left = '0';
  328. Menulinkfour.style.top = '0';
  329. Menulinkfour.style.fontSize = '300%';
  330. Menuright1.style.display = 'none';
  331. Menuright2.style.display = 'inline';
  332. Menuright3.style.display = 'none';
  333. Menuright4.style.display = 'none';
  334. Menuleft1.style.display = 'none';
  335. Menuleft2.style.display = 'none';
  336. Menuleft3.style.display = 'none';
  337. Menuleft4.style.display = 'inline';
  338.  
  339. TBox1.style.display = 'inline';
  340. TBox2.style.display = 'none';
  341. TBox3.style.display = 'none';
  342. TBox4.style.display = 'none';
  343. ">↝</a>
  344. </div>
  345. <div id="Menuright2">
  346. <a onclick="
  347. Menulinkfour.style.left = '185';
  348. Menulinkfour.style.top = '20';
  349. Menulinkfour.style.fontSize = '350%';
  350. Menulinkone.style.left = '400';
  351. Menulinkone.style.top = '0'
  352. Menulinkone.style.fontSize = '300%';
  353. Menulinktwo.style.left = '200';
  354. Menulinktwo.style.top = '-20';
  355. Menulinktwo.style.fontSize = '250%';
  356. Menulinkthree.style.left = '0';
  357. Menulinkthree.style.top = '0';
  358. Menulinkthree.style.fontSize = '300%';
  359. Menuright2.style.display = 'none';
  360. Menuright3.style.display = 'inline';
  361. Menuright1.style.display = 'none';
  362. Menuright4.style.display = 'none';
  363. Menuleft1.style.display = 'none';
  364. Menuleft2.style.display = 'none';
  365. Menuleft4.style.display = 'none';
  366. Menuleft3.style.display = 'inline';
  367.  
  368. TBox4.style.display = 'inline';
  369. TBox2.style.display = 'none';
  370. TBox3.style.display = 'none';
  371. TBox1.style.display = 'none';
  372.  
  373. ">↝</a>
  374. </div>
  375. <div id="Menuright3">
  376. <a onclick="
  377. Menulinkthree.style.left = '185';
  378. Menulinkthree.style.top = '20';
  379. Menulinkthree.style.fontSize = '350%';
  380. Menulinkfour.style.left = '400';
  381. Menulinkfour.style.top = '0'
  382. Menulinkfour.style.fontSize = '300%';
  383. Menulinkone.style.left = '200';
  384. Menulinkone.style.top = '-20';
  385. Menulinkone.style.fontSize = '250%';
  386. Menulinktwo.style.left = '0';
  387. Menulinktwo.style.top = '0';
  388. Menulinktwo.style.fontSize = '300%';
  389. Menuright3.style.display = 'none';
  390. Menuright4.style.display = 'inline';
  391. Menuright1.style.display = 'none';
  392. Menuright2.style.display = 'none';
  393. Menuleft1.style.display = 'none';
  394. Menuleft3.style.display = 'none';
  395. Menuleft4.style.display = 'none';
  396. Menuleft2.style.display = 'inline';
  397.  
  398. TBox3.style.display = 'inline';
  399. TBox2.style.display = 'none';
  400. TBox1.style.display = 'none';
  401. TBox4.style.display = 'none';
  402. ">↝</a>
  403. </div>
  404. <div id="Menuright4">
  405. <a onclick="
  406. Menulinktwo.style.left = '185';
  407. Menulinktwo.style.top = '20';
  408. Menulinktwo.style.fontSize = '350%';
  409. Menulinkthree.style.left = '400';
  410. Menulinkthree.style.top = '0'
  411. Menulinkthree.style.fontSize = '300%';
  412. Menulinkfour.style.left = '200';
  413. Menulinkfour.style.top = '-20';
  414. Menulinkfour.style.fontSize = '250%';
  415. Menulinkone.style.left = '0';
  416. Menulinkone.style.top = '0';
  417. Menulinkone.style.fontSize = '300%';
  418. Menuright4.style.display = 'none';
  419. Menuright1.style.display = 'inline';
  420. Menuright3.style.display = 'none';
  421. Menuright2.style.display = 'none';
  422. Menuleft1.style.display = 'none';
  423. Menuleft3.style.display = 'none';
  424. Menuleft2.style.display = 'none';
  425. Menuleft1.style.display = 'inline';
  426.  
  427. TBox2.style.display = 'inline';
  428. TBox1.style.display = 'none';
  429. TBox3.style.display = 'none';
  430. TBox4.style.display = 'none';
  431. ">↝</a>
  432. </div>
  433. <div id="Menuleft1">
  434. <a onclick="
  435. Menulinkthree.style.left = '185';
  436. Menulinkthree.style.top = '20';
  437. Menulinkthree.style.fontSize = '350%';
  438. Menulinkfour.style.left = '400';
  439. Menulinkfour.style.top = '0'
  440. Menulinkfour.style.fontSize = '300%';
  441. Menulinkone.style.left = '200';
  442. Menulinkone.style.top = '-20';
  443. Menulinkone.style.fontSize = '250%';
  444. Menulinktwo.style.left = '0';
  445. Menulinktwo.style.top = '0';
  446. Menulinktwo.style.fontSize = '300%';
  447. Menuleft1.style.display = 'none';
  448. Menuleft2.style.display = 'inline';
  449. Menuleft3.style.display = 'none';
  450. Menuleft4.style.display = 'none';
  451. Menuright1.style.display = 'none';
  452. Menuright4.style.display = 'inline';
  453. Menuright3.style.display = 'none';
  454. Menuright2.style.display = 'none';
  455.  
  456. TBox3.style.display = 'inline';
  457. TBox1.style.display = 'none';
  458. TBox2.style.display = 'none';
  459. TBox4.style.display = 'none';
  460. ">↜</a>
  461. </div>
  462. <div id="Menuleft2">
  463. <a onclick="
  464. Menulinkfour.style.left = '185';
  465. Menulinkfour.style.top = '20';
  466. Menulinkfour.style.fontSize = '350%';
  467. Menulinkone.style.left = '400';
  468. Menulinkone.style.top = '0'
  469. Menulinkone.style.fontSize = '300%';
  470. Menulinktwo.style.left = '200';
  471. Menulinktwo.style.top = '-20';
  472. Menulinktwo.style.fontSize = '250%';
  473. Menulinkthree.style.left = '0';
  474. Menulinkthree.style.top = '0';
  475. Menulinkthree.style.fontSize = '300%';
  476. Menuleft2.style.display = 'none';
  477. Menuleft3.style.display = 'inline';
  478. Menuleft1.style.display = 'none';
  479. Menuleft4.style.display = 'none';
  480. Menuright1.style.display = 'none';
  481. Menuright3.style.display = 'inline';
  482. Menuright4.style.display = 'none';
  483. Menuright2.style.display = 'none';
  484.  
  485. TBox4.style.display = 'inline';
  486. TBox1.style.display = 'none';
  487. TBox3.style.display = 'none';
  488. TBox2.style.display = 'none';
  489. ">↜</a>
  490. </div>
  491. <div id="Menuleft3">
  492. <a onclick="
  493. Menulinkone.style.left = '185';
  494. Menulinkone.style.top = '20';
  495. Menulinkone.style.fontSize = '350%';
  496. Menulinktwo.style.left = '400';
  497. Menulinktwo.style.top = '0'
  498. Menulinktwo.style.fontSize = '300%';
  499. Menulinkthree.style.left = '200';
  500. Menulinkthree.style.top = '-20';
  501. Menulinkthree.style.fontSize = '250%';
  502. Menulinkfour.style.left = '0';
  503. Menulinkfour.style.top = '0';
  504. Menulinkfour.style.fontSize = '300%';
  505. Menuleft3.style.display = 'none';
  506. Menuleft4.style.display = 'inline';
  507. Menuleft1.style.display = 'none';
  508. Menuleft2.style.display = 'none';
  509. Menuright1.style.display = 'none';
  510. Menuright2.style.display = 'inline';
  511. Menuright3.style.display = 'none';
  512. Menuright4.style.display = 'none';
  513.  
  514. TBox1.style.display = 'inline';
  515. TBox2.style.display = 'none';
  516. TBox3.style.display = 'none';
  517. TBox4.style.display = 'none';
  518. ">↜</a>
  519. </div>
  520. <div id="Menuleft4">
  521. <a onclick="
  522. Menulinktwo.style.left = '185';
  523. Menulinktwo.style.top = '20';
  524. Menulinktwo.style.fontSize = '350%';
  525. Menulinkthree.style.left = '400';
  526. Menulinkthree.style.top = '0'
  527. Menulinkthree.style.fontSize = '300%';
  528. Menulinkfour.style.left = '200';
  529. Menulinkfour.style.top = '-20';
  530. Menulinkfour.style.fontSize = '250%';
  531. Menulinkone.style.left = '0';
  532. Menulinkone.style.top = '0';
  533. Menulinkone.style.fontSize = '300%';
  534. Menuleft4.style.display = 'none';
  535. Menuleft1.style.display = 'inline';
  536. Menuleft3.style.display = 'none';
  537. Menuleft2.style.display = 'none';
  538. Menuright4.style.display = 'none';
  539. Menuright1.style.display = 'inline';
  540. Menuright3.style.display = 'none';
  541. Menuright2.style.display = 'none';
  542.  
  543. TBox2.style.display = 'inline';
  544. TBox1.style.display = 'none';
  545. TBox3.style.display = 'none';
  546. TBox4.style.display = 'none';
  547. ">↜</a>
  548. </div>
  549. <div id="TBox1"><br><br>
  550. Although Andy might look like someone who you would want to cuddle, Someone who knew him would highly advice against it. He is
  551. a known thief throughout the lands and has been a wanted criminal for almost five years. Andy is known to be dangerous and very crafty, do not approach unless you are
  552. prepared.<br>
  553. When Andy was fifteen he was walking around the streets of a small town in Italy when he found a small stuffed panda bear on the floor. He took him home and named him Danny. He has been with Andy ever since that day.
  554.  
  555. </div>
  556. <div id="TBox2"><br><br>
  557. Name: Andrew <br>
  558. Alias: Andy <br>
  559. Age: 18 <br>
  560. Height: 4' 5" <br>
  561. Weight: Not a lot! <br>
  562. Sex: Male <br>
  563. Orientation: Bi (Switch) <br>
  564. Occupation: Thief...I mean school! <br>
  565. </div>
  566. <div id="TBox3"><br><br>
  567. Mora~ <br>
  568. Kalikat
  569. Others? (Ask to be added here.)
  570. </div>
  571. <div id="TBox4"><br><br>
  572. Do Nots Of Roleplay:<br><br>
  573.  
  574. Text speech.<br>
  575. Improper grammar.<br>
  576. Hurting me or Danny.<br>
  577. Not Taking no for an answer.<br>
  578. Being mean to me.<br>
  579. <br>
  580. Dos For Roleplay:<br>
  581. <br>
  582. Pet and cuddle me.<br>
  583. Talk about the roleplay first.<br>
  584. Tell me I'm cute.<br>
  585. Basically don't be a dick!
  586. </div>
  587. </div>
  588. <div id="Image">
  589. <img src="http://i1353.photobucket.com/albums/q666/panderingpanduh/Untitled-1_zps957e0145.png" width='300'>
  590. </div>
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!