charlie

Layout CSS

body {
  font-family: Courier New, monospace !important;
  background: url(https://pin.it/7zxUq5Dhh) !important;
  color: cyan !important;
}


/* =========================================================
navigation bar
   ========================================================= */

.myspace-header {
  position: relative;
  z-index: 100;
  width: 85%;
  max-width: 990px;
  color: #16225C;
  padding: 0;
  margin: 0 auto;
  font-size: 12px;
  line-height: 0;
  background-color: rgba(31, 224, 210, 0.8)!important;
  border-radius: 51px;
  border-top: 1px solid rgba(97, 255, 243, 0.8));
}

.myspace-header .top-nav {
  background: none !important;
  background-image: url("https://pin.it/3VElrI59h") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 6px solid #ffffff !important;
  border-radius: 57px;
  width: 519px;
}
.myspace-header .top-nav .search-button {
  border-color: #ffffff !important;
  background: rgba(0, 0, 0, 0.91) !important;
  color: #789eb5 !important;
  border-radius: 0 10px 10px 0;
}

.myspace-header .top-nav .search-input {
  background: rgba(0, 0, 0, 0.91) !important;
  color: #008F85 !important;
  border-color: #ffffff !important;
  border-radius: 10px 0 0 10px;
}

.myspace-header .main-nav-wrapper {
  background: linear-gradient(
    to bottom,
    #a9c7d8 0%,
    #789eb5 100%
  ) !important;
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  border-radius: 10px;
  height: 48px;
}

.myspace-header .main-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
  padding-left: 42px;
}


.myspace-header .main-nav li a {
  border: 2px outset rgba(255, 255, 255, 0.8);
  border-radius: 30px;
}

.myspace-header .main-nav li a:hover {
  background-color:#3fd1d1 !important;
}
.myspace-header .main-nav li a {
  border-right-color: rgba(255, 255, 255, 0) !important;
}
.myspace-header .dropdown-menu {
  background: #8fb3c9 !important;
  border-color: #ffffff !important;
  box-shadow: 2px 2px 8px rgba(120, 158, 181, 0.3) !important;
  border-radius: 15px;
}
.myspace-header .nav-logo {
  height: 73px;
  width: auto;
  margin: 0 10px;
  position: relative;
  top: 2px;
}

/* =========================================================
   MAIN BLOG CONTAINER
   ========================================================= */

main {
  background: url("https://pin.it/4xnOKtKUL") !important; !important;
  border-left: 2px dotted #ffffff !important;
  border-right: 2px dotted #ffffff !important;
  padding: 20px !important;
  color: #ffffff !important;
}

/* =========================================================
   BLOG TITLE
   ========================================================= */

.blog-entry .title {
  color: #ffffff !important;
  background: url("https://pin.it/7fyZNquiH") center center / cover !important;
  border: 2px solid #ffffff !important;
  padding: 15px !important;
  font-size: 2em !important;
  text-align: center !important;
}
/* Texto em negrito */
.blog-entry .content b {
  color: #ffffff !important;
}

/* Links dentro do texto */
.blog-entry .content a {
  color: #16225C !important;
  text-decoration: underline !important;
}
/* =========================================================
   LISTS
   ========================================================= */

.blog-entry ul,
.blog-entry ol {
  background: #16225C !important;
  border: 1px solid #ffffff !important;
  padding: 15px !important;
  color: #ffffff !important;
}

.blog-entry li::marker {
  color: #ffffff !important;
}
/* =========================================================
   BLOCKQUOTES
   ========================================================= */

.blog-entry blockquote {
  background: #2192A3 !important;
  border-left: 4px solid #ffffff !important;
  padding: 15px !important;
  color: #ffffff !important;
}
/* =========================================================
   SIDEBAR
   ========================================================= */

.edit-info {
  background: #1F747D !important;
  border: 2px solid #ffffff !important;
  padding: 20px !important;
}
.edit-info h4 {
  color: #ffffff !important;
}
.edit-info a {
  color: #1F407D !important;
}

/* =========================================================
   PROFILE PIC — GIRO
   ========================================================= */
.edit-info .profile-pic img {
  border-radius: 50% !important;
  animation: spin 7s infinite linear !important;
}
}  border: 2px solid #ffffff !important;
/* =========================================================
   COMMENTS
   ========================================================= */

#comments {
  background: black !important;
  border-bottom: 2px dotted cyan !important;
  padding: 20px !important;
}

#comments h2 {
  color: cyan !important;
}

.comments-table td {
  background: black !important;
  border: 1px solid cyan !important;
  color: cyan !important;
}
/* =========================================================
   FOOTER
   ========================================================= */

footer {
  background: #0C133B !important;
  border: 2px dotted #ffffff !important;
}

footer p {
  color: #ffffff !important;
}
/* =========================================================
   LINKS GERAIS
   ========================================================= */

main a,
footer a,
.edit-info a {
  color: #00D1DB !important;
}
/* =========================================================
   CURSOR PERSONALIZADO
   ========================================================= */

* {
  cursor: url("") 32 32, auto !important;
}