Y2K ChromeCore

Layout CSS

/* BACKGROUND IMAGE OF BODY */

body 
{
 background-image: url("https://i.pinimg.com/736x/09/e6/de/09e6de102c8587e3a116c6fd226f014b.jpg");
background-size: 50%;
}

/* HEADER BACKGROUND IMAGE */

.myspace-header .top-nav
{
   background-image: url("https://i.pinimg.com/736x/2f/3a/42/2f3a42cd550101f3899381d11904783a.jpg") !important;
background-repeat: no-repeat;
background-size: 100% 100% !important;
}

/* HEADER NAV BOX */

.myspace-header .main-nav-wrapper
{
  background-image: url("https://i.pinimg.com/1200x/dc/08/00/dc0800eb5202a9d4b47d99408598e39d.jpg");
  background-size: 175% 275%;
}

.myspace-header .main-nav li a
{
  color: #C0D100;
  background: rgba(17,0,209, 0.075);
}

.myspace-header .main-nav li a.active
{
  background-image: url("https://i.pinimg.com/736x/cc/95/f8/cc95f88e540bcfc3c5cc2539302dcefd.jpg") !important;
  color: #EAFF00;
}

.myspace-header .main-nav li a:hover
{
  background-image: url("https://i.pinimg.com/736x/cc/95/f8/cc95f88e540bcfc3c5cc2539302dcefd.jpg") !important;
  color: #EAFF00;
}

/* BLOG TEXT BOX */

.blog-entry .content 
{
  background-image: url("https://i.pinimg.com/1200x/53/0e/c8/530ec8745218e03e8908b932fa68dec8.jpg");
background-size: cover;

  border: 3px solid transparent;
  outline: 2px solid #555;
  border-image: linear-gradient(145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%) 1;
}

.blog-entry .content p,.blog-entry .content blockquote,.blog-entry .content li,.blog-entry .content h1,.blog-entry .content h2,.blog-entry.content h3,.blog-entry .content h4,.blog-entry .content h5,.blog-entry .content b,
.blog-entry .content i,.blog-entry .content strong,.blog-entry .content em,.blog-entry .content mark,.blog-entry .content small,.blog-entry .content del,.blog-entry .content ins,.blog-entry .content sub,.blog-entry .content sup
{
  color: #EAFF00;
  background: rgba(17,0,209, 0.365);
  margin: 0 auto;
}

.blog-entry .title
{
  color: #EAFF00;
  background-image: url("https://i.pinimg.com/736x/dc/a8/7e/dca87ee59158502bef259f48e388ea50.jpg");
  background-size: cover; 
  border: 2px solid transparent;
  border-image: linear-gradient(
  145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%)1;
}

/* BLOG TEXT BOX LINKS */

.blog-entry .content a
{
  color: #A30E00;
}

.blog-entry .content a:hover
{
  color: #FF1500;
}

/* BACKGROUND OF MAIN */

main
{
  background: #ffffff00;
  
  border: 4px solid transparent;
  outline: 2px solid #555;
  box-shadow: 0 0 0 2px #fff,inset 0 0 0 2px #fff, 4px 4px 8px rgba(0,0,0,0.6), -2px -2px 4px rgba(255,255,255,0.8);
  border-image: linear-gradient(145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%) 1;
}

.row.article
{
  background-image: url("https://i.pinimg.com/1200x/e3/e0/2c/e3e02cf3bae0e9052773006f924f7cca.jpg");
}

/* EDIT INFO/BLOG CREATOR AND ITS DETAILS */

.edit-info
{
   background-image: url("https://i.pinimg.com/736x/c8/d2/99/c8d299b359db111df285f66777661387.jpg");

  border: 4px solid transparent;
  outline: 2px solid #555;
  box-shadow: 0 0 0 2px #fff,inset 0 0 0 2px #fff, 4px 4px 8px rgba(0,0,0,0.6), -2px -2px 4px rgba(255,255,255,0.8);
  border-image: linear-gradient(145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%) 1;
}

.edit-info p, h1
{
  color: #CBFFB8 !important;
  background-color: #0083FF !important;
}

