sillyspace/docs/skin-examples/pink-internetcore-anime.html

<!--
Original SpaceHey layout credit:
sybilz layouts
https://layouts.spacehey.com/layout?id=24152
-->

<div class="skin-decoration skin-decoration--pink">
  <img src="https://64.media.tumblr.com/5019b04d38d5c58b8d826eb8b9f22f39/34275822159c4776-88/s400x600/0f21dc869dad6bd910791ee4a685be5756e5af62.pnj" alt="" loading="lazy">
  <img src="https://64.media.tumblr.com/21c6ec64ae5698813eec48776041a0d6/0a4801df6aa0db54-79/s400x600/55580dda2885b1bf53aa7bb10a279ee6f7dee8fe.gifv" alt="" loading="lazy">
  <img src="https://64.media.tumblr.com/ce6d953f955627b6683991ad455f49b0/26d81e5c31b80d32-36/s400x600/ae349716fd562d1e946265ed716f2f9ccc71398b.gifv" alt="" loading="lazy">
  <img src="https://64.media.tumblr.com/7e9eddf21a9a0699087ca295d3d67621/4467b007948c8ded-6c/s540x810/25bd4d3faca51ca948aa88b2ad68027f78de0eb4.gifv" alt="" loading="lazy">
  <img src="https://i.imgur.com/hyrao2u.png" alt="" loading="lazy">
  <img src="https://i.imgur.com/hyrao2u.png" alt="" loading="lazy">
  <img src="https://i.imgur.com/hyrao2u.png" alt="" loading="lazy">
  <img src="https://i.imgur.com/hyrao2u.png" alt="" loading="lazy">
  <img src="https://i.imgur.com/hyrao2u.png" alt="" loading="lazy">
  <img src="https://i.imgur.com/hyrao2u.png" alt="" loading="lazy">
  <img src="https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv" alt="" loading="lazy">
  <img src="https://64.media.tumblr.com/9e115c51c30ed1e8b665580227028149/cc1839e6baf4e1c1-97/s75x75_c1/0b35f44eda9d308092e4293f251a8a4e34ac2f6d.gifv" alt="" loading="lazy">
  <img src="https://64.media.tumblr.com/f173b196e3889b1d9ad6a21746e205d8/29429a2fed66c7ab-c7/s75x75_c1/2ca07f7d05d9b4dafe9b6aa678ec53e8f9e51f5d.gifv" alt="" loading="lazy">
</div>

<style>
@keyframes float {
  0% { transform: translate(0, 0); }
  50% { transform: translate(0, 8px); }
  100% { transform: translate(0, 0); }
}

[data-skin-page] {
  --skin-palette-accent: #ed7dac;
  --skin-palette-accent-text: #ffffff;
  --skin-palette-backdrop: #f9d5e4;
  --skin-palette-chrome: #ed7dac;
  --skin-palette-chrome-text: #ffffff;
  --skin-palette-link: #d065a0;
  --skin-palette-link-hover: #ffffff;
  --skin-palette-muted: #8b8590;
  --skin-palette-page: rgba(252,238,244,0.83);
  --skin-palette-page-text: #cf3878;
  --skin-palette-surface: #fff9fb;
  --skin-palette-surface-text: #cf3878;
  background:
    linear-gradient(rgba(82,15,15,0.2) 50%, rgba(0,0,0,0) 50%),
    url("https://i.pinimg.com/564x/d3/87/38/d38738baf9d7ded484afe11d9ff871b8.jpg");
  background-size: 100% 2px, 1000px;
  cursor: url("https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv"), url("https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv") 31 31, auto;
}

[data-skin-root],
[data-skin-root] * {
  cursor: url("https://64.media.tumblr.com/944a0abc7ef096acd29ddf29e1894969/25c2207280490ab6-da/s75x75_c1/e4bda17eefb34dcb8cf7f8a485ab6ab37b8dc869.gifv"), url("https://64.media.tumblr.com/d4a50c1b4d90a1eccf75ccca47199961/b261dfe74ba3f797-4e/s250x250_c1/b8ad33e140c516f3c0960a2572806ef066ef50d0.gifv") 31 31, auto;
  font-family: monospace;
}

[data-skin-root] {
  animation: float 3s infinite ease-in-out;
  background: rgba(252,238,244,0.83);
  border: 2px solid #ff9fc9;
  box-shadow: 0 0 6px #a14b74;
  color: #cf3878;
}

[data-skin-part="navigation-links"] {
  background: #ed7dac !important;
  border: 3px solid #d76785;
  box-shadow: 0 0 10px #e24cb0;
}

[data-skin-part="navigation-links"]::after {
  background: url("https://64.media.tumblr.com/062574a6ce949afe2599ae7d9855957f/29429a2fed66c7ab-92/s75x75_c1/5434fc96e2df57ec30b76eb21a77afc2748f28a0.gifv") center / contain no-repeat;
  content: "";
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  vertical-align: middle;
  width: 32px;
}

[data-skin-part="name"] {
  color: #ff9cc1;
  font-family: fangsong, serif;
  font-size: 2.5em !important;
  text-shadow: 2px 2px 0.5px #ff57a2;
}

[data-skin-part="name"]::after {
  background: url("https://64.media.tumblr.com/40747ec8e4574a2a4b1f9f062c30b056/088c2c2e065a2eb7-68/s75x75_c1/c882d1d2964d9f8457ddaab5274e1e7321308e4c.gifv") center / contain no-repeat;
  content: "";
  display: inline-block;
  height: 28px;
  margin-left: 8px;
  vertical-align: middle;
  width: 28px;
}

