Oceancore layout

Tags: ocean, oceancore, hawaii, gyaru

Description:

remake of the water one i did a while back :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by dylickz ./ sanford (https://layouts.spacehey.com/layout?id=98911) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Dawning+of+a+New+Day&display=swap');

main:before {
 background-image: url(https://i.pinimg.com/originals/cf/41/68/cf4168faaf22aadb6b17e8216f9088e7.gif);
 background-position: center;
    background-size: cover;
    display: block;
    content: "";
    width: 100%;
    height: 400px;
    
}

body {
    font-family: 'Arial', Arial;
    background-color: #dcdcdd;
    background-image: url('https://i.pinimg.com/originals/c5/fd/59/c5fd59b4e223fa3973231e00087c9a9b.gif');

}

main {
    background-color: rgba(212, 211, 213, 0.3) !important;
    color: black;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Solid_white.svg/2048px-Solid_white.svg.png');
}

.profile .friends .heading h4, .profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4 {
    color: white;
}

.profile .blurbs .section h4 {
    color: black;
}


.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
    background-color: black;
    
}

.profile .contact, .profile .url-info, .profile .table-section {
    border-style: none none solid none;
    border-color: black;
}

.details-table td:first-child, .comments-table td:first-child {
    background-color: black;
    color: white;
    border-style: none;
}

.details-table td, .comments-table td {
    background-color: transparent;
    color: black;
    border-style: solid none solid none;
    border-color: black;
    border-width: 1px;
}

nav .top, footer {
    background-color: black;
    color: #01004c;
}

nav .links {
    background-color: black;
}

.profile-info {
display: none;
}

.comment-replies {
border-width: 1px;
}

.profile .friends .person p  {
color: black;
}

a:hover, .profile .friends .person p:hover {
color: black;
text-transform: underline;
}

a {
    color: gray;
}

.comments-table {
border: none;
}

button {
font-family: 'Cutive Mono', monospace;
background-color: black;
color: white;
border-style: none solid solid none;
border-color: gray; 
}
button:hover {
font-family: 'Cutive Mono', monospace;
background-color: white;
color: black;
border-style: none solid solid none;
border-color: gray;
}

.profile h1 {
   font-family: 'Dawning of a New Day', cursive;
   font-size: 50px;
   color: black;
}

.count {
    color: black;
}

</style>

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.