daily pastebin goal
82%
SHARE
TWEET

Untitled

a guest May 16th, 2018 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
Top