please give credits when you use it!! <3 - Pastebin
Facebook
From an.gelicblue, 1 Year ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 79
  1. *{  
  2.   font-family: "oblique",oblique ,italic;
  3.   color: #ffffff;
  4. }
  5. .logo b span {display: none;}
  6. .logo b:before {content: "i baked cookies! would you like some?"; font-family: oblique; font-size:15px; color: white;}
  7.  
  8. #header {
  9.     font-family: oblique;
  10.     font-size: 15px;
  11.     background: !important;
  12.     color: #fff
  13.  
  14. }
  15. .topLeft:after {
  16.     content: "";
  17.     white-space: pre-wrap;
  18.     display: block;
  19.     height: 500px;
  20.     background-image: url(lll), url(https://i.pinimg.com/originals/28/ba/4b/28ba4b7e64e54bef1ebcfd530af9c938.gif);
  21.     background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, repeat;
  22.     background-size: 390px;
  23.  
  24. }
  25. div#hSub {
  26.     white-space: nowrap;
  27.     overflow-y: hidden;
  28. }
  29. #commentInput {
  30.     color: #89caf5;
  31. }
  32. .url a {
  33.     display: none;
  34. }
  35. .url {
  36.     font-size: 0px;
  37.     background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3db32314-d47d-4681-8c47-c74b525313ac/de0pa0n-27a7e670-5d0e-4c8d-ada0-90f11e46769f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvM2RiMzIzMTQtZDQ3ZC00NjgxLThjNDctYzc0YjUyNTMxM2FjXC9kZTBwYTBuLTI3YTdlNjcwLTVkMGUtNGM4ZC1hZGEwLTkwZjExZTQ2NzY5Zi5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.jGnDff6WmVUWMB-hFIhp6f4p36T4dyxprLo8JEEp36Y);
  38.     background-size: 310px;
  39.     position: fixed;
  40.     right: 0;
  41.     bottom: 0;
  42.     color: transparent !important;
  43.     height: 256px;
  44.     width: 256px;
  45.     border: none;
  46.     box-shadow: none;
  47.     padding: 0 !important;
  48.     z-index: 1000;
  49.  
  50. }
  51. div#header {
  52. Background-image: url(https://i.pinimg.com/originals/7f/5c/d1/7f5cd130bd1b53429a4a8fa3a8122e5f.png);
  53. text-align: center;}
  54.  
  55. }
  56. #hSub a {
  57.         color: #d5f0d3;
  58.     text-shadow: 2px 2px black;
  59.         text-decoration: none;
  60.  
  61. }
  62. colors
  63. @media only screen and (max-width: 768px)
  64. .topLeft, .topRight {
  65.     width: auto;
  66.     float: none;
  67.  
  68. }
  69. @keyframes slide{
  70.         from {
  71.                 margin-right: -100%;
  72.         }
  73.         to {
  74.                 margin-right: 0%;
  75.         }
  76.  
  77. }
  78. .topRight{
  79.         animation-duration: 2s;
  80.         animation-name: slide;
  81. }
  82. @keyframes slidein{
  83.     from {
  84.         margin-left: -100%;
  85.     }
  86.    
  87.     to {
  88.         margin-left: 0%;
  89.  
  90.     }
  91. }
  92. .topLeft{
  93.         animation-duration: 2s;
  94.         animation-name: slidein;
  95. }
  96. a {
  97.     color: #d5f0d3;
  98. }
  99. ::-webkit-scrollbar {
  100. width: 13px;
  101. height: 13px;
  102. }
  103.  
  104. ::-webkit-scrollbar-track {
  105. background: #ffdeff;
  106. box-shadow: inset 0 0 10px #edb4ed;
  107. border-radius: 10px;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb {
  111. border-radius: 10px;
  112. background: #fcd7fc;
  113. box-shadow: inset 0 0 6px #fff;
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb:hover {
  117. background: #e092e0;
  118.  
  119. }
  120. .player::before {
  121.     content: "";
  122.     display: block;
  123.     position: relative;
  124.     width: calc(40% -20px);
  125.     height: 390px;
  126.     max-width: 390px;
  127.     background-position: 0 0;
  128.     background-size: 100% 100%;
  129.     background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a4eeb596-b9ce-4201-a47c-74e3b000bd21/ddthurx-5426f949-58c5-4cfe-93d6-f2edc9684d1e.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvYTRlZWI1OTYtYjljZS00MjAxLWE0N2MtNzRlM2IwMDBiZDIxXC9kZHRodXJ4LTU0MjZmOTQ5LTU4YzUtNGNmZS05M2Q2LWYyZWRjOTY4NGQxZS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.2yYL6jlrgwHju3O_x5tBcETxUiJAssd9dubW3IgW7oI);
  130. }
  131.  
  132. .songName span {
  133.     display: inline-block;
  134.     padding: 2%;
  135. }
  136. .songName span:hover {
  137.     animation-play-state: paused;
  138. }
  139. @keyframes marquee{
  140. 0% {
  141.     transform: translate(0, 0);
  142. }
  143.  
  144. 100% {
  145.     transform: translate(-100%, 0);
  146. }
  147. }
  148. div.songName {
  149.     color: #000;
  150. }
  151. .songName img {
  152.     display: none;
  153. }
  154. .player a img, .player audio::-webkit-media-controls-play-button, .player audio::-webkit-media-controls-mute-button, .player audio::-webkit-media-controls-volume-slider, .player audio::-webkit-media-controls-timeline {
  155.     filter: invert();
  156.     -webkit-filter: invert();
  157. }
  158. .player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
  159.     background: #2881ed;
  160.     background: var(--color--bg-box);
  161.     height: 36px;
  162.     filter: none;
  163. }
  164.  
  165. .fwiendFace, .tableLeft {
  166.     transition: 0.5s;
  167. }
  168. .fwiendFace:hover, .tableLeft:hover {
  169.     border-radius: 5px;
  170.     transform: scale(1.2);
  171.     background: #89caf5
  172. url(https://i.gifer.com/Ozp.gif);
  173.     animation: wob .5s linear infinite;
  174.     box-shadow: 0 0 1rem #000000;
  175.     border: 1px solid #fff;
  176.     transition: 0.5s;
  177.  
  178. }
  179. .songName {
  180.     overflow: hidden;
  181.     background: #ffffff;
  182.     border-radius: 5px;
  183.     margin-top: 0px;
  184.     font-size: 14px;
  185.     box-shadow: 0px 4px 6px -5px #333;
  186.     color: #89caf5;
  187.     padding: 3px;
  188. }
  189. .songName {
  190.     white-space: nowrap;
  191. }
  192. .songName b {
  193.     display: none;
  194. }
  195. .songTitle:after {
  196.     content: "♡";
  197. }
  198. .player {
  199.     background: #2881ed;
  200.     border: 3px double #fff;
  201.     padding: 0;
  202.  
  203. }
  204. @media only screen and (max-width: 768px)
  205. .topLeft, .topRight {
  206.     width: auto;
  207.     float: none;
  208. }
  209. @keyframes fadein {
  210. 0% {
  211.     opacity: 0;
  212.     color: #fff;
  213. }
  214.  
  215. 10% {
  216.     opacity: 0;
  217.     color: #fff;
  218. }
  219. 100% {
  220.     opacity: 1;
  221.     color: transparent;
  222.  }
  223. }
  224. #container {
  225.     -webkit-animation: fadein 5s;
  226. }
  227. .logo::before {
  228.     margin-right: 0px;
  229.     display: inline-block;
  230.     height: 24px;
  231.     width: 24px;
  232.     content: "";
  233.     background: url() no-repeat 0 0;
  234.     background-size: 24px 24px;
  235. }
  236. .logo::after {
  237.     margin-right: 0px;
  238.     display: inline-block;
  239.     height: 24px;
  240.     width: 24px;
  241.     content: "";
  242.     background: url() no-repeat 0 0;
  243.     background-size: 24px 24px;
  244.  
  245. }
  246. .fwiendFace, .tableLeft img {
  247.     transition: 0.5s;
  248.  
  249. }
  250. .fwiendFace:hover, .tableLeft img:hover {
  251.     border-radius: 5px;
  252.     transform: scale(1.2);
  253.     background: #e2ceed url(https://i.gifer.com/Ozp.gif);
  254.     background-size: 300px;
  255.     animation: wob .5s linear infinite;
  256.     box-shadow: 0 0 1rem #fff;
  257.     border: 1px solid #fff;
  258.     transition: 0.5s;
  259.  
  260. }
  261. div#hSub {
  262.    background: #89caf5;
  263.         color: white;
  264.         text-align: center;}
  265.  
  266. }
  267.  
  268. #header a:not(.logo) {
  269.     margin-left: 10px;
  270.     color: #fff200;
  271.     font-size: small;
  272.     text-decoration: none;
  273.  
  274. }
  275. .avatar{
  276.         width:200px;
  277.         margin-right: 20px;
  278.         cursor: zoom-in;
  279.         image-orientation: from-image;
  280.     box-shadow: -1px -1px #89caf5, -2px -2px #89caf5, 1px 1px #89caf5, 2px 2px #000, -1px 0px #2881ed, 0px -1px #2881ed, 1px -1px #89caf5, -1px 1px #89caf5, -2px 1px #2881ed, 1px -2px #2881ed, 2px -2px #000, -2px 2px #000;
  281.  
  282. }
  283. .tableRight {
  284.     background: transparent !important;
  285.  
  286. }
  287.  
  288. .blog, .url, .tableLeft, .tableRight, .boxHead, .rightHead, .short, .boxInfo, .player, .extended, .blurbs, .fwiends, #name, #form, #userWall, #footer > div > p {
  289.     box-shadow: -1px -1px #FFF, -2px -2px white, 1px 1px white, 2px 2px #000, -1px 0px #FFF, 0px -1px #FFF, 1px -1px white, -1px 1px white, -2px 1px white, 1px -2px white, 2px -2px #000, -2px 2px #000;
  290.     background-color: #d5f0d3;
  291.   text-align: center;
  292.  
  293. }
  294.  
  295. h3 {
  296.         display: block;
  297.         font-size: 2em;
  298.         margin-block-start: 1em;
  299.         margin-block-end: 1em;
  300.         margin-inline-start: 0px;
  301.         margin-inline-end: 0px;
  302.         font-weight: bold;
  303.         color: white;
  304. }
  305.  
  306. body {
  307.   background-image: url("https://dm0qx8t0i9gc9.cloudfront.net/thumbnails/image/rDtN98Qoishumwih/pattern-of-pastel-blue-and-white-stripes_thumb.jpg"), url("https://www.etsy.com/listing/682190740/black-cotton-blend-bengaline");
  308.   background-color: #2881ed;
  309. background-color: white;;
  310. background-size:;
  311. background-attachment:;}
  312.  
  313.  
  314. .blogs div, .blog div {
  315.         margin-bottom: 10px;
  316.         color: white;
  317. }
  318.  
  319. .blogs div, .blog div, .url a {
  320.         color: white !important;
  321. }
  322.  
  323. .blog {
  324.         background: url(https://i.pinimg.com/originals/a9/88/1e/a9881e358c5f060a5cdd99c07e33fbf1.jpg);
  325.         padding: 15px;
  326. }
  327.  
  328. .topRight.blogPost {
  329.         float: center;
  330.         width: calc( 75% - 20px );
  331.         padding: 1px;
  332. }
  333.  
  334. #top {
  335.    padding-left: 10px;
  336.    padding-right: 10px;
  337.    border: 3px solid;
  338.    background-image: url(https://i.pinimg.com/originals/a9/88/1e/a9881e358c5f060a5cdd99c07e33fbf1.jpg);
  339.    background-size: ;
  340. }
  341.  
  342. fwiendCount {
  343.         Color: White;
  344. }
  345. .fwiendFace img {
  346. height: 128px;
  347. object-position: top;
  348. object-fit: cover;
  349. }
  350.  
  351. .rightHead {
  352.         background: white;
  353.         color: white;
  354.         padding-left: 4px;
  355. }
  356. h4 {
  357.  
  358. color: white;
  359.         margin-bottom: 3px;
  360. }
  361. .boxInfo {
  362.         border: 3px solid #000;
  363.         margin-bottom: 20px;
  364.         margin-top: 20px;
  365. }
  366. .boxHead {
  367.         background: white;
  368.         color: black;
  369.         padding: 3px;
  370.         padding-bottom: 4px;
  371.         padding-left: 6px;
  372.         display: none;
  373. }
  374. }
  375. #country{
  376.       position:relative;
  377.       visibility:hidden;
  378.  
  379. }
  380.  #country::after{
  381.       content:"yandere simulator";
  382.       font-size:15px;
  383.       left:0;
  384.       position:absolute;
  385.       top:0;
  386.       visibility:visible;
  387.  
  388. }
  389. #gender{
  390.       position:relative;
  391.       visibility:hidden;
  392.  
  393. }
  394.  #gender::after{
  395.       content:"cooking club president";
  396.       font-size:15px;
  397.       left:0;
  398.       position:absolute;
  399.       top:0;
  400.       visibility:visible;
  401.  
  402. }
  403. form {
  404.         margin-bottom: 20px;
  405.         text-align: right;
  406.  
  407. }
  408. color: black;
  409.    background-color: black;
  410.         border-color: black;
  411.         border: 3px solid #000;
  412.  
  413. }
  414. .tableLeft {
  415.         color:white
  416.         width: 25%;
  417.         padding: 10px;
  418.         vertical-align: top;
  419.         overflow: hidden;
  420.         background: black;}
  421.  
  422. .tableRight {
  423.         color: white;
  424.         width: 75%;
  425.         padding: 10px;
  426.         vertical-align: top;
  427.         background-image: url(https://i.gifer.com/Ozp.gif);
  428.         background-size: 100% 100%;
  429.  
  430. }
  431. .topRight > .blurbs.box > .blogs > div > b::after {
  432.     font-size: 15px !Important;
  433.     font-size: 15px !Important;
  434.     content: "Blogs <3";
  435.     animation: test 1s linear infinite;
  436.  
  437. }
  438. .topRight > .blurbs.box > .blogs > div > b {
  439.     font-size: 0px !Important;
  440. }
  441. #viewFriends {
  442.     display: none;
  443. }
  444. .fwiendCounter>b::after {
  445.     content: " cooking club members!";
  446.     color: #7994a3;
  447.     font-size: 15px;
  448. }
  449. .fwiendCount {
  450.     font-size: 15px;
  451. }
  452. .fwiendCounter>b {
  453.     font-size: 0px;
  454.     color: #7994a3;
  455. }
  456. .fwiendCounter>b>.uName {
  457.     font-size: 0px;
  458.     color: #7994a3;
  459. }
  460. .topRight > .box:not(.blurbs) > .rightHead > b::after {
  461.     content: "my space♡";
  462.     color: #7994a3;
  463.     font-size: 15px;
  464. }
  465. .topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
  466.     font-size: -9999px;
  467. }
  468. .topRight > .box:not(.blurbs) > .rightHead > b {
  469.     font-size: 0;
  470. }
  471. .blurbs.box > .rightHead > b > span.uName::after {
  472.     content: "Me♡";
  473.     color: #7994a3;
  474.     font-size: 15px;
  475.  
  476. }
  477. .blurbs.box > .rightHead > b {
  478.     font-size: 0px;
  479. }
  480. .blurbs.box > .rightHead > b > span.uName {
  481.     font-size: 0px;
  482.     color: #7994a3;
  483. }
  484. #sMsg{
  485.       background-image:url();
  486.       font-size:0;
  487. }
  488.  
  489. #sMsg::after{
  490.       content:"tell me something♡";
  491.       font-size:13px;
  492.  
  493. }
  494. #sMsg{
  495. background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/hello-kitty-bullet-31.gif?w=700&h=);
  496. color: white
  497.  
  498. }
  499. #block{
  500.       background-image:url();
  501. font-size:0;
  502. }
  503.  
  504. #block::after{
  505.       content:"sorry!!";
  506. font-size:13px;
  507.  
  508. }
  509. #block {
  510. background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/hello-kitty-bullet-151.gif?w=700&h=);
  511. color: white
  512.  
  513. }
  514. #report{
  515.       background-image:url();
  516.       font-size:0;
  517. }
  518.  
  519. #report::after{
  520.       content:"ah..";
  521.       font-size:13px;
  522.  
  523. }
  524. #report {
  525. background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/hello-kitty-bullet-111.gif?w=700&h=);
  526. color: white
  527.  
  528. }
  529. #add{
  530.       background-image:url();
  531.       font-size:0;
  532. }
  533.  
  534. #add::after{
  535.       content:"join the cooking club♡";
  536.       font-size:13px;
  537.  
  538. }
  539. #add {
  540. background-image: url(https://cutekawaiiresources.files.wordpress.com/2016/11/hello-kitty-bullet-51.gif?w=700&h=);
  541. color: white
  542.  
  543. }
  544. html, a {
  545. cursor: url(https://win98icons.alexmeub.com/icons/png/mouse-2.png), auto !important;
  546.  
  547. }
  548.  
  549.  
  550.  
  551.