culturamexicana's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Code

<style>


body{ background-image: );

background-image:url(https://64.media.tumblr.com/370873f5abcd4439c093a026e5c28726/e32abc6765d6f5e0-79/s500x750/a962db790ecb7792793431d3d065d9b955d4447b.gifv);

Background-size: 100%;

}


main:before {

      background-image: url(https://64.media.tumblr.com/ac1f8672d9daec47189f8c3de7776a81/38ecacffee58c73e-21/s540x810/f7cb43172c4caa02bdc9c58748178fee1473d282.gifv);

      background-position: center center;

      background-size: 100%;

display: block;

content: "";

    width: 98%;

    height: 150px;

    border-radius: 10px;

    margin-bottom: 10px;

    margin-left: 8px;

filter: grayscale(40%); 

  }


.row {

    width: 100%;

    display: table;

    table-layout: fixed;

    background-color: #6d76705c;

}


.general-about .details {

width: 300px;}


.profile .table-section, .profile .contact{

    margin-top: 20px;

}


footer {

margin: 1em;

position: relative;

}


main .right {

    width: 300px;

    background-color: #white;

}


.profile .contact, .profile .url-info, .profile .table-section, .home-actions {

    margin-top: 20px;

    border: 2px solid #ffffff00;

}


a{color: #edc886;}


.profile .friends .person p {

    color: #ffcc00;

}


.profile .friends .person img{

  border-radius: 100%;

    color: #ffffff;

    }




.col.w-40 {

    width: 43%;

}


nav .links {

    background-color: #0b2b12b5;

}


.comments-table td:first-child, .music-table td:first-child {

    background-image: url(https://i.pinimg.com/564x/ce/53/79/ce5379b84acc09e018ae4712e74718a2.jpg);

    text-align: center;

    font-weight: bold;

    width: 38%;

    background-size: cover;

}


nav .top {

    background: #a8a8a89e;

    color: black;

}


main {

    background:#ffffff00;

    color: white;

}


.profile .blurbs .section h4 {

    color: #9adaa363;

}


.count {

    color: #b74e4b;}


nav{

    font-size: 100%;

  font-family: 'Splash';}


.profile .blurbs .heading, .profile .friends .heading {

    background:#152c18a1;

    color: black;

}


.details-table td {

    background: #426637b8;

    vertical-align: top;

    color: white;

}


.details-table td:first-child {

    background: #06490ead;

    color: #ffffff;

}



.profile .contact, .profile .url-info, .profile .table-section, .home-actions {

    margin-top: 20px;

}


.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

    background: #305200ad;

    color: white;

    padding: 2px 7px;

}


.profile .mood {

    margin-top: 20px;

}


div. mood{     border: 2px solid #ffffff00;}


.profile-pic img {

    border-radius: 100%;

    margin-top: 20px;

    margin-left: 10px;

outline: 2px dashed white;

outline-offset: 4px;

}


 .mood {

    margin-bottom: 20px;

}


main {

    font-size: 95%;

   font-family: 'Roboto Condensed';

}



.url-info{

    background: url("https://i.imgur.com/B5x8xT3.gif");

    background-position: center;

    background-size: cover;

    border: var(--borders)!important;

    border-radius: var(--curve);

    height: 250px;

color: White;

filter: grayscale(50%);

}



.comments-table td {

    color: White;

background-image: url(https://i.pinimg.com/564x/5c/31/1d/5c311dbe6c26c27753f37eef87792d24.jpg);

background-size: cover;

}


.comments-table td:first-child img:not(.icon) {

    visibility: hidden;

}


.comment-replies {

    padding: 0 5px;

    border: 1.7px solid white;

}


.profile .friends .person img:not(.icon) {

    border-radius: 100%;

filter: grayscale(70%);

}


<style>


.friends

{display:none;

    }



 


     .online {

        content: url("https://file.garden/Zl2CmebwmXKvGhRN/candyshoppe%20rentry/pngs/109");

  content-position: center;

   width: 95px; }


.online{

  animation: shake 3.5s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}





.icon, .award img {

    visibility: hidden;

}


/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: "🌱";

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: "🍏"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: "🍈"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: "🍯"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: "🧃"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: "🌻"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: "⭐"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "🥬"

}



main {

    border-radius: 10px;

    margin-top: 8px;

}


footer {

    background: #ffffff00;

color:White;

}


</style>

<style>


.col, main, footer, nav .links, nav .top, html::before {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


}



</style>


<p id="p0">This Layout was inspired by <a href="https://spacehey.com/junpei"> https://spacehey.com/junpei, </a>



<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-6/nat509.cur), auto !important;}</style>


<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url(https://64.media.tumblr.com/460f6549fd8dc4dd9f1b11768612c514/38ecacffee58c73e-0d/s540x810/934293d5d010d8369c428e7fe80eb914ab99ec97.gifv);

background-size: cover;

background-repeat: no-repeat;

background-position: center center;

animation: yourAnimation 4s ease 0s 1 normal forwards;

pointer-events: none;

}

@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } </style>



<style>


nav::before {

 animation-name: spin;

  animation-duration: 5000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  /* transform: rotate(3deg); */

   /* transform: rotate(0.3rad);/ */

   /* transform: rotate(3grad); */ 

   /* transform: rotate(.03turn);  */ }


@keyframes spin {

    from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }




</style>

 <style>


nav::before {

   content: "";

   background:  url(https://file.garden/Zl2CmebwmXKvGhRN/candyshoppe%20rentry/pngs/187);

background-size: 200px;

    position: fixed;

    float: right;

    display: inline;

    bottom: 0;

    right: 5px;

    height: 196px;

    width: 195px;

    margin-bottom: 10px;

    margin-right: 13px;

}


html::before {

   content: "";

   background:  url(https://file.garden/Zl2CmebwmXKvGhRN/candyshoppe%20rentry/pngs/146);

background-size: 250px;

    position: fixed;

    float: left;

    display: inline;

   top: 0;

    left: 5px;

    height: 130px;

    width: 250px;

    margin-top: 10px;

    margin-left: 13px;

}



</style></p>






body {


    background-image: url("https://64.media.tumblr.com/370873f5abcd4439c093a026e5c28726/e32abc6765d6f5e0-79/s500x750/a962db790ecb7792793431d3d065d9b955d4447b.gifv");


    background-position: center center;


    background-repeat: no-repeat;


    background-size: cover;


    background-attachment: fixed;


    font-family: 'Georgia', serif;


  }


 


.inner b {


  color: #89aa7d


}


 


  nav .top {


    background-color: rgb(97, 146, 85);


  }


 


  nav .links {


    background-color: #89aa7d;


    text-align: right;


    border-radius: 4px 4px 0 0;


    background-position: center;


    background-repeat: no-repeat;


  }


 


  button {


    color: hwb(116 35% 54%);


    background-color: rgb(255, 255, 255);


  }


 


  .count {


    color:#89aa7d ;


  }


 


  a {


    color: #89aa7d;


  }


 


  nav .links a {


    color:#89aa7d;


  }


 


  footer {


    background-color: #ffffff;


  }


 


  footer p {


    color: #89aa7d;


  }


 


  footer .links {


    color:#89aa7d;


  }


 


  .comments-table td:first-child, .comments-table td, .comment-replies, .details-table td:first-child, .details-table td {


    background: #ffffff;


    color:#89aa7d;


  }


 


  .edit-info {


    background-color: #ffffff;


    border: 1px;


  }


 


  .blog-entry .title {


    background-color: #ffffff;


    color: #89aa7d;


    padding: 5px;


  }


 


p.links a:first-child .icon{


  content: url("https://file.garden/Zl2CmebwmXKvGhRN/candyshoppe%20rentry/pixels/multicolor/231”);


  width: 25px;


  height: auto;


}


 


p.links a:nth-child(2) .icon {


  content: url(“https://i.pinimg.com/736x/37/83/a7/3783a77598987230a42b25c0e02adee5.jpg!”);


  width: 25px;


  height: auto;


}


 


p.links a:last-child .icon, table.comments-table td .icon {


  content: url(“https://file.garden/Zl2CmebwmXKvGhRN/candyshoppe%20rentry/pixels/red/276”);


  width: 25px;


  height: auto;


}


 


  .blog-entry .content {


    background-color: #ffffff;


    padding: 10px;


  }


 


  main {


    background-color: #ffffff;


  }


 


  main .left {


    background-color: #ffffff;


    color: #699b70;


  }


 


  main .right {


    padding: 1px;


    background-color: #ffffff;


  }


 


HTML,BODY{cursor: url("cursor link here"), url("cursor link here"), auto;}


 


.logout-btn,


.blog-entry .kudos-btn{


  background: none !important;


  border: none;


  padding: 0 !important;


  cursor: pointer;


  user-select: text;


  text-decoration: none;


  color: #5b8f6f;


  color: var(--#5b8f6f);


}


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )