Katsiree

Jp_bac

May 26th, 2019
364
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.54 KB | None | 0 0
  1.                 .gg_lasvegas {
  2.                     border: none;
  3.                     color: rgba(255, 255, 255, 0.6);
  4.                     text-shadow:
  5.                         1px 5px 4px rgba(0, 0, 0, .3),
  6.                         0 0 2px rgba(255, 255, 255, 1),
  7.                         0 0 10px rgba(255, 255, 255, 1),
  8.                         0 0 20px rgba(255, 255, 255, 1),
  9.                         0 0 30px rgba(255, 255, 255, 1),
  10.                         0 0 40px #F9DB01,
  11.                         0 0 70px #F9DB01,
  12.                         0 0 80px #F9DB01,
  13.                         0 0 100px #F9DB01;
  14.  
  15.                 }
  16.  
  17.  
  18.                 .gg_lasvegas h1,
  19.                 .gg_lasvegas h2,
  20.                 .gg_lasvegas h3,
  21.                 .gg_lasvegas h4,
  22.                 .gg_lasvegas h5,
  23.                 .gg_lasvegas h6,
  24.                 .gg_lasvegas h1,
  25.                 .gg_lasvegas p {
  26.                     animation: blink 1s infinite alternate;
  27.                 }
  28.  
  29.  
  30.                 @keyframes blink {
  31.                     0% {}
  32.  
  33.                     50% {}
  34.  
  35.                     60% {
  36.                         text-shadow:
  37.                             0 0 2px rgba(255, 255, 255, .1),
  38.                             0 0 10px rgba(255, 255, 255, .4);
  39.  
  40.                         text-stroke: 2px rgba(255, 255, 255, 0.05);
  41.                     }
  42.  
  43.                     70% {
  44.                         text-shadow:
  45.                             0 0 2px rgba(255, 255, 255, 1),
  46.                             0 0 10px rgba(255, 255, 255, 1),
  47.                             0 0 20px rgba(255, 255, 255, 1),
  48.                             0 0 30px rgba(255, 255, 255, 1),
  49.                             0 0 40px #F9DB01,
  50.                             0 0 70px #F9DB01,
  51.                             0 0 80px #F9DB01,
  52.                             0 0 100px #F9DB01;
  53.                     }
  54.  
  55.                     80% {
  56.                         text-shadow:
  57.                             0 0 2px rgba(255, 255, 255, .1),
  58.                             0 0 10px rgba(255, 255, 255, .4);
  59.  
  60.                         text-stroke: 2px rgba(255, 255, 255, 0.05);
  61.                     }
  62.  
  63.                     100% {
  64.                         text-shadow:
  65.                             0 0 2px rgba(255, 255, 255, 1),
  66.                             0 0 10px rgba(255, 255, 255, 1),
  67.                             0 0 20px rgba(255, 255, 255, 1),
  68.                             0 0 30px rgba(255, 255, 255, 1),
  69.                             0 0 40px #F9DB01,
  70.                             0 0 70px #F9DB01,
  71.                             0 0 80px #F9DB01,
  72.                             0 0 100px #F9DB01;
  73.                     }
  74.                 }
  75.  
  76.                 @media(min-width: 992px) {
  77.                     .gg_w-d {
  78.                         width: 70%;
  79.                     }
  80.                 }
  81.  
  82.                 @media(max-width: 992px) {
  83.                     .gg_w-d {
  84.                         width: 100%;
  85.                     }
  86.                 }
  87.  
  88.                 /* ------------ */
  89.  
  90.                 #gg_confetti {
  91.                     position: fixed;
  92.                     left: 0;
  93.                     top: 0;
  94.                     height: 100%;
  95.                     width: 100%;
  96.                     pointer-events: none;
  97.                 }
  98.  
  99.                 #gg_confetti img {
  100.                     width: 100%;
  101.                     margin: 20px 0;
  102.                 }
  103.  
  104.  
  105.  
  106.                 .gg_message {
  107.                     background: pink;
  108.                     z-index: 1000;
  109.                     background: #fff;
  110.                     box-shadow: 0px 0px 15px #ddd;
  111.                     border-radius: 5px;
  112.                     padding: 20px;
  113.                     margin: 0 auto;
  114.                     position: relative;
  115.                     margin-top: 50px;
  116.                     animation: fade_in 0.6s;
  117.                     animation-fill-mode: forwards;
  118.                 }
  119.  
  120.                 .gg_gotcha {
  121.                     font-size: 64px;
  122.                     color: #3b79ac;
  123.                     opacity: 0;
  124.                     animation: gg_gotcha_anim 1s;
  125.                     animation-fill-mode: forwards;
  126.                     animation-delay: 0.5s;
  127.                 }
  128.  
  129.                 .gg_explanation ul>li {
  130.                     font-size: 16px;
  131.                     margin: 5px;
  132.                     opacity: 0;
  133.                     border-top: 1px solid #ccc;
  134.                     animation: fade_in 1.5s;
  135.                     animation-fill-mode: forwards;
  136.                     animation-delay: 1s;
  137.                     list-style: none;
  138.                 }
  139.  
  140.                 .gg_explanation ul {
  141.                     margin-top: 25px;
  142.                 }
  143.  
  144.                 .gg_return_link {
  145.                     font-size: 24px;
  146.                     color: skyblue;
  147.                     animation: fade_in 1s;
  148.                     animation-fill-mode: forwards;
  149.                     animation-delay: 1.2s;
  150.                     opacity: 0;
  151.                 }
  152.  
  153.                 @keyframes gg_gotcha_anim {
  154.                     0% {
  155.                         opacity: 0;
  156.                         font-size: 32px;
  157.                     }
  158.  
  159.                     50% {
  160.                         opacity: 1;
  161.                         font-size: 72px;
  162.                         transform: rotate(10deg);
  163.                     }
  164.  
  165.                     100% {
  166.                         font-size: 64px;
  167.                         opacity: 1;
  168.                     }
  169.                 }
  170.  
  171.                 @keyframes fade_in {
  172.                     from {
  173.                         opacity: 0;
  174.                     }
  175.  
  176.                     to {
  177.                         opacity: 1;
  178.                     }
  179.                 }
  180.  
  181.  
  182.                 @media(min-width: 992px) {
  183.                     .pp_number {
  184.                         top: 17%;
  185.                         position: absolute;
  186.                         left: 37%;
  187.                     }
  188.  
  189.                     .pp_number h4 {
  190.                         color: #1f1e1d;
  191.                         font-weight: bold;
  192.                         font-size: 35px;
  193.                     }
  194.  
  195.                     .pp_date {
  196.                         position: absolute;
  197.                         top: 36%;
  198.                         right: 17px;
  199.                     }
  200.  
  201.                     .pp_nameJp {
  202.                         position: absolute;
  203.                         top: 63%;
  204.                         left: 27%;
  205.                     }
  206.  
  207.                     .pp_nameJp h4 {
  208.                         color: #1f1e1d;
  209.                         font-weight: bold;
  210.                         font-size: 60px;
  211.                     }
  212.                 }
  213.  
  214.                 @media(max-width: 992px) {
  215.                     .pp_number {
  216.                         top: 15%;
  217.                         position: absolute;
  218.                         left: 35%;
  219.                     }
  220.  
  221.                     .pp_number h4 {
  222.                         color: #1f1e1d;
  223.                         font-weight: bold;
  224.                         font-size: 25px;
  225.                     }
  226.  
  227.                     .pp_date {
  228.                         position: absolute;
  229.                         top: 35%;
  230.                         right: 2%;
  231.                     }
  232.  
  233.                     .pp_nameJp {
  234.                         position: absolute;
  235.                         top: 64%;
  236.                         left: 27%;
  237.                     }
  238.  
  239.                     .pp_nameJp h4 {
  240.                         color: #1f1e1d;
  241.                         font-weight: bold;
  242.                         font-size: 34px;
  243.                     }
  244.                 }
  245.  
  246.                 div.pp_d_t {
  247.                     display: inline-block;
  248.                     border: crimson 3px solid;
  249.                     border-radius: 10px;
  250.                     color: crimson;
  251.                     font-size: 16px;
  252.                     font-weight: bold;
  253.                     padding: 5px;
  254.                     padding: 1px 15px;
  255.                     background-color: #fff;
  256.                 }
  257.  
  258.                 .pp_d_t_right {
  259.                     display: inline;
  260.                     font-size: 14px;
  261.                     font-weight: bold;
  262.                     top: -8px;
  263.                     position: relative;
  264.                     left: -8px;
  265.                     background: crimson;
  266.                     border-radius: 50px;
  267.                     padding: 4px;
  268.                     color: #ffffff;
  269.                 }
  270.  
  271.                 .pp_d_t_right span {
  272.                     left: 2px;
  273.                     position: relative;
  274.                 }
Advertisement
Add Comment
Please, Sign In to add comment