Modern

Tags: rounded

Description:

Rounded corners, large padding, soft shadows (WIP).

Code:

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

<style>
nav {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125);
}
.container, .main {
  width: 100%;
  max-width: 1024px !important;
  margin: auto;
}
.profile.left {
  width: 100%;
  max-width: 320px !important;
}
.profile.right {
  width: 100%;
  max-width: 600px !important;
}
.profile-pic img {
  border-radius: 100%;
}
.profile {
  margin: auto;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #333333;
}
.blurbs, .contact, .url-info, .table-section, .friends {
  margin: 0;
  padding: 1rem;
  background: white !important;
  border: 1px solid darkgray !important;
  border-radius: 11px !important;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) !important;
}
.heading {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  color: black !important;
  background: beige !important;
  border-radius: 11px !important;
}
.inner {
  margin: 0;
  margin-top: 0.5rem;
  padding: 1rem;
  background: whitesmoke;
  border: 1px solid darkgray;
  border-radius: 11px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) inset;
}
</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

Comments disabled.