valery vesper

Layout CSS

body, body.profile-page {
  background: #451504 !important; /*dark brown*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbbb388892.19838044.webp") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  font-family: serif !important;
  cursor:url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dd57b843f2.46696763.webp"), auto !important;
}

a, main a, footer a, .edit-info a {
  color: #690404 !important; /*blood red*/
}

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

/* site header */ 

.myspace-header, .myspace-header .top-nav, .top-nav, .navbar {
  content: none !important;
  color: #cf7b5d !important; /*light orange*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba97ff94.38338972.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  border: 2px dotted #690404 !important; /*blood red*/
}

.myspace-header .top-nav .search-input {
  background: white !important; 
  color: #451504 !important; /*dark brown*/
  border: 2px solid #690404 !important; /*blood red*/
  border-radius: 0;
}

.myspace-header .top-nav .search-button {
  background: #cfb69c !important; /*taupe*/
  color: #451504 !important; /*dark brown*/
  border: 2px solid #690404 !important; /*blood red*/
  border-radius: 0;
}

.myspace-header .main-nav-wrapper, .myspace-header .main-nav-container, .myspace-header .main-nav, .myspace-header .navigation {
  background: #cfb69c !important; /*taupe*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba97ff94.38338972.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center !important;
  border: 1px solid #690404 !important; /*blood red*/
  border-radius: 0;
}

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

.myspace-header .main-nav li a {
  background: #cfb69c !important; /*taupe*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba97ff94.38338972.gif") !important;
  color: white !important; 
  border: 1px solid #690404 !important; /*blood red*/
  border-radius: 0;
}

.myspace-header .main-nav li a:hover {
  background: #cfb69c !important; /*taupe*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba97ff94.38338972.gif") !important;
  color: #e6470f !important; /*orange*/
}

.myspace-header .dropdown-menu {
  background: #cfb69c !important; /*taupe*/
  border: 2px solid #690404 !important; /*blood red*/
  border-radius: 0px;
}

/* blog body */

main {
  background: #e6470f !important; /*orange*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbb9e89cf9.37551110.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  border-left: 2px dotted #690404 !important; /*blood red*/
  border-right: 2px dotted #690404 !important; /*blood red*/
  color: #451504 !important; /*dark brown*/
}

h1, h2, h3 {
  color: white !important;
  text-shadow: 0px 1px #451504 !important; /*dark brown*/
}

::selection {
  background: #690404 !important; /*blood red*/
  color: white !important;
}

/* blog content */

.blog-entry .content {
  background: #451504 !important; /*dark brown*/
  background: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba965b46.75626935.webp") !important;
  border: 2px dotted #690404 !important; /*blood red*/
  color: white !important; 
  padding: 10px !important;
}

.blog-entry .content b {
  color: white !important; 
}

.blog-entry .content a {
  color: #cfb69c !important; /*taupe*/
  text-decoration: underline !important;
}

/* sidebar */

.edit-info {
  background: #cfb69c !important; /*taupe*/
  background: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba524488.34710506.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  border: 2px solid #690404 !important; /*blood red*/
}

.edit-info h4 {
  color: #451504 !important; /*dark brown*/
}

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

/* links without backgrounds */

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

/* kudos */

.blog-entry .kudos-container {
  background: #cfb69c !important; /*taupe*/
  background: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba524488.34710506.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  color: #451504 !important; /*dark brown*/
  border-color: #690404 !important; /*blood red*/
}

.kudos-count, .kudos-buttons {
  color: #690404 !important; /*blood red*/
}

/* comments */

#comments {
  background: #cfb69c !important; /*taupe*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba524488.34710506.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  border-bottom: 2px dotted #690404 !important; /*blood red*/
}

#comments h2 {
 color: #690404 !important; /*blood red*/
}

.comments-table td {
  background: #cfb69c !important; /*taupe*/
  background: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba524488.34710506.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  color: #451504 !important; /*dark brown*/
  border: none !important;
}

/* footer */

footer {
  background: #cfb69c !important; /*taupe*/
  background-image: url("https://friendrewind.com/uploads/gallery/34534/img_6ab9dbba524488.34710506.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center center !important;
  border: 2px dotted #690404 !important; /*blood red*/
}

footer .links { 
  background: none !important;
}

footer p {
  color: #451504 !important; /*dark brown*/
}

footer a {
  color: #690404 !important; /*blood red*/
}