Neopolitan layout

Tags: neopolitan, cutecore, kawaii kei, layout, pink, cream, brown, simple

Description:

Comes with: Custom contact icons, Custom icons on header, Custom logo, Custom font, Pagedoll

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=94258) -->

<style>
@font-face {
src: url(https://dl.dropbox.com/s/16ntpxj8fny66d6/Quick%20Love.ttf);
font-family: quick-love;
}

h1, h2, h3, h4, h5, p, body, .mood p,.top, .top a, a, .friends, .table-section td, .links, .logout-btn{
font-family: 'quick-love';
color: black;
}
</style>

<style>
.logo {
content:url("https://cdn.discordapp.com/attachments/1144308637318262955/1190395479092113489/m_vbmvbm.png?ex=65a1a52e&is=658f302e&hm=0d9e88815ec6fc17e68458c5ecfb62b23efc71210558866f12ae23e25857362b&");
}

body{
  background: url(https://i.pinimg.com/564x/c2/ad/3b/c2ad3b786bc8a4e63d6748ad1ed48d0e.jpg);
}
  
.heading h4{
color: black;
}

main{
  background: white;
  color: black;
}

.friends{
  color: black;
  background: transparent;
}

table.comments-table{
  color: black;
  background: transparent;
  display: block;
  border: transparent;
}
  
.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

a:hover{
  color: black;
}
a{
  color: black;
}

nav .top{
  background: -webkit-linear-gradient(#FA8CB1, #FFFEE0, #9E6D4D);
}

nav .links{
  background: -webkit-linear-gradient(#9E6D4D, #FFFEE0, #FA8CB1);

}

.nav .top , nav .links{

text-align: center;

}
  
nav .links a {
color: black;
}
  
nav .links a:hover {
color: white;
}
  
nav .links li:not(:last-child)::after {

content: url("https://gifcity.carrd.co/assets/images/gallery02/394006db.png?v=7421cb56");

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
}
  
li .icon {
display: none;
}
  
.profile .friends .person p{
 color: black;
}
  
 .count {
  background: -webkit-linear-gradient(#9E6D4D, #FFFEE0, #FA8CB1);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

.count { 
  color: transparent;
}
  
.profile-info {
    border: transparent;
}
  
.profile-info {
  border: transparent;
}
  
.search-wrapper input[type=text] {
    background-color: white !important;
    border: 1px solid grey !important;
    font-family: var(--font-family) !important;
    color: black !important;
    border-radius: 0px !important;
}
  
form{
color: black;
}
  
nav .top a{
color: black;
}
  
.logout-btn, .logout-form{
color: black;
}

footer{
  background: transparent;
  color: black;
}

:root {
--logo-blue: black;
--darker-blue: black;
--lighter-blue: -webkit-linear-gradient(#9E6D4D, #FFFEE0, #FA8CB1);
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: black;
--light-orange: -webkit-linear-gradient(#9E6D4D, #FFFEE0, #FA8CB1);
--even-lighter-orange: transparent;
--green: #f4a5ca;
}
  
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #ddd2c8;
}

::-webkit-scrollbar-thumb:hover {
  background: #ddd2c8;
; 
}
  
/* 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: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://files.catbox.moe/jgjr39.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://files.catbox.moe/jgjr39.gif");
}
</style>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="https://64.media.tumblr.com/7659c9d62023099f43170becb390a423/f2b62b26ca900a89-d2/s250x400/bc0762bcdc3194f0be4b7f93a262768595d21812.gifv" height="100"/></div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Comments disabled.