Facebook
From lilahc, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 258
  1. * {
  2.     cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto !important;
  3. }
  4.  
  5. .avatar {
  6.     border-radius: 50%;
  7.     border: double white 5px;
  8. }
  9.  
  10. .fwiendFace img {
  11.     border-radius: 50%;
  12.     background-position: center;
  13.     display: absolute;
  14.     object-fit: cover;
  15.     height: 100px;
  16.     width: 100px;
  17. }
  18.  
  19. .fwiendFace {
  20.     background-image: url();
  21.     border: 1px solid #fff;
  22.     border-radius: 50%;
  23.     font-size: 0;
  24.     height: 100px;
  25.     margin-bottom: 5px;
  26.     margin-right: 5px;
  27.     max-width: 100vw;
  28.     width: 100px;
  29. }
  30.  
  31. body {
  32.     font-family: Times New Roman;
  33.     background: url(https://i.pinimg.com/originals/e9/57/c1/e957c15c5087a32d46c5bf2da5faef10.gif);
  34.     font-size: 20px;
  35.     color: white;
  36. }
  37.  
  38. span#hUp::before {
  39.     font-size: small;
  40.     content: "WONDER EGG PRIORITY.";
  41.     font-size: 13px;
  42.     animation-duration: 0.3s;
  43.     animation-timing-function: ease;
  44.     animation-delay: 0s;
  45.     animation-iteration-count: infinite;
  46.     animation-direction: normal;
  47.     animation-fill-mode: none;
  48.     animation-play-state: running;
  49.     animation-name: blinkingTextRed;
  50. }
  51.  
  52. div.boxInfo.box {
  53.     background-color: burlywood;
  54.     border: 2x solid #a8763e;
  55.     padding: 3px 3px;
  56.     border-radius: 15px;
  57.     color: white;
  58. }
  59.  
  60. .player::before {
  61.     content: "";
  62.     display: block;
  63.     position: relative;
  64.     width: calc(50% -20px);
  65.     height: 335px;
  66.     max-width: 390px;
  67.     background-position: 0 0;
  68.     background-size: 100% 100%;
  69.     background-image: url(https://media.tenor.com/images/7c6688695e0e171ceb8dbc2666a249d8/tenor.gif);
  70.     object-fit: cover;
  71. }
  72.  
  73. div.box.blurbs {
  74.     background-color: burlywood;
  75.     border: 2px double #a8763e;
  76.     padding: 3px 3px;
  77.     border-radius: 15px;
  78.     border-width: thick;
  79. }
  80.  
  81. h3 {
  82.     display: block;
  83.     font-size: 1.17em;
  84.     margin-block-start: 1em;
  85.     margin-block-end: 1em;
  86.     margin-inline-start: 0px;
  87.     margin-inline-end: 0px;
  88.     font-weight: bold;
  89. }
  90.  
  91. .topLeft {
  92.     animation-duration: 1.5s;
  93.     background-image: url(TABLE IMAGE HERE);
  94.     background-position: center;
  95.     background-size: cover;
  96.     border: 2px solid #fff;
  97.     border-radius: 30px;
  98.     box-sizing: border-box;
  99.     color: #fff;
  100.     overflow: auto;
  101.     padding: 1px;
  102.     position: relative;
  103.     text-shadow: 0 0 4px black;
  104.     top: 60px;
  105. }
  106.  
  107. h4 {
  108.     color: white;
  109.     margin-bottom: 0px;
  110.     border: 1px solid #a8763e;
  111.     background-color: #a8763e;
  112.     border-radius: 20px;
  113. }
  114.  
  115. .blogs div, .blog div {
  116.     margin-bottom: 10px;
  117.     background-color: tan;
  118.     border: 2px solid #a8763e;
  119.     border-radius: 20px;
  120. }
  121.  
  122. .fwiendCounter {
  123.     margin-top: 10px;
  124.     margin-bottom: 20px;
  125.     background-color: #a8763e;
  126.     border-radius: 20px;
  127. }
  128.  
  129. h4 {
  130.     color: white;
  131.     margin-bottom: 0px;
  132.     border: 1px solid #a8763e;
  133.     background-color: #a8763e;
  134.     border-radius: 20px;
  135. }
  136.  
  137. .extended.box {
  138.     background-color: burlywood;
  139.     border: 2px solid #a8763e;
  140.     padding: 3px 3px;
  141.     border-radius: 15px;
  142.     color: white;
  143. }
  144.  
  145. .boxInfo {
  146.     border: 8px solid #A87642;
  147.     margin-bottom: 10px;
  148.     margin-top: 10px;
  149.     border-radius: 20px;
  150.     overflow: initial;
  151. }
  152.  
  153. .tableRight {
  154.     width: 75%;
  155.     background: tan;
  156.     padding: 10px;
  157.     vertical-align: top;
  158.     overflow-wrap: anywhere;
  159.     border: 2px double #a8763e;
  160.     border-width: thick;
  161. }
  162.  
  163. .tableLeft {
  164.     background: tan;
  165.     width: 25%;
  166.     padding: 10px;
  167.     vertical-align: top;
  168.     overflow: hidden;
  169.     border: 2px double #a8763e;
  170.     border-width: thick;
  171. }
  172.  
  173. .player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
  174.     background: #fff;
  175.     background: burlywood;
  176.     height: 36px;
  177.     filter: none;
  178. }
  179.  
  180. div.player.box {
  181.     background-color: burlywood;
  182.     border: 2px solid #a8763e;
  183.     padding: 3px 3px;
  184.     border-radius: 15px;
  185.     margin-bottom: 25px;
  186.     color: white;
  187. }
  188.  
  189. #add {
  190.     background-repeat: no-repeat;
  191.     background: url(https://64.media.tumblr.com/eee01037e40a212736e609470d08edfb/tumblr_inline_p94wgwl3HT1rhwzwl_75sq.gifv)no-repeat;
  192. }
  193.  
  194. #sMsg {
  195.     background-repeat: no-repeat;
  196.     background-image: url(https://64.media.tumblr.com/eee01037e40a212736e609470d08edfb/tumblr_inline_p94wgwl3HT1rhwzwl_75sq.gifv);
  197. }
  198.  
  199. #sMsg::after {
  200.     content: "Message me <3";
  201.     font-size: 13px;
  202. }
  203.  
  204. #sMsg {
  205.     background-color: burlywood;
  206.     font-size: 0;
  207. }
  208.  
  209. #report {
  210.     background-color: burlywood;
  211.     font-size: 0;
  212. }
  213.  
  214. #report {
  215.     background-repeat: no-repeat;
  216.     background-image: url();
  217. }
  218.  
  219. #block {
  220.     background-repeat: no-repeat;
  221.     background-image: url();
  222. }
  223.  
  224. #block {
  225.     background-color: burlywood;
  226.     font-size: 0;
  227. }
  228.  
  229. div.boxHead {
  230.     background-color: burlywood;
  231.     color: white;
  232.     text-decoration: underline;
  233. }
  234.  
  235. .url {
  236.     border: solid 2px white;
  237.     padding: 2px;
  238. }
  239.  
  240. .rightHead {
  241.     background: burlywood;
  242.     color: white;
  243.     padding-left: 4px;
  244. }
  245.  
  246. .rightHead {
  247.     margin-top: 10px;
  248.     margin-bottom: 20px;
  249.     background-color: #a8763e;
  250.     border-radius: 20px;
  251. }
  252.  
  253. div.box.comments {
  254.     background-color: burlywood;
  255.     border: 2px solid #a8763e;
  256.     padding: 3px 3px;
  257.     border-radius: 15px;
  258.     margin-bottom: 25px;
  259.     color: white;
  260. }
  261.  
  262. #commentInput {
  263.     width: calc( 100% - 6px );
  264.     margin: 0;
  265.     margin-top: 10px;
  266.     height: 100px;
  267.     background-color: tan;
  268.     border: 2px double #a8763e;
  269. }
  270.  
  271. div#hSub {
  272.     background: #a8763e;
  273.     font-family: Arial, Helvetica, sans-serif;
  274. }
  275.  
  276. #hSub a {
  277.     color: #fff;
  278.     text-decoration: none;
  279. }
  280.  
  281. .logo b:after {
  282.     vertical-align: middle;
  283.     font-size: 20px;
  284.     color: #fff;
  285.     content: "‧͙⁺˚*・༓☾ For Koito ☽༓・*˚⁺‧͙";
  286.     font-family: ""Arial Black", Gadget, sans-serif ";
  287. }
  288.  
  289. div#header {
  290.     background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTRkJcOqZfYU28kKYGTpcXIqLb8Stc2l_5Jeg&usqp=CAU.jpg);
  291.     background-size: cover;
  292.     text-align: center;
  293.     font-family: "Arial, Helvetica, sans-serif";
  294. }
  295.  
  296. div#header {
  297.     text-align: center;
  298.     font-size: 0;
  299.     background-color: #a8763e;
  300. }
  301.  
  302.  
  303. div#hSub {
  304.     background: #a8763e;
  305.     text-align: center;
  306.     font-family: Arial, Helvetica, sans-serif;
  307. }
  308.  
  309. .topLeft:after {
  310.     margin: 4px 236px 36px -240px;
  311.     content: " ";
  312.     display: block;
  313.     white-space: pre-wrap;
  314.     padding: 0px 69px 0px 0px;
  315.     height: 1800px;
  316.     width: 852px;
  317.     background-image: url(https://thumbs.gfycat.com/CookedOldGoldfish-max-1mb.gif), url(https://i.kym-cdn.com/photos/images/original/002/061/495/4a0.gifv);
  318.     background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  319.     background-size: 385px;
  320.     background-position: 243px 0px, 243px 237px;
  321. }
  322.