Facebook
From Ivory Motmot, 3 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 66
  1. background: #fff; }                                    
  2. body {  position: fixed;                  
  3.             width: 100%;                  
  4.             height: 100%;                  
  5.             margin: 0;                  
  6.             background-image:url(https://i.ibb.co/b5dyLkJ/blue-aesthetic-wallpapers-wallpaper-cave-blue-aesthetic-background.jpg);                  
  7.             background-size:cover;                  
  8.             font-family: Calibri;}  a {text-decoration: none;                  
  9.             color: white;}  #Main {                  
  10.             position: absolute;                  
  11.             width: 50%;                  
  12.             height: 60%;                  
  13.             left: 15%;                  
  14.             top: 20%;                  
  15.             background: #B0D4F3;                  
  16.             border-radius: 10px;                  
  17.             overflow: hidden;                  
  18.             border-top: 3px solid #5FAEF0;                  
  19.             z-index: 10;                  
  20.             box-shadow: 2px 2px 10px black;} #Mleft {                  
  21.             color: #5FAEF0;                  
  22.             position: absolute;                  
  23.             width: 15%;                  
  24.             left: 70%;                  
  25.             height: 60%;                  
  26.             top: 20%;                  
  27.             background: #B0D4F3;                  
  28.             overflow: hidden;                  
  29.             border-radius: 10px;                  
  30.             border-top: 3px solid #5FAEF0;                  
  31.             z-index: 10;                  
  32.             box-shadow: 2px 2px 10px black;}#RgN {                  
  33.             display: block;                  
  34.             float: left;                  
  35.             transition: all 1s ease;                  
  36.             margin-left: 12%;                  
  37.             width: 20px;                  
  38.             height: 20px;                  
  39.             border-radius: 50%;                  
  40.             background: #91CAF9;                  
  41.             margin-top: 3%;} #RgN:hover {                  
  42.                 background: #5FAEF0;} #b1, #b2, #b3 {                  
  43.             position: absolute;                  
  44.             margin-top: -100%;                  
  45.             width: 100%;                  
  46.             height: 100%;                  
  47.             z-index: -1;                  
  48.             transition: all .5s ease;} #b2:target {                  
  49.                 margin-top: 0%;                  
  50.                 z-index: 1;                  
  51.                 background-image: url(https://i.postimg.cc/GtcMWHZk/ffd72bb6700bcaec2e7b1aad3097073f.jpg);                  
  52.                 background-size: cover;}  #b1:target {                  
  53.                 margin-top: 0%;                  
  54.                 z-index: 2;                  
  55.                 background-image: url(https://i.postimg.cc/gcQJ7gkT/18a321a38a67e0bb7a8c4fd156294da5.jpg);                  
  56.                 background-size: cover;}  #imgfx {                  
  57.             top: 8%;                  
  58.             position: absolute;                  
  59.             width: 80%;                  
  60.             left: 10%;                  
  61.             border-radius: 10px;                  
  62.             border-left: 3px solid #5FAEF0;                  
  63.             box-shadow: 2px 2px 5px black;                  
  64.             filter: grayscale(50%);                  
  65.             transition: all 1s ease;} #vid {                  
  66.             background: black;                  
  67.             position: absolute;                  
  68.             width: 165px;                  
  69.             height: 120px;                  
  70.             top: 57%;                  
  71.             left: 10%;                  
  72.             box-shadow: 2px 2px 5px black;} #Ml {                  
  73.             position: absolute;                  
  74.             width: 100%;                  
  75.             height: 100%;                  
  76.             bottom: -93%;                  
  77.             transition: all 1s ease;                  
  78.             background:black;}  #Mleft:hover #imgfx {                  
  79.                 filter: grayscale(1%);}  #Ml:hover {                  
  80.                 bottom: 0;                  
  81.                 background: transparent;}  #Ab {                  
  82.             color:white;                  
  83.             width: 100%;                  
  84.             height: 7%;                  
  85.             background: #91CAF9;                  
  86.             position: absolute;                  
  87.             transition: all 1s ease;}  #Ml:hover #Ab {                  
  88.             background: #5FAEF0;} #Ml:hover #at {                  
  89.            letter-spacing:5px;                  
  90.            font-weight:bold;}  #spce {                  
  91.             width:100%;                  
  92.             height:50%;} #Dat {                  
  93.             border-top:5px solid #5FAEF0;                  
  94.             background: #91CAF9;                  
  95.             width: 100%;                  
  96.             height: 50%;}  #at {                  
  97.             text-align: center;                  
  98.             letter-spacing: 2px;                  
  99.             font-size: 12px;                  
  100.             margin: 0;                  
  101.             margin-top: 10px;                  
  102.             transition: all 1s ease;} #fot {                  
  103.             height: 7%;                  
  104.             width:100%;                  
  105.             position:absolute;                  
  106.             background:#91CAF9;                  
  107.             bottom:0;}  .animacion {                  
  108.             color: white;                  
  109.             display: block;                  
  110.             width: auto;                  
  111.             height: 40px;                  
  112.             position: absolute;                  
  113.             font-size: 12px;                  
  114.             line-height: 40px;                  
  115.             float: left;                  
  116.             width: auto;                  
  117.             -webkit-animation-iteration-count: infinite;                  
  118.             -webkit-animation-timing-function: linear;                  
  119.             -webkit-animation-duration: 15s;                  
  120.             letter-spacing: 3px;                  
  121.             -webkit-animation-name: scroll;} .animacion a {                  
  122.                 color: white;}  @-webkit-keyframes scroll {                  
  123.             0% { left: 100%;} 100% {                  
  124.                 left: -100%;}}  .animacion span {                  
  125.             transition: all 1s ease;} .animacion:hover {                  
  126.             -webkit-animation-play-state: paused;} .animacion:hover span {                  
  127.             letter-spacing: 4px;} #Name {                  
  128.             color:#5FAEF0;                  
  129.             text-align: center;                  
  130.             font-size: 18px;                  
  131.             letter-spacing: 3px;                  
  132.             margin-top: 10px;                  
  133.             transition: all 1s ease;} #N2 {                  
  134.             text-align: center;                  
  135.             font-size: 10px;                  
  136.             letter-spacing: 2px;                  
  137.             margin-top:-5px;                  
  138.             color:white;} #Name:hover {                  
  139.             color:white;                  
  140.             letter-spacing:5px;} #br {                  
  141.             position:absolute;                  
  142.             width:50%;                  
  143.             left:25%;                  
  144.             border-top:1px solid #5FAEF0;                  
  145.             top:65%;} #ft2 {                  
  146.             font-size:9px;                  
  147.             letter-spacing:2px;                  
  148.             color:#5FAEF0;                  
  149.             position:absolute;                  
  150.             bottom:0;                  
  151.             left:5%;} #desc {                  
  152.             width: 60%;                  
  153.             height: auto;                  
  154.             margin-top: 20%;                  
  155.             margin-left: 20%;                  
  156.             overflow: auto;                  
  157.             border-radius: 5px;                  
  158.             transition: all 1s ease;                  
  159.             text-align:center;                  
  160.             font-size:10px;                  
  161.             color:white;} #desc:hover {                  
  162.                 background:#5FAEF0;                  
  163.                 color:white;}  #frds {                  
  164.             position: absolute;                  
  165.             top: 7%;                  
  166.             left: 5%;                  
  167.             width: 25%;                  
  168.             height: 80%;                  
  169.             background-image:url(https://i.ibb.co/gSZ8y8G/wp5952152.png);                  
  170.             background-size:cover;                  
  171.             overflow:auto;                  
  172.             box-shadow:2px 2px 10px gray;                  
  173.             border-radius:0 5px 5px 0;} #F1 {                  
  174.             position: absolute;                  
  175.             width: 97%;                  
  176.             height: 15%;                  
  177.             background: rgba;                  
  178.             display: block;                  
  179.             float: left;                  
  180.             left: -81%;                  
  181.             transition: all 1s ease;                  
  182.             border-right: 5px solid #5FAEF0;} #F1:nth-child(2) {                  
  183.                 top:15%;} #F1:nth-child(3) {                  
  184.                 top: 30%;} #F1:nth-child(4) {                  
  185.                 top: 45%;} #F1:nth-child(5) {                  
  186.                 top: 60%;} #F1:nth-child(6) {                  
  187.                 top: 75%;} #F1:nth-child(7) {                  
  188.                 top: 90%;} #F1:nth-child(8) {                  
  189.                 top: 105%;}#F1:nth-child(9) {                  
  190.                 top: 120%;}#F1:nth-child(10) {                  
  191.                 top: 135%;} #F1:nth-child(11) {                  
  192.                 top: 150%;} #F1:nth-child(12) {                  
  193.                 top: 165%;}#F1:nth-child(13) {                  
  194.                 top: 190%;} #F1:nth-child(14) {                  
  195.                 top: 205%;} #F1:hover {                  
  196.                 left:0;                  
  197.                 background:#C3E4FF;                  
  198.                 text-shadow:1px 1px 5px #5FAEF0;} #frds::-webkit-scrollbar, #Apst::-webkit-scrollbar {                  
  199.             width: 3px;                  
  200.             background-color: transparent;}  #frds::-webkit-scrollbar-thumb, #Apst::-webkit-scrollbar-thumb {                  
  201.             width: 1px;                  
  202.             background-color: #5FAEF0;} #F1:hover #number p {                  
  203.             color:#5FAEF0;} #number {                  
  204.             position: absolute;                  
  205.             width: 20%;                  
  206.             left: 83%;                  
  207.             height: 100%;}   #number p {                  
  208.                 color: white;                  
  209.                 font-size: 12px;                  
  210.                 text-align: center;                  
  211.                 transition: all 1s ease;}  #regs {                  
  212.             position: absolute;                  
  213.             width: 40%;                  
  214.             left: 40%;                  
  215.             height: 100%;                  
  216.             font-size: 8px;                  
  217.             color: gray;                  
  218.             letter-spacing: 1px;                  
  219.             transition: all 1s ease;} #regs:hover {                  
  220.                 color:#ff4b4b;}  #imgf {                  
  221.             position: absolute;                  
  222.             width: 30%;                  
  223.             left:5%;                  
  224.             top:5%;                  
  225.             height: 85%;                  
  226.             border-radius:5px;                  
  227.             box-shadow:2px 2px 5px black;} #Dtxt {                  
  228.             position:absolute;                  
  229.             left:35%;                  
  230.             top:-60%;                  
  231.             text-align: center;                  
  232.             letter-spacing:3px;                  
  233.             color: #5FAEF0;                  
  234.             font-weight: 200;                  
  235.             padding-top: 40vh;                  
  236.             overflow: hidden;                  
  237.             -webkit-backface-visibility: hidden;                  
  238.             -webkit-transform: translate3d(0,0,0);}   #Nye, #Descr {                  
  239.             display: inline-block;                  
  240.             overflow: hidden;                  
  241.             white-space: nowrap;}  #Nye {                  
  242.             font-size: 32px;} #Descr {                  
  243.             font-size:18px;                  
  244.             margin-bottom:10px;}  #Nye:first-of-type, #Descr:first-of-type {                  
  245.                 animation: showup 7s infinite;} #Nye:last-of-type, #Descr:last-of-type {                  
  246.                 width: 0px;                  
  247.                 animation: reveal 7s infinite;} #Spn {                  
  248.             margin-left: -355px;                  
  249.             animation: slidein 7s infinite;} @keyframes showup { 0% {                  
  250.                 opacity: 0;} 20% {                  
  251.                 opacity: 1;} 80% {                  
  252.                 opacity: 1;} 100% {                  
  253.                 opacity: 0;}}  @keyframes slidein { 0% {                  
  254.                 margin-left: -800px;}20% {                  
  255.                 margin-left: -800px;}      margin-left: 0px;}  100% {                  
  256.                 margin-left: 0px;}} @keyframes reveal { 0% {opacity: 0;                  
  257.                 width: 0px;} 20% {                  
  258.                 opacity: 1;                  
  259.                 width: 0px;} 30% {                  
  260.                 width: 355px;}   80% {                  
  261.                 opacity: 1;}  100% {                  
  262.                 opacity: 0;                  
  263.                 width: 355px;}} #brd {                  
  264.             width:50%;                  
  265.             border-bottom:1px solid #5FAEF0;                  
  266.             margin-top:12%;                  
  267.             margin-left:38%;} #Apst {                  
  268.             position:absolute;                  
  269.             width:60%;                  
  270.             height:60%;                  
  271.             top:27%;                  
  272.             left:35%;                  
  273.             overflow:auto;}  #post {                  
  274.             width: 99%;                  
  275.             height: 95%;                  
  276.             margin-bottom: 5%;                  
  277.             border-left:1px solid #5FAEF0;}  #etiq {                  
  278.             position:absolute;                  
  279.             color:white;                  
  280.             background:#5FAEF0;                  
  281.             margin:0;                  
  282.             font-size:10px;                  
  283.             letter-spacing:2px;}  #imgpost {                  
  284.             position: relative;                  
  285.             width: 80%;                  
  286.             height: 55%;                  
  287.             border-radius: 5px;                  
  288.             margin-top: 7%;                  
  289.             left: 10%;                  
  290.             box-shadow:2px 2px 5px dimgray;}#titl { letter-spacing:2px;                  
  291.             color:dimgray;                  
  292.             text-align:center;                  
  293.             font-size:10px;                  
  294.             height:30%;                  
  295.             width:80%;                  
  296.             margin-left:10%;                  
  297.             border-right:1px solid #5FAEF0;} #b3:target {                  
  298.             margin-top: 0%;                  
  299.             z-index: 30;                  
  300.             background: rgba(50,50,50,0.6);                  
  301.             background-image: url(https://i.postimg.cc/tCS1tt1j/9-90322-15-blur-effect-transparent-png-for-free-download.png);                  
  302.             background-size: cover;                  
  303.             cursor: url(https://i.postimg.cc/pLqsbffD/cursor.png),zoom-in;} #xCrim {                  
  304.             position: absolute;                  
  305.             width: 40%;                  
  306.             height: 50%;                  
  307.             background: white;                  
  308.             border-radius: 10px 0 0 0;                  
  309.             box-shadow: 7px 7px #3d3d3d;                  
  310.             left: 30%;                  
  311.             top: 25%;                  
  312.             text-align: center;}#Cbtn {                  
  313.             position: absolute;                  
  314.             width: 50px;                  
  315.             height: 50px;                  
  316.             right: 1%;                  
  317.             top: 1%;} #Cbtn img {                  
  318.                 width: 100%;} .lr {                  
  319.             position: absolute;                  
  320.             top: 50%;                  
  321.             width: 80%;                  
  322.             text-align: center;                  
  323.             color: dimgray;                  
  324.             left: 10%;} .letter {                  
  325.             font-size: 40px;                  
  326.             text-shadow: 2px 2px 10px dimgray;                  
  327.             transition: all .3s ease;} .letter:hover {                  
  328.                 color: #8f3232;                  
  329.                 margin-left: 5px;                  
  330.                 margin-right: 5px;} #dds {                  
  331.             margin-top: 0px;                  
  332.             color: darkgray;                  
  333.             font-size: 12px;                  
  334.             letter-spacing: 2px;                  
  335.             transition: all 1s ease;} #dds:hover {                  
  336.                 letter-spacing: 5px;                  
  337.                 color: #8f3232;} #cimgx {                  
  338.             background: lightgray;                  
  339.             position: absolute;                  
  340.             top: 5%;                  
  341.             left: 38%;                  
  342.             width: 25%;                  
  343.             border: 5px solid lightgray;                  
  344.             overflow: hidden;                  
  345.             border-radius: 50%;                  
  346.             box-shadow: 1px 1px 10px dimgray;} #imgxx {                  
  347.             width: 100%;                  
  348.             height: 100%;                  
  349.             transition: all .5s ease;                  
  350.             filter: grayscale(60%);} #cimgx:hover #imgxx {                  
  351.             -webkit-transform: scale(1.1);                  
  352.             filter: grayscale(1%);}  #Tt {                  
  353.             position: absolute;                  
  354.             bottom: 5%;                  
  355.             width: 100%;                  
  356.             text-align: center} #cf {                  
  357.             width: 100%;                  
  358.             position: absolute;                  
  359.             top: 73%;}  #btnCr {                  
  360.             top:1%;                  
  361.             right:3%;                  
  362.             width:15%;                  
  363.             height:6%;                  
  364.             background:#5FAEF0;                  
  365.             position:absolute;                  
  366.             border-radius:15px;}#btnCr img {                  
  367.                 width:50%;                  
  368.                 margin-left:25%;                  
  369.                 margin-top:12%;}div#nowafixed{}
  370. div#noowayfixed {
  371.         z-index: 2147483647;
  372.     position: fixed;
  373.     bottom: 0;
  374.     left: 0;
  375. }
  376. div#noowaymenu
  377. {