.edit-info a
{
  color: #ECFFE6 !important;
  background-color: #0083FF !important;
}
.edit-info a:hover
{
  color: #66FF2E !important;
}

.blog-entry .profile-pic img
{
  border: 5px solid transparent;
  border-image: linear-gradient(
    145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%) 1;
}

/* KUDOS */

.kudos-container
{
  background-image: url("https://i.pinimg.com/1200x/df/d6/b0/dfd6b03dc016c22a0a20370e6783d4b2.jpg") !important;
  background-size: cover !important;
  
  border: 5px solid transparent;
  border-image: linear-gradient(
    145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%) 1 !important;
  border-radius: 5px !important;
}

.kudos-display
{
  color: #EAFF00 !important;
  background-color: #695CFF;
}

/* COMMENT BOX */

.comments
{
  border: 5px solid transparent;
  border-image: linear-gradient(
    145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%) 1;

  background-image: url("https://i.pinimg.com/736x/7a/8f/1f/7a8f1feb78dce3a233f124cfcb9741de.jpg");
  background-size: cover;
}

.comments .heading
{
  border-top: 2px dashed #241C59 !important;
  color: #5800FF;
}

.comments .inner, .comments .inner p,.comments .inner blockquote,.comments .inner li,.comments .inner h1,.comments .inner h2,.comments .inner h3,.comments .inner h4,.comments .inner h5,.comments .inner b,
.comments .inner i,.comments .inner strong,.comments .inner em,.comments .inner mark,.comments .inner small,.comments .inner del,.comments .inner ins,.comments .inner sub,.comments .inner sup
{
  color: #5800FF;
  background: rgba(229, 229, 234, 0.25);
  margin: 0 auto;
}

.comments .inner a
{
  color: #41329F;
}

/* COMMENT TABLE */

.comments-table td:first-child
{
  background: #f9c56c00 !important;
}

.comments-table td
{
  background: #f9c56c00 !important;
}

.comments-table .report
{
  background-image: url("https://i.pinimg.com/1200x/0c/1a/10/0c1a102ffcc5261ba8a2847d5f02985c.jpg");
  background-size: 100% 100%;
}

button.cb-like-btn
{
   background-image: url("https://i.pinimg.com/1200x/0c/1a/10/0c1a102ffcc5261ba8a2847d5f02985c.jpg") !important;
  background-size: 100% 100%;
}

.cb-like-btn cb-liked
{
   background-image: url("https://i.pinimg.com/1200x/0c/1a/10/0c1a102ffcc5261ba8a2847d5f02985c.jpg") !important;
  background-size: 100% 100%;
}

/* FOOTER */

footer
{
  background-image: url("https://i.pinimg.com/736x/ad/cc/ab/adccabcc83e7f9645e32bb8ea40071f7.jpg");
  background-size: 100% 100%;
  background-size: cover; 

  border: 5px solid transparent;
  border-image: linear-gradient(
  145deg,#ffffff 0%,#d0d0d0 15%,#707070 35%,#e8e8e8 50%,#909090 65%,#d0d0d0 80%,#ffffff 100%)1;
}

footer p
{
  color: #F1FF5C;
  background-color: rgba(147, 138, 255, 0.5);
  width: fit-content;
  margin: 0 auto;
}

footer a
{
  color: #FF1500;
}

footer a:hover
{
  color: #0095A3;
}

nav .links
{
  background-color: rgba(147, 138, 255, 0.5);
}

/* FUCKASS BLUE BORDERS ON NAV BOX */

.myspace-header,
.myspace-header .main-nav-wrapper,
.myspace-header .main-nav-container,
.myspace-header .main-nav,
.myspace-header .top-nav,
.myspace-header .top-nav::before,
.myspace-header .top-nav::after,
.myspace-header .main-nav::before,
.myspace-header .main-nav::after {
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.myspace-header .main-nav-wrapper {
    top: 0;
}

.myspace-header .main-nav,
.myspace-header .main-nav ul,
.myspace-header .main-nav li,
.myspace-header .main-nav li a {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}