SAYA NO UTA.LAYOUT

Layout CSS

body, body.profile-page {
  background-image: url("https://i.redd.it/95t5047lx4ea1.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  font-family: serif !important;
}

a, main a, footer a, .edit-info a {
  color: #f7947e !important;
}

a:hover, main a:hover, footer a:hover, .edit-info a:hover {
  color: #000000 !important; /*orange*/
}

/* site header */ 

.myspace-header, .myspace-header .top-nav, .top-nav, .navbar {
  background-image: url("https://img.magnific.com/premium-photo/dynamic-paint-splash-red-black-turbulent-crimson-splash-texture-print_1319560-68392.jpg?semt=ais_hybrid&w=740&q=80") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;

}

.myspace-header .top-nav .search-input {
  background: linear-gradient(to left, rgba(250, 10, 50, 0.9), rgba(25, 1, 50, 1.0)) !important; 
  color: #451504 !important; /*dark brown*/
  border: 2px solid #000000 !important; /*blood red*/
  border-radius: 4px;
}

.myspace-header .top-nav .search-button {
  background: rgba(250, 10, 50, 0.825) !important;
  color: #451504 !important;
  border: 2px solid #4a6237 !important; /*blood red*/
  border-radius: 0;
}

.myspace-header .main-nav-wrapper, .myspace-header .main-nav-container, .myspace-header .main-nav, .myspace-header .navigation {
background: linear-gradient(to top, rgba(250, 10, 50, 0.9), rgba(25, 1, 50, 1.0)) !important;
 box-shadow: inset 14px 10px 10px -7.5px rgb(00 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #960096, inset 0px -13px 6px -10px rgb(66 66 66 / 100%)}

.myspace-header .main-nav-container, .myspace-header .navigation {
  border: 0px !important; 
}

/* blog body */

main {
  background-image: url("https://media.rainpos.com/Checker/T4856H-10G.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  border-left: 2px dotted #4a6237!important;
  border-right: 2px dotted #4a6237!important;
  color: #451504 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: crimson !important;
  text-shadow: 1.4px 0px #451504 !important;
}

/* blog content */

.blog-entry .content {
  background-image: url("https://thegeekclinic.wordpress.com/wp-content/uploads/2013/08/saya-no-uta1.jpg") !important;
  border: 2px dotted #4a6237 !important;
  color: white !important; 
  padding: 10px !important;
text-shadow: 2px 2px 2px #ff00ff !important;
text-decoration-thickness: double !important;
}

.blog-entry .content b {
  color: white !important;
text-shadow: 2px 2px 2px #ffffff !important; 
}

.blog-entry .content a {
  color: #ff0000 !important;
  text-decoration: underline !important;
text-shadow: 2px 2px 2px #ffffff !important;
}

/* sidebar */

.edit-info {
  background: #cfb69c !important; /*taupe*/
  background: url("https://img.magnific.com/free-photo/photo-metal-texture-pattern_58702-13630.jpg?semt=ais_hybrid&w=740&q=80") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  border: 2px solid #ff0000 !important;
}

.edit-info h4 {
  color: #ffbbbb !important; 
}

.edit-info a {
  color: crimson !important; /*blood red*/
}



.col-right .links {
  color: white !important;
}

/* kudos */

.blog-entry .kudos-container {
  background: #cfb69c !important; /*taupe*/
  background: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/ddfa5e6e-659f-43d5-bbcf-e8889c71b22a/d8os5uh-3356809d-c113-4d05-b07c-bd29eaa5a6c2.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  color: #ff46!2 !important; 
  border-color: #4a6237 !important; /*blood red*/
}

.kudos-count, .kudos-buttons {
  color: #ffffff !important;
}

/* comments */

#comments {
  background-image: url("https://i.pinimg.com/1200x/dd/a0/83/dda083710da45b8539adab8067e4c6a4.jpg") !important;
  background-repeat: repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

#comments h2 {
 color: white !important;
}

.comments-table td {
  background:  linear-gradient(to bottom, rgba(250, 10, 50, 0.9), rgba(199, 23, 133, 1.0)) !important; 
  color: #crimson !important;
}

/* footer */

footer {
  background-image: url("https://i.pinimg.com/1200x/70/e6/12/70e612fb76abf4711ce4548b280ac271.jpg") !important;
  background-repeat: repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  border: 2px solid crimson !important;
}

footer .links { 
  background: none !important;
}

footer p {
  color: #AA0000 !important;
text-shadow: 1px 1px 2px white,
  0 0 1em white,
  0 0 0.2em white !important;
}

footer a {
  color: #AA0000 !important; 
text-shadow:
  1px 1px 2px white,
  0 0 1em blue,
  0 0 1em blue !important;
}