[data-skin-root] a {
  color: #d065a0;
  text-decoration: none;
}

[data-skin-root] strong,
[data-skin-root] b {
  color: #d35884;
}

[data-skin-root] .panel,
[data-skin-part="notice"],
[data-skin-part="about"],
[data-skin-part="vibe"],
[data-skin-part="url"],
[data-skin-part="links"],
[data-skin-part="interests"] {
  background: #ffe3f2 !important;
  border: 2px solid #e878a7 !important;
  border-radius: 0 !important;
  box-shadow: #ffc0db 5px 5px !important;
}

[data-skin-root] .panel__heading {
  background: #ffabce !important;
  border: inset #ff8ad5;
  box-shadow: 0 0 6px #e388bd;
  color: #fff;
  text-align: center;
}

[data-skin-part="bio"] .panel__heading::before {
  background: url("https://64.media.tumblr.com/2a71dcdaf04250820581bc8c3bc90cac/d538a4a8786aa9cb-6a/s75x75_c1/2d7ea5dd881917805257b97bc4333b4def4a2828.gifv") center / contain no-repeat;
  content: "";
  display: inline-block;
  height: 28px;
  margin-right: 6px;
  vertical-align: middle;
  width: 28px;
}

[data-skin-root] .panel__body {
  background: #fff9fb !important;
  border: 3px inset #ffaad7;
  box-shadow: 5px 8px #ffd1e3 !important;
  color: #cf3878;
}

[data-skin-part="interests"] td {
  background: rgba(255,165,188,0.55) !important;
  border-bottom: 1px dashed #fff;
  box-shadow: 2px 5px #f38bba;
  color: #cf3878;
}

[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder {
  border: 5px double #ffd6df;
  box-shadow: 0 0 15px #ecb7d5;
}

[data-skin-part="friends"] .person-card__image,
[data-skin-part="friends"] .profile-placeholder {
  filter: grayscale(100%);
}

[data-skin-part="actions"] .profile-actions__cell {
  background: rgba(255,222,238,0.45);
  border-color: #ffb3c0;
}

[data-skin-part="actions"] .profile-action {
  color: #cf3878;
}

[data-skin-part="actions"] .profile-action .icon {
  display: none;
}

[data-skin-part="actions"] .profile-action::before {
  background: var(--skin-action-icon) center / contain no-repeat;
  content: "";
  display: inline-block;
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

[data-skin-part="actions"] .profile-actions__cell:nth-child(1) .profile-action {
  --skin-action-icon: url("https://64.media.tumblr.com/7708f868dc26be83f356994b059574dc/947f5e53c6e30b8e-c6/s75x75_c1/54a1d19d41346daa38f7022072bf893393e1d48f.gifv");
}

[data-skin-part="actions"] .profile-actions__cell:nth-child(2) .profile-action {
  --skin-action-icon: url("https://64.media.tumblr.com/8f2873c1bf4abe15f130cb90aab5b880/de16010b85cc64d8-dd/s75x75_c1/58952615f0cb65279bd5f1aeb20a44f41141db94.gifv");
}

[data-skin-part="actions"] .profile-actions__cell:nth-child(3) .profile-action {
  --skin-action-icon: url("https://64.media.tumblr.com/2ddf249c6a28d23959c782e7056da23b/e386af749187d014-61/s75x75_c1/37b07bfef349d68ff5a76ca29f651e50082a63eb.gifv");
}

[data-skin-part="actions"] .profile-actions__cell:nth-child(4) .profile-action {
  --skin-action-icon: url("https://64.media.tumblr.com/4df60e412e2774d70f3badefc5ee0475/50a86d7dbc813001-5f/s75x75_c1/b12f370a4052ba27029bd51144e2fb899775cdf0.gifv");
}

[data-skin-part="actions"] .profile-actions__cell:nth-child(5) .profile-action {
  --skin-action-icon: url("https://64.media.tumblr.com/02c88dcb6a4fbe7e9be7dd856003bcbf/50a86d7dbc813001-90/s75x75_c1/2de77306f1d926519f2eb9cf93fe8b5108a59f41.gifv");
}

[data-skin-part="actions"] .profile-actions__cell:nth-child(6) .profile-action {
  --skin-action-icon: url("https://64.media.tumblr.com/11c565ec5a80aed4229fd85cad87ce24/457ad034c51ea48d-40/s75x75_c1/537e7763ce40d3db686a7f0ba373728a660b516d.gifv");
}

[data-skin-part="actions"]::after {
  background: url("https://64.media.tumblr.com/b3e9135ccd4a7a4fc27a7499ab34e113/9a6747dfe0b3d955-1e/s540x810/30eb23c5970efedc37679e7a1336a70f92f391b5.gifv") center / contain no-repeat;
  content: "";
  display: block;
  height: 30px;
  margin-top: 6px;
}

[data-skin-part="custom-html"] .skin-decoration {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

[data-skin-part="custom-html"] .skin-decoration img {
  image-rendering: auto;
  max-height: 130px;
  max-width: min(100%, 180px);
  object-fit: contain;
}

[data-skin-part="footer"] {
  background: url("https://64.media.tumblr.com/4ef363843eadaf4d22e813f4377586d0/5bbc5cd08fbcae95-9b/s500x750/4392091c5c59bb20616932eb6156d499f9037cca.gifv") center / 800px #ffc4d3;
  background-blend-mode: soft-light;
}
</style>