pirates of the caribbean

Tags:

Description:

a calm and minimalist POTC-inspired layout the base of this layout is from https://blog.spacehey.com/entry?id=9461

Code:

<!-- (c) Layout created by juliette☆ (https://layouts.spacehey.com/layout?id=26295) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
</style>

<!--OVERALL PROFILE CUSTOMIZATION - PLACE IN ABOUT ME-->
<style>
/* CUSTOMIZE BASIC SETTINGS */
:root {
    --logo-blue: #54a6c0; /* CHANGE COLOR OF SPACEHEY BAR AT TOP */
    --darker-blue: #23393c; /* CHANGE COLOR OF PROFILE LINKS */
    --lighter-blue: #8cc2d1; /* CHANGE COLOR OF NAVIGATION BAR */
    --even-lighter-blue: #c1e4eb;
    --lightest-blue: #dde7de;
    --dark-orange: #544736; /* CHANGE FONT COLOR OF ABOUT ME, WHO I’D LIKE TO MEET */
    --light-orange: #6a8282; /* CHANGE BACKGROUND OF COMMENT SECTION */
    --even-lighter-orange: #879b93; /* CHANGE BACKGROUND OF COMMENT SECTION */
    --green: #70704f;
}

/* OVERALL BACKGROUND COLOR/IMAGE */
body{
    background-image:url(https://live.staticflickr.com/65535/52064943465_20fc3c5fe7_o.jpg);
    background-size: 760px;
}

/* PROFILE CONTAINER */
main {
    border-radius: 0 0 15px 15px; /* ROUND BOTTOM OF PROFILE */
    border: 2px solid rgba(0,0,0,0.7); /* ADJUST BORDER FOR PROFILE */
    color: #23393c; /* FONT COLOR */
    background-color: #dde7de; /* BACKGROUND COLOR FOR PROFILE */
}

/* DEFAULT FONT SETTINGS FOR CONTENT*/
main p{
    letter-spacing: 2px; /* SPACE BETWEEN LETTERS */
    font-weight: 600; /* FONT THICKNESS */
    line-height: 1.5; /* SPACE BETWEEN TEXT LINES */
    color: 
}

/* SPACEHEY FOOTER INFORMATION */
footer{
    background-color: transparent; /* CHANGE COLOR OF BOTTOM SPACEHEY INFO */
}

/* SECTION HEADINGS */
.heading { 
    padding: 5px 0 !important;
    background-color: transparent !important; /* ADJUST BACKGROUND COLOR OF HEADINGS*/
    color: #544736 !important; /* FONT COLOR */
    border-bottom: 2px dashed; /* LINE BELOW SECTION HEADINGS */
 }

/* CHANGE COLOR OF THE NUMBER OF FRIENDS/COMMENTS YOU HAVE */
.count {
    color: #70704f;
}

/* ADJUST OVERALL FONT FAMILY AND SIZE */
* {
    font-family: arial, sans-serif; 
    font-size: 0.99em;
 }

/* HIDE/CHANGE COLOR OF LEFT SIDE BORDERS (CONTACT SECTION & INTERESTS) */
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: none;
}
table.details-table {
    border-collapse: collapse;
}
table.details-table td {
    background-color: transparent !important;
} 

/* CUSTOMIZE NAME */
.profile h1 {
    font-size: 4em;
    color: #544736;
    font-family: 'Pirata One', cursive;
    text-shadow: 1px 1px #23393c;
    text-align: center;
}

h1, h2, h3, h4 {font-family: 'Pirata One', cursive; font-size: 2em}

</style>

<style>


.container {
width: 70%;
max-width: 1600;
}

</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.

Comments

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