Advertisement
Guest User

Untitled

a guest
May 16th, 2018
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.27 KB | None | 0 0
  1. body><style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Aguafina+Script|Hind);
  4.  
  5. @import 'https://fonts.googleapis.com/css?family=Raleway';
  6.  
  7. @import 'https://fonts.googleapis.com/css?family=Quicksand';
  8.  
  9. @import 'https://fonts.googleapis.com/css?family=Dosis';
  10.  
  11. @import 'https://fonts.googleapis.com/css?family=Play';
  12.  
  13. @import url('https://fonts.googleapis.com/css?family=Lobster');
  14. }
  15.  
  16. .pfor {display: none;}
  17.  
  18. #profile {background-color: transparent; border: 0px;}
  19.  
  20. body{
  21. background-color: #3C0202;
  22. background-image: url('');
  23. background-size: 100px;
  24. background-repeat: repeat;
  25. background-position: right bottom;
  26. margin: 0;
  27. }
  28.  
  29. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  30.  
  31. ::-webkit-scrollbar-thumb:vertical {
  32. background-color:#575757;
  33. height:100px;
  34. padding:5px;
  35. border: 2px solid #000000;
  36. Border-radius: 10px;
  37. }
  38.  
  39. ::-webkit-scrollbar {
  40. height:10px;
  41. width:0px;
  42. background:#000;
  43. }
  44.  
  45.  
  46.  
  47.  
  48.  
  49. #text{
  50.  
  51. height: 100px;
  52. width: 191px;
  53. padding: 5px;
  54. color: #fff;
  55. font-family: 'Raleway', sans-serif;
  56. font-size: 10px;
  57. text-align: left;
  58. overflow: scroll;
  59. }
  60.  
  61.  
  62.  
  63. #exit{
  64. position: fixed;
  65. top: 90px;
  66. left: 10px;
  67. width: 100px;
  68. font-family: 'Aguafina Script', cursive;
  69. font-size: 55px;
  70. color: #575757;
  71. z-index: 200;
  72.  
  73.  
  74.  
  75. text-shadow: 1px 0px 0px #000,
  76. 0px 1px 0px #000,
  77. -1px 0px 0px #000,
  78. 0px -1px 0px #000;
  79. }
  80.  
  81. #exit a{
  82. display: inline-block;
  83. height: 200px;
  84. width: 800px;
  85. margin-top: 3px;
  86. margin-bottom: 0px;
  87. margin-left: 0px;
  88. margin-right: 0px;
  89. border: 2px solid #575757;
  90.  
  91.  
  92.  
  93. -webkit-transition:all .4s ease-in-out;
  94. -moz-transition:all .4s ease-in-out;
  95. -o-transition:all .4s ease-in-out;
  96. -ms-transition:all .4s ease-in-out;
  97. transition:all .4s ease-in-out;
  98. }
  99.  
  100.  
  101. #exit a:hover{
  102. background-color: #00000f;
  103. -webkit-transition:all .4s ease-in-out;
  104. -moz-transition:all .4s ease-in-out;
  105. -o-transition:all .4s ease-in-out;
  106. -ms-transition:all .4s ease-in-out;
  107. transition:all .4s ease-in-out;
  108. }
  109.  
  110.  
  111. #Rubeus {
  112. position:fixed;
  113. left: 875; top: 0;
  114. width:655px; height:955px;
  115. background-image: url('http://i.picpar.com/EFMc.png');
  116. background-size:655px;
  117. background-attachment:absolute;
  118. background-repeat:no-repeat;
  119. }
  120.  
  121. #Hyje{
  122. position: fixed;
  123. top: 200px;
  124. left: 200px;
  125. height: 100px;
  126. width: 200px;
  127. overflow: hidden;
  128. background-image: url('http://i.picpar.com/8FMc.gif');
  129. background-size: 250px;
  130. background-position: -50 -20;
  131. background-repeat: no-repeat;
  132. border-style: solid;
  133. border-width: 2px;
  134. border-color: 000;
  135. border-radius: ;
  136.  
  137. }
  138.  
  139.  
  140.  
  141. #Hyje a{
  142. display: inline-block;
  143. height: 200px;
  144. width: 200px;
  145. margin-top: 8px;
  146. margin-bottom: 0px;
  147. margin-left: 0px;
  148. margin-right: 0px;
  149.  
  150.  
  151. -webkit-transition:all .6s ease-in-out;
  152. -moz-transition:all .6s ease-in-out;
  153. -o-transition:all .6s ease-in-out;
  154. -ms-transition:all .6s ease-in-out;
  155. transition:all .6s ease-in-out;
  156. }
  157.  
  158.  
  159.  
  160. #Hyje2{
  161. position: fixed;
  162. top: 320px;
  163. left: 420px;
  164. height: 100px;
  165. width: 200px;
  166. overflow: hidden;
  167. background-image: url('http://i.picpar.com/CFMc.jpg');
  168. background-size: 200px;
  169. background-position: -0 -30;
  170. background-repeat: no-repeat;
  171. border-style: solid;
  172. border-width: 2px;
  173. border-color: 000;
  174. border-radius: ;
  175.  
  176. }
  177.  
  178.  
  179.  
  180. #Hyje2 a{
  181. display: inline-block;
  182. height: 100px;
  183. width: 200px;
  184. margin-top: 8px;
  185. margin-bottom: 0px;
  186. margin-left: 0px;
  187. margin-right: 0px;
  188.  
  189.  
  190. -webkit-transition:all .6s ease-in-out;
  191. -moz-transition:all .6s ease-in-out;
  192. -o-transition:all .6s ease-in-out;
  193. -ms-transition:all .6s ease-in-out;
  194. transition:all .6s ease-in-out;
  195. }
  196.  
  197.  
  198.  
  199. #Hyje3{
  200. position: fixed;
  201. top: 440px;
  202. left: 200px;
  203. height: 100px;
  204. width: 200px;
  205. overflow: hidden;
  206. background-image: url('http://i.picpar.com/JFMc.gif');
  207. background-size: 200px;
  208. background-position: 0 -30;
  209. background-repeat: no-repeat;
  210. border-style: solid;
  211. border-width: 2px;
  212. border-color: 000;
  213. border-radius: ;
  214.  
  215. }
  216.  
  217.  
  218.  
  219. #Hyje3 a{
  220. display: inline-block;
  221. height: 100px;
  222. width: 200px;
  223. margin-top: 8px;
  224. margin-bottom: 0px;
  225. margin-left: 0px;
  226. margin-right: 0px;
  227.  
  228.  
  229. -webkit-transition:all .6s ease-in-out;
  230. -moz-transition:all .6s ease-in-out;
  231. -o-transition:all .6s ease-in-out;
  232. -ms-transition:all .6s ease-in-out;
  233. transition:all .6s ease-in-out;
  234. }
  235.  
  236.  
  237.  
  238. .HyjeBox{
  239. position: fixed;
  240. top: 200px;
  241. left: 400px;
  242. height: 100px;
  243. width: 200px;
  244. background-color: 161616;
  245. background-size:350px;
  246. background-attachment:absolute;
  247. background-repeat: repeat;
  248. overflow: hidden;
  249. opacity: 0;
  250. border-style: solid;
  251. border-width: 2px;
  252. border-color: 585858;
  253.  
  254. transition: all 0.5s ease-in-out;
  255. -webkit-transition: all 0.5s ease-in-out;
  256. -moz-transition: all 0.5s ease-in-out;
  257. -o-transition: all 0.5s ease-in-out;
  258. -ms-transition: all 0.5s ease-in-out;
  259. }
  260.  
  261.  
  262. .HyjeBox:target {
  263.  
  264. position: fixed;
  265. top: 200px;
  266. left: 420px;
  267. height: 100px;
  268. width: 200px;
  269. opacity: 0.9;
  270. z-index: 2;
  271.  
  272.  
  273. transition: all 0.5s ease-in-out;
  274. -webkit-transition: all 0.5s ease-in-out;
  275. -moz-transition: all 0.5s ease-in-out;
  276. -o-transition: all 0.5s ease-in-out;
  277. -ms-transition: all 0.5s ease-in-out;
  278. }
  279.  
  280.  
  281.  
  282.  
  283. .HyjeBox2{
  284. position: fixed;
  285. top: 320px;
  286. left: 220px;
  287. height: 100px;
  288. width: 200px;
  289. background-color: 161616;
  290. background-size:350px;
  291. background-attachment:absolute;
  292. background-repeat: repeat;
  293. overflow: hidden;
  294. opacity: 0;
  295. border-style: solid;
  296. border-width: 2px;
  297. border-color: 585858;
  298.  
  299. transition: all 0.5s ease-in-out;
  300. -webkit-transition: all 0.5s ease-in-out;
  301. -moz-transition: all 0.5s ease-in-out;
  302. -o-transition: all 0.5s ease-in-out;
  303. -ms-transition: all 0.5s ease-in-out;
  304. }
  305.  
  306.  
  307. .HyjeBox2:target {
  308.  
  309. position: fixed;
  310. top: 320px;
  311. left: 200px;
  312. height: 100px;
  313. width: 200px;
  314. opacity: 0.9;
  315. z-index: 2;
  316.  
  317.  
  318. transition: all 0.5s ease-in-out;
  319. -webkit-transition: all 0.5s ease-in-out;
  320. -moz-transition: all 0.5s ease-in-out;
  321. -o-transition: all 0.5s ease-in-out;
  322. -ms-transition: all 0.5s ease-in-out;
  323. }
  324.  
  325. .HyjeBox3{
  326. position: fixed;
  327. top: 440px;
  328. left: 400px;
  329. height: 100px;
  330. width: 200px;
  331. background-color: 161616;
  332. background-size:350px;
  333. background-attachment:absolute;
  334. background-repeat: repeat;
  335. overflow: hidden;
  336. opacity: 0;
  337. border-style: solid;
  338. border-width: 2px;
  339. border-color: 585858;
  340.  
  341. transition: all 0.5s ease-in-out;
  342. -webkit-transition: all 0.5s ease-in-out;
  343. -moz-transition: all 0.5s ease-in-out;
  344. -o-transition: all 0.5s ease-in-out;
  345. -ms-transition: all 0.5s ease-in-out;
  346. }
  347.  
  348. .HyjeBox3:target {
  349.  
  350. position: fixed;
  351. top: 440px;
  352. left: 420px;
  353. height: 100px;
  354. width: 200px;
  355. opacity: 0.9;
  356. z-index: 2;
  357.  
  358. transition: all 0.5s ease-in-out;
  359. -webkit-transition: all 0.5s ease-in-out;
  360. -moz-transition: all 0.5s ease-in-out;
  361. -o-transition: all 0.5s ease-in-out;
  362. -ms-transition: all 0.5s ease-in-out;
  363. }
  364.  
  365. #Title{
  366. position: fixed;
  367. top: 155px;
  368. left: 206px;
  369. width: 200px;
  370. font-family: 'Lobster', cursive;
  371. font-size: 40px;
  372. color: #4E011A;
  373. z-index: 200;
  374. opacity: 0.8;
  375. letter-spacing: 9;
  376.  
  377. text-shadow: 1px 0px 0px #000,
  378. 0px 1px 0px #000,
  379. -1px 0px 0px #000,
  380. 0px -1px 0px #000;
  381.  
  382. -webkit-transition:opacity 2s linear;
  383. -webkit-transition:all 2s ease-in-out;
  384. -moz-transition:all 2s ease-in-out;
  385. transition:all 2s ease-in-out;
  386. }
  387.  
  388. body:hover #Title{
  389. color: #881047;
  390. -webkit-transition:opacity 1s linear;
  391. -webkit-transition:all 1s ease-in-out;
  392. -moz-transition:all 1s ease-in-out;
  393. transition:all 1s ease-in-out;
  394. }
  395.  
  396.  
  397.  
  398.  
  399.  
  400. h1{
  401.  
  402. font-family: 'Dosis', sans-serif;
  403. font-size: 11px;
  404. color: #fff;
  405. border-bottom: 1px solid #000;
  406. text-align: right;
  407. letter-spacing: 15;
  408.  
  409. text-shadow: 1px 0px 0px #000,
  410. 0px 1px 0px #000,
  411. -1px 0px 0px #000,
  412. 0px -1px 0px #000;
  413. }
  414.  
  415.  
  416.  
  417.  
  418.  
  419. h2{
  420.  
  421. font-family: 'Dosis', sans-serif;
  422. font-size: 17px;
  423. color: #4B0F02;
  424. border-bottom: 1px solid #000;
  425. text-align: right;
  426. letter-spacing: 8;
  427. background-attachment:absolute;
  428. background-repeat:no-repeat;
  429. background-position: -0 -78;
  430. background-size: 200px;
  431. }
  432.  
  433.  
  434.  
  435. h3{
  436.  
  437. font-family: 'PT Sans Narrow', sans-serif;
  438. font-size: 10px;
  439. color: #5D5D5D;
  440. text-align: left;
  441. letter-spacing: 6.8;
  442. background-attachment:absolute;
  443. background-repeat:no-repeat;
  444. background-position: 0 -33;
  445. background-size: 200px;
  446. }
  447.  
  448.  
  449.  
  450.  
  451.  
  452. b,strong{
  453. color: #9D8D81;
  454. }
  455.  
  456. f,strong{
  457. color: #766D46;
  458. }
  459.  
  460.  
  461.  
  462. i{
  463. font-family: 'Galada', cursive;
  464. color: #492545;
  465. font-size: 11px;
  466. }
  467.  
  468. u{
  469. font-family: 'Inconsolata', monospace;
  470.  
  471. }
  472.  
  473. strike{
  474. color: #686767;
  475. }
  476.  
  477. a:link{
  478. color:#fff;
  479. }
  480.  
  481. a:visited{
  482. color:#fff;
  483. }
  484.  
  485.  
  486. a:hover{
  487. color: #fff;
  488. text-shadow: 1px 0px 0px #000,
  489. 0px 1px 0px #000,
  490. -1px 0px 0px #000,
  491. 0px -1px 0px #000;
  492.  
  493. -webkit-transition:all 1.9s ease-in-out;
  494. -moz-transition:all 1.9s ease-in-out;
  495. -o-transition:all 1.9s ease-in-out;
  496. -ms-transition:all .5s ease-in-out;
  497. transition:all 1.9s ease-in-out;
  498. }
  499.  
  500.  
  501. a:active{
  502. color:#fff;
  503. }
  504.  
  505.  
  506.  
  507. #Li{
  508.  
  509. position: fixed;
  510. top: 252px;
  511. left: 370;
  512. width: 5px;
  513. height: 200px;
  514. background-color: #000;
  515.  
  516. }
  517.  
  518.  
  519. #Line{
  520.  
  521. position: fixed;
  522. top: 252px;
  523. left: 400;
  524. width: 5px;
  525. height: 100px;
  526. background-color: #000;
  527.  
  528. -webkit-transform: rotate(-45deg);
  529.  
  530. }
  531.  
  532.  
  533.  
  534.  
  535. #Line2{
  536.  
  537. position: fixed;
  538. top: 392px;
  539. left: 400;
  540. width: 5px;
  541. height: 100px;
  542. background-color: #000;
  543.  
  544. -webkit-transform: rotate(45deg);
  545.  
  546. }
  547.  
  548.  
  549.  
  550. #Line3{
  551.  
  552. position: fixed;
  553. top: 337px;
  554. left: 624;
  555. width: 96px;
  556. height: 3px;
  557. background-color: #000;
  558.  
  559.  
  560. }
  561.  
  562.  
  563.  
  564. #Line4{
  565.  
  566. position: fixed;
  567. top: 370px;
  568. left: 624;
  569. width: 96px;
  570. height: 3px;
  571. background-color: #000;
  572.  
  573.  
  574. }
  575.  
  576.  
  577. #Line5{
  578.  
  579. position: fixed;
  580. top: 403px;
  581. left: 624;
  582. width: 96px;
  583. height: 3px;
  584. background-color: #000;
  585.  
  586.  
  587. }
  588.  
  589.  
  590.  
  591. .con{
  592. }
  593. #F-One{
  594. position: fixed;
  595. top: 330px;
  596. left: 635px;
  597. }
  598. #F-One a{
  599. display: block;
  600. height: 15px;
  601. width: 70px;
  602. background-image: url('');
  603. background-size: 100px;
  604. background-position: 0 -30;
  605. background-repeat: no-repeat;
  606. border-style: solid;
  607. border-width: 1px;
  608. border-color: 575757;
  609. border-radius: ;
  610. opacity: 0.3;
  611. -webkit-transition: all 0.6s ease-in-out;
  612. -moz-transition: all 0.6s ease-in-out;
  613. -o-transition: all 0.6s ease-in-out;
  614. -ms-transition: all 0.6s ease-in-out;
  615. transition: all 0.6s ease-in-out;
  616. }
  617.  
  618.  
  619. #F-One a:hover{
  620. background-size: 100px;
  621. background-position: 0 -30;
  622. background-repeat: no-repeat;
  623. border-style: solid;
  624. border-width: 1px;
  625. border-color: 666666;
  626. border-radius: ;
  627. opacity: 1.0;
  628.  
  629. -webkit-transition: all 0.6s ease-in-out;
  630. -moz-transition: all 0.6s ease-in-out;
  631. -o-transition: all 0.6s ease-in-out;
  632. -ms-transition: all 0.6s ease-in-out;
  633. transition: all 0.6s ease-in-out;
  634. }
  635.  
  636.  
  637. .Name1{
  638. position: fixed;
  639. top: 326px;
  640. left: 650px;
  641. text-decoration: none;
  642. font-family: 'Quicksand', sans-serif;
  643. font-size: 11px;
  644. width: 70px;
  645. height: 10px;
  646. text-align: left;
  647. letter-spacing: 5;
  648. color: #fff;
  649. opacity: 0;
  650. -webkit-transition: all 0.9s ease-in-out;
  651. -moz-transition: all 0.9s ease-in-out;
  652. -o-transition: all 0.9s ease-in-out;
  653. -ms-transition: all 0.9s ease-in-out;
  654. transition: all 0.9s ease-in-out;
  655. }
  656. .con:hover .Name1{
  657. position: fixed;
  658. top: 317px;
  659. left: 650px;
  660. opacity: 1;
  661. -webkit-transition: all 0.9s ease-in-out;
  662. -moz-transition: all 0.9s ease-in-out;
  663. -o-transition: all 0.9s ease-in-out;
  664. -ms-transition: all 0.9s ease-in-out;
  665. transition: all 0.9s ease-in-out;
  666. }
  667.  
  668.  
  669.  
  670.  
  671.  
  672. #F-Two{
  673. position: fixed;
  674. top: 363px;
  675. left: 635px;
  676. }
  677. #F-Two a{
  678. display: block;
  679. height: 15px;
  680. width: 70px;
  681. background-image: url('');
  682. background-size: 100px;
  683. background-position: 0 -30;
  684. background-repeat: no-repeat;
  685. border-style: solid;
  686. border-width: 1px;
  687. border-color: 575757;
  688. border-radius: ;
  689. opacity: 0.3;
  690. -webkit-transition: all 0.6s ease-in-out;
  691. -moz-transition: all 0.6s ease-in-out;
  692. -o-transition: all 0.6s ease-in-out;
  693. -ms-transition: all 0.6s ease-in-out;
  694. transition: all 0.6s ease-in-out;
  695. }
  696.  
  697.  
  698. #F-Two a:hover{
  699. background-size: 100px;
  700. background-position: 0 -30;
  701. background-repeat: no-repeat;
  702. border-style: solid;
  703. border-width: 1px;
  704. border-color: 666666;
  705. border-radius: ;
  706. opacity: 1.0;
  707.  
  708. -webkit-transition: all 0.6s ease-in-out;
  709. -moz-transition: all 0.6s ease-in-out;
  710. -o-transition: all 0.6s ease-in-out;
  711. -ms-transition: all 0.6s ease-in-out;
  712. transition: all 0.6s ease-in-out;
  713. }
  714.  
  715.  
  716. .Name2{
  717. position: fixed;
  718. top: 363px;
  719. left: 650px;
  720. text-decoration: none;
  721. font-family: 'Quicksand', sans-serif;
  722. font-size: 11px;
  723. width: 70px;
  724. height: 10px;
  725. text-align: left;
  726. letter-spacing: 5;
  727. color: #fff;
  728. opacity: 0;
  729. -webkit-transition: all 0.9s ease-in-out;
  730. -moz-transition: all 0.9s ease-in-out;
  731. -o-transition: all 0.9s ease-in-out;
  732. -ms-transition: all 0.9s ease-in-out;
  733. transition: all 0.9s ease-in-out;
  734. }
  735. .con:hover .Name2{
  736. position: fixed;
  737. top: 350px;
  738. left: 650px;
  739. opacity: 1;
  740. -webkit-transition: all 0.9s ease-in-out;
  741. -moz-transition: all 0.9s ease-in-out;
  742. -o-transition: all 0.9s ease-in-out;
  743. -ms-transition: all 0.9s ease-in-out;
  744. transition: all 0.9s ease-in-out;
  745. }
  746.  
  747.  
  748.  
  749.  
  750. #F-Three{
  751. position: fixed;
  752. top: 396px;
  753. left: 635px;
  754. }
  755. #F-Three a{
  756. display: block;
  757. height: 15px;
  758. width: 70px;
  759. background-image: url('');
  760. background-size: 100px;
  761. background-position: 0 -20;
  762. background-repeat: no-repeat;
  763. border-style: solid;
  764. border-width: 1px;
  765. border-color: 575757;
  766. border-radius: ;
  767. opacity: 0.3;
  768. -webkit-transition: all 0.6s ease-in-out;
  769. -moz-transition: all 0.6s ease-in-out;
  770. -o-transition: all 0.6s ease-in-out;
  771. -ms-transition: all 0.6s ease-in-out;
  772. transition: all 0.6s ease-in-out;
  773. }
  774.  
  775.  
  776. #F-Three a:hover{
  777. background-size: 100px;
  778. background-position: 0 -30;
  779. background-repeat: no-repeat;
  780. border-style: solid;
  781. border-width: 1px;
  782. border-color: 666666;
  783. border-radius: ;
  784. opacity: 1.0;
  785.  
  786. -webkit-transition: all 0.6s ease-in-out;
  787. -moz-transition: all 0.6s ease-in-out;
  788. -o-transition: all 0.6s ease-in-out;
  789. -ms-transition: all 0.6s ease-in-out;
  790. transition: all 0.6s ease-in-out;
  791. }
  792.  
  793.  
  794. .Name3{
  795. position: fixed;
  796. top: 396px;
  797. left: 650px;
  798. text-decoration: none;
  799. font-family: 'Quicksand', sans-serif;
  800. font-size: 11px;
  801. width: 70px;
  802. height: 10px;
  803. text-align: left;
  804. letter-spacing: 5;
  805. color: #fff;
  806. opacity: 0;
  807. -webkit-transition: all 0.9s ease-in-out;
  808. -moz-transition: all 0.9s ease-in-out;
  809. -o-transition: all 0.9s ease-in-out;
  810. -ms-transition: all 0.9s ease-in-out;
  811. transition: all 0.9s ease-in-out;
  812. }
  813. .con:hover .Name3{
  814. position: fixed;
  815. top: 383px;
  816. left: 650px;
  817. opacity: 1;
  818. -webkit-transition: all 0.9s ease-in-out;
  819. -moz-transition: all 0.9s ease-in-out;
  820. -o-transition: all 0.9s ease-in-out;
  821. -ms-transition: all 0.9s ease-in-out;
  822. transition: all 0.9s ease-in-out;
  823. }
  824.  
  825.  
  826.  
  827.  
  828.  
  829. #F-Four{
  830. position: fixed;
  831. top: 330px;
  832. left: 720px;
  833. }
  834. #F-Four a{
  835. display: block;
  836. height: 15px;
  837. width: 70px;
  838. background-image: url('');
  839. background-size: 70px;
  840. background-position: 0 -15;
  841. background-repeat: no-repeat;
  842. border-style: solid;
  843. border-width: 1px;
  844. border-color: 575757;
  845. border-radius: ;
  846. opacity: 0.3;
  847. -webkit-transition: all 0.6s ease-in-out;
  848. -moz-transition: all 0.6s ease-in-out;
  849. -o-transition: all 0.6s ease-in-out;
  850. -ms-transition: all 0.6s ease-in-out;
  851. transition: all 0.6s ease-in-out;
  852. }
  853.  
  854.  
  855. #F-Four a:hover{
  856. background-size: 70px;
  857. background-position: 0 -15;
  858. background-repeat: no-repeat;
  859. border-style: solid;
  860. border-width: 1px;
  861. border-color: 666666;
  862. border-radius: ;
  863. opacity: 1.0;
  864.  
  865. -webkit-transition: all 0.6s ease-in-out;
  866. -moz-transition: all 0.6s ease-in-out;
  867. -o-transition: all 0.6s ease-in-out;
  868. -ms-transition: all 0.6s ease-in-out;
  869. transition: all 0.6s ease-in-out;
  870. }
  871.  
  872.  
  873. .Name4{
  874. position: fixed;
  875. top: 326px;
  876. left: 735px;
  877. text-decoration: none;
  878. font-family: 'Quicksand', sans-serif;
  879. font-size: 11px;
  880. width: 70px;
  881. height: 10px;
  882. text-align: left;
  883. letter-spacing: 5;
  884. color: #fff;
  885. opacity: 0;
  886. -webkit-transition: all 0.9s ease-in-out;
  887. -moz-transition: all 0.9s ease-in-out;
  888. -o-transition: all 0.9s ease-in-out;
  889. -ms-transition: all 0.9s ease-in-out;
  890. transition: all 0.9s ease-in-out;
  891. }
  892. .con:hover .Name4{
  893. position: fixed;
  894. top: 317px;
  895. left: 735px;
  896. opacity: 1;
  897. -webkit-transition: all 0.9s ease-in-out;
  898. -moz-transition: all 0.9s ease-in-out;
  899. -o-transition: all 0.9s ease-in-out;
  900. -ms-transition: all 0.9s ease-in-out;
  901. transition: all 0.9s ease-in-out;
  902. }
  903.  
  904.  
  905.  
  906.  
  907. #F-Five{
  908. position: fixed;
  909. top: 363px;
  910. left: 720px;
  911. }
  912. #F-Five a{
  913. display: block;
  914. height: 15px;
  915. width: 70px;
  916. background-image: url('');
  917. background-size: 100px;
  918. background-position: -30 -30;
  919. background-repeat: no-repeat;
  920. border-style: solid;
  921. border-width: 1px;
  922. border-color: 575757;
  923. border-radius: ;
  924. opacity: 0.3;
  925. -webkit-transition: all 0.6s ease-in-out;
  926. -moz-transition: all 0.6s ease-in-out;
  927. -o-transition: all 0.6s ease-in-out;
  928. -ms-transition: all 0.6s ease-in-out;
  929. transition: all 0.6s ease-in-out;
  930. }
  931.  
  932.  
  933. #F-Five a:hover{
  934. background-size: 100px;
  935. background-position: -30 -30;
  936. background-repeat: no-repeat;
  937. border-style: solid;
  938. border-width: 1px;
  939. border-color: 666666;
  940. border-radius: ;
  941. opacity: 1.0;
  942.  
  943. -webkit-transition: all 0.6s ease-in-out;
  944. -moz-transition: all 0.6s ease-in-out;
  945. -o-transition: all 0.6s ease-in-out;
  946. -ms-transition: all 0.6s ease-in-out;
  947. transition: all 0.6s ease-in-out;
  948. }
  949.  
  950.  
  951. .Name5{
  952. position: fixed;
  953. top: 363px;
  954. left: 735px;
  955. text-decoration: none;
  956. font-family: 'Quicksand', sans-serif;
  957. font-size: 11px;
  958. width: 70px;
  959. height: 10px;
  960. text-align: left;
  961. letter-spacing: 3;
  962. color: #fff;
  963. opacity: 0;
  964. -webkit-transition: all 0.9s ease-in-out;
  965. -moz-transition: all 0.9s ease-in-out;
  966. -o-transition: all 0.9s ease-in-out;
  967. -ms-transition: all 0.9s ease-in-out;
  968. transition: all 0.9s ease-in-out;
  969. }
  970. .con:hover .Name5{
  971. position: fixed;
  972. top: 350px;
  973. left: 735px;
  974. opacity: 1;
  975. -webkit-transition: all 0.9s ease-in-out;
  976. -moz-transition: all 0.9s ease-in-out;
  977. -o-transition: all 0.9s ease-in-out;
  978. -ms-transition: all 0.9s ease-in-out;
  979. transition: all 0.9s ease-in-out;
  980. }
  981.  
  982.  
  983.  
  984.  
  985. #F-Six{
  986. position: fixed;
  987. top: 396px;
  988. left: 720px;
  989. }
  990. #F-Six a{
  991. display: block;
  992. height: 15px;
  993. width: 70px;
  994. background-image: url('');
  995. background-size: 100px;
  996. background-position: -30 -30;
  997. background-repeat: no-repeat;
  998. border-style: solid;
  999. border-width: 1px;
  1000. border-color: 575757;
  1001. border-radius: ;
  1002. opacity: 0.3;
  1003. -webkit-transition: all 0.6s ease-in-out;
  1004. -moz-transition: all 0.6s ease-in-out;
  1005. -o-transition: all 0.6s ease-in-out;
  1006. -ms-transition: all 0.6s ease-in-out;
  1007. transition: all 0.6s ease-in-out;
  1008. }
  1009.  
  1010.  
  1011. #F-Six a:hover{
  1012. background-size: 100px;
  1013. background-position: -30 -30;
  1014. background-repeat: no-repeat;
  1015. border-style: solid;
  1016. border-width: 1px;
  1017. border-color: 666666;
  1018. border-radius: ;
  1019. opacity: 1.0;
  1020.  
  1021. -webkit-transition: all 0.6s ease-in-out;
  1022. -moz-transition: all 0.6s ease-in-out;
  1023. -o-transition: all 0.6s ease-in-out;
  1024. -ms-transition: all 0.6s ease-in-out;
  1025. transition: all 0.6s ease-in-out;
  1026. }
  1027.  
  1028.  
  1029. .Name6{
  1030. position: fixed;
  1031. top: 396px;
  1032. left: 735px;
  1033. text-decoration: none;
  1034. font-family: 'Quicksand', sans-serif;
  1035. font-size: 11px;
  1036. width: 70px;
  1037. height: 10px;
  1038. text-align: left;
  1039. letter-spacing: 3;
  1040. color: #fff;
  1041. opacity: 0;
  1042. -webkit-transition: all 0.9s ease-in-out;
  1043. -moz-transition: all 0.9s ease-in-out;
  1044. -o-transition: all 0.9s ease-in-out;
  1045. -ms-transition: all 0.9s ease-in-out;
  1046. transition: all 0.9s ease-in-out;
  1047. }
  1048. .con:hover .Name6{
  1049. position: fixed;
  1050. top: 383px;
  1051. left: 735px;
  1052. opacity: 1;
  1053. -webkit-transition: all 0.9s ease-in-out;
  1054. -moz-transition: all 0.9s ease-in-out;
  1055. -o-transition: all 0.9s ease-in-out;
  1056. -ms-transition: all 0.9s ease-in-out;
  1057. transition: all 0.9s ease-in-out;
  1058. }
  1059.  
  1060.  
  1061. .Circ1{
  1062. position: fixed;
  1063. width: 3px;
  1064. height: 3px;
  1065. background-color: #fff;
  1066. animation-duration: 2s;
  1067. animation-name: ichi;
  1068. animation-fill-mode: forwards;
  1069. animation-iteration-count: infinite;
  1070. animation-direction: reverse;
  1071. opacity: 1.0;
  1072. }
  1073.  
  1074. @keyframes ichi {
  1075. from {
  1076. position: fixed;
  1077. top: 337px;
  1078. left: 720;
  1079.  
  1080. opacity: 1.0;
  1081. }
  1082.  
  1083. to {
  1084. position: fixed;
  1085. top: 337px;
  1086. left: 530;
  1087.  
  1088. opacity: 1.0;
  1089. }
  1090. }
  1091.  
  1092.  
  1093. .Circ1-{
  1094. position: fixed;
  1095. width: 3px;
  1096. height: 3px;
  1097. background-color: #fff;
  1098. animation-duration: 2s;
  1099. animation-name: ichi1;
  1100. animation-fill-mode: forwards;
  1101. animation-iteration-count: infinite;
  1102. animation-direction: reverse;
  1103. opacity: 1.0;
  1104. }
  1105.  
  1106. @keyframes ichi1 {
  1107. from {
  1108. position: fixed;
  1109. top: 370px;
  1110. left: 720;
  1111.  
  1112. opacity: 1.0;
  1113. }
  1114.  
  1115. to {
  1116. position: fixed;
  1117. top: 370px;
  1118. left: 530;
  1119.  
  1120. opacity: 1.0;
  1121. }
  1122. }
  1123.  
  1124.  
  1125.  
  1126. .Circ1--{
  1127. position: fixed;
  1128. width: 3px;
  1129. height: 3px;
  1130. background-color: #fff;
  1131. animation-duration: 2s;
  1132. animation-name: ichi2;
  1133. animation-fill-mode: forwards;
  1134. animation-iteration-count: infinite;
  1135. animation-direction: reverse;
  1136. opacity: 1.0;
  1137. }
  1138.  
  1139. @keyframes ichi2 {
  1140. from {
  1141. position: fixed;
  1142. top: 403px;
  1143. left: 720;
  1144.  
  1145. opacity: 1.0;
  1146. }
  1147.  
  1148. to {
  1149. position: fixed;
  1150. top: 403px;
  1151. left: 530;
  1152.  
  1153. opacity: 1.0;
  1154. }
  1155. }
  1156.  
  1157.  
  1158.  
  1159.  
  1160.  
  1161. .Circ2{
  1162. position: fixed;
  1163. width: 5px;
  1164. height: 5px;
  1165. background-color: #fff;
  1166.  
  1167. -webkit-transform: rotate(-45deg);
  1168. animation-duration: 2s;
  1169. animation-name: ni;
  1170. animation-fill-mode: forwards;
  1171. animation-iteration-count: infinite;
  1172. animation-direction: reverse;
  1173. opacity: 1.0;
  1174. }
  1175.  
  1176. @keyframes ni {
  1177. from {
  1178. position: fixed;
  1179. top: 415px;
  1180. left: 515;
  1181.  
  1182. opacity: 1.0;
  1183. }
  1184.  
  1185. to {
  1186. position: fixed;
  1187. top: 265px;
  1188. left: 365;
  1189.  
  1190. opacity: 1.0;
  1191. }
  1192. }
  1193.  
  1194.  
  1195. .Circ3{
  1196. position: fixed;
  1197. width: 5px;
  1198. height: 5px;
  1199. background-color: #fff;
  1200.  
  1201. -webkit-transform: rotate(45deg);
  1202. animation-duration: 2s;
  1203. animation-name: san;
  1204. animation-fill-mode: forwards;
  1205. animation-iteration-count: infinite;
  1206. animation-direction: reverse;
  1207. opacity: 1.0;
  1208. }
  1209.  
  1210. @keyframes san {
  1211. from {
  1212. position: fixed;
  1213. top: 340px;
  1214. left: 500;
  1215.  
  1216. opacity: 1.0;
  1217. }
  1218.  
  1219. to {
  1220. position: fixed;
  1221. top: 473px;
  1222. left: 367;
  1223.  
  1224. opacity: 1.0;
  1225. }
  1226. }
  1227.  
  1228.  
  1229.  
  1230.  
  1231. #BackG{
  1232. position: fixed;
  1233. top: 330px;
  1234. left: 635px;
  1235. display: block;
  1236. height: 17px;
  1237. width: 72px;
  1238. background-size: 100px;
  1239. background-color: #161616;
  1240. opacity: 1.0;
  1241. }
  1242.  
  1243. #BackG1{
  1244. position: fixed;
  1245. top: 363px;
  1246. left: 635px;
  1247. display: block;
  1248. height: 17px;
  1249. width: 72px;
  1250. background-size: 100px;
  1251. background-color: #161616;
  1252. opacity: 1.0;
  1253. }
  1254.  
  1255. #BackG2{
  1256. position: fixed;
  1257. top: 396px;
  1258. left: 635px;
  1259. display: block;
  1260. height: 17px;
  1261. width: 72px;
  1262. background-size: 100px;
  1263. background-color: #161616;
  1264. opacity: 1.0;
  1265. }
  1266.  
  1267. #BackG3{
  1268. position: fixed;
  1269. top: 330px;
  1270. left: 720px;
  1271. display: block;
  1272. height: 17px;
  1273. width: 72px;
  1274. background-size: 100px;
  1275. background-color: #161616;
  1276. opacity: 1.0;
  1277. }
  1278.  
  1279. #BackG4{
  1280. position: fixed;
  1281. top: 363px;
  1282. left: 720px;
  1283. display: block;
  1284. height: 17px;
  1285. width: 72px;
  1286. background-size: 100px;
  1287. background-color: #161616;
  1288. opacity: 1.0;
  1289. }
  1290.  
  1291. #BackG5{
  1292. position: fixed;
  1293. top: 396px;
  1294. left: 720px;
  1295. display: block;
  1296. height: 17px;
  1297. width: 72px;
  1298. background-size: 100px;
  1299. background-color: #161616;
  1300. opacity: 1.0;
  1301. }
  1302.  
  1303. #Jam{
  1304. position:fixed;
  1305. left: 380;
  1306. top: 360;
  1307. height: 20px;
  1308. width: 20px;
  1309. z-index: 550;
  1310. overflow: hidden;
  1311. overflow-x: hidden;
  1312. background-image: url('http://i.picpar.com/CbUb.gif');
  1313. background-position: center;
  1314. background-repeat: no-repeat;
  1315. }
  1316.  
  1317. </style>
  1318.  
  1319.  
  1320. <div id="Rubeus"></div>
  1321.  
  1322. <div id="Li"></div>
  1323.  
  1324. <div id="Line"></div>
  1325.  
  1326. <div id="Line2"></div>
  1327.  
  1328. <div id="Line3"></div>
  1329.  
  1330. <div id="Line4"></div>
  1331.  
  1332. <div id="Line5"></div>
  1333.  
  1334. <div id="NaviLine"></div>
  1335.  
  1336. <div class="Circ1">
  1337. </div>
  1338.  
  1339. <div class="Circ1-">
  1340. </div>
  1341.  
  1342. <div class="Circ1--">
  1343. </div>
  1344.  
  1345. <div class="Circ2">
  1346. </div>
  1347.  
  1348. <div class="Circ3">
  1349. </div>
  1350. </style>
  1351.  
  1352. <div id="Jam">
  1353. <audio controls style="opacity: 0; padding: 0px;">
  1354. <source src="http://k003.kiwi6.com/hotlink/y8dbw171je/Sailor_Moon_R_OST_-_Rubeus_2.mp3">
  1355. </audio>
  1356.  
  1357. <div id="Dos" class="HyjeBox">
  1358. <div id="text">
  1359.  
  1360.  
  1361. STAT NAME <font style=float:right> STAT HERE </font>
  1362. <br>
  1363. STAT NAME <font style=float:right> STAT HERE </font>
  1364. <br>
  1365. STAT NAME <font style=float:right> STAT HERE </font>
  1366. <br>
  1367. STAT NAME <font style=float:right> STAT HERE </font>
  1368. <br>
  1369. STAT NAME <font style=float:right> STAT HERE </font>
  1370. <br>
  1371. STAT NAME <font style=float:right> STAT HERE </font>
  1372. <br>
  1373. STAT NAME <font style=float:right> STAT HERE </font>
  1374. <br>
  1375. STAT NAME <font style=float:right> STAT HERE </font>
  1376.  
  1377. </div>
  1378. </div>
  1379. </div>
  1380.  
  1381. <div id="Bio" class="HyjeBox2">
  1382. <div id="text">
  1383.  
  1384. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis.
  1385.  
  1386. </div>
  1387. </div>
  1388. </div>
  1389.  
  1390. <div id="OOC" class="HyjeBox3">
  1391. <div id="text">
  1392.  
  1393. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis.
  1394.  
  1395. </div>
  1396. </div>
  1397. </div>
  1398.  
  1399.  
  1400.  
  1401.  
  1402. </div>
  1403.  
  1404.  
  1405. <div id="Hyje">
  1406.  
  1407. <a href="#Dos"></a>
  1408.  
  1409.  
  1410. </div>
  1411.  
  1412.  
  1413. <div id="Hyje2">
  1414.  
  1415. <a href="#Bio"></a>
  1416.  
  1417.  
  1418. </div>
  1419.  
  1420.  
  1421. <div id="Hyje3">
  1422.  
  1423. <a href="#OOC"></a>
  1424.  
  1425. </div>
  1426.  
  1427.  
  1428. <a href="#">
  1429. <div id="title">RUBEUS</div>
  1430. </a>
  1431.  
  1432. </div>
  1433.  
  1434. <div class="con">
  1435. <div id="BackG">
  1436. </div>
  1437. <div id="F-One">
  1438. <a href="/profile.php?user="></a>
  1439. </div>
  1440. <div class="name1"> NAME </div>
  1441. </div>
  1442.  
  1443. <div class="con">
  1444. <div id="BackG1">
  1445. </div>
  1446. <div id="F-Two">
  1447. <a href="/profile.php?user="></a>
  1448. </div>
  1449. <div class="name2"> NAME </div>
  1450. </div>
  1451.  
  1452. <div class="con">
  1453. <div id="BackG2">
  1454. </div>
  1455. <div id="F-Three">
  1456. <a href="/profile.php?user="></a>
  1457. </div>
  1458. <div class="name3"> NAME </div>
  1459. </div>
  1460.  
  1461. <div class="con">
  1462. <div id="BackG3">
  1463. </div>
  1464. <div id="F-Four">
  1465. <a href="/profile.php?user="></a>
  1466. </div>
  1467. <div class="name4"> NAME </div>
  1468. </div>
  1469.  
  1470. <div class="con">
  1471. <div id="BackG4">
  1472. </div>
  1473. <div id="F-Five">
  1474. <a href="/profile.php?user="></a>
  1475. </div>
  1476. <div class="name5"> NAME </div>
  1477. </div>
  1478.  
  1479. <div class="con">
  1480. <div id="BackG5">
  1481. </div>
  1482. <div id="F-Six">
  1483. <a href="/profile.php?user="></a>
  1484. </div>
  1485. <div class="name6"> NAME </div>
  1486. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement