Forum:Alternate Skin: ALTIMIT OS

BBS: Index > Apkallu > Alternate Skin: ALTIMIT OS

What it is

This is an alternate skin for the .hack Wiki; it uses the "ALTIMIT OS" look.

Directions

Simply create the User:<yourname>/monaco.css page and paste the following code into it:

/*     .hack//Wiki Custom CSS: ALTIMIT OS    */

#background_strip { background: transparent; border: 0px;}
#wikia_header{ background: transparent; border: 0px;}

/* Changes color of username */
#header_username a {
	color: #FFFFFF;
}

/* Changes background & border color */
#wikia_page {
 background-color:#FFFFFF;
 border:1px solid #FF9900;
}


/* Changes Background image */
body {
background-image: url(http://images3.wikia.nocookie.net/dothack/images/c/cf/MonacoHeader%28ALTIMIT%29.png);
background-repeat: repeat-x;
background-position: left top; 
}

/* Changes theme color (the dark one) */
.color1, .color1 a, .yui-panel .hd {
	background-color: #FF9900;
	color: #333;
}
 
/* Changes background color */
.color2 {
   background-color: #FFFACD;
}

/* Affects Wikia logo and header */
#wikia_logo {
   background-image: url(http://images2.wikia.nocookie.net/dothack/images/8/8f/WikiaLogo-orange.png);
}
* html #wikia_logo {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images2.wikia.nocookie.net/dothack/images/8/8f/WikiaLogo-orange.png', sizingMethod='crop');
}

.headerMenuButton dt, .headerMenuButton dd {
   background-image: url(http://images4.wikia.nocookie.net/dothack/images/c/cc/HeaderMenuButton-orange.png);
}
* html .headerMenuButton dt, * html .headerMenuButton dd  {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images4.wikia.nocookie.net/dothack/images/c/cc/HeaderMenuButton-orange.png', sizingMethod='crop');
}

/* Widget */
/* Changes navigation background color */
.widget {
   background-color: #FFFFFF;
   border-color: #FF9900;

}

#navigation_widget {
        background-color: #FFFFFF;
	border-color: #FF9900;
}


/* Changes navigation hover color */
#navigation a:hover, .navigation-hover {
   background-color: #FFFACD;
}

/* Changes color of link box (area under menu) */
#link_box {
   background-color: #FF9900;
}

#link_box a{
  color: white;
}

/* Mostly just affects user menu */
.accent {
       background-color: #FFFACD; 
       border-color: #FF9900; 
       color: Black; 
}

.dark_text_1 {
	color: #FF9900;
}
.dark_text_2 {
	color: #000;
}

/* inactive tab background color */
#user_masthead #user_masthead_tabs li {
 background-color: #FF9900;
}

/* inactive tab link color */
#user_masthead #user_masthead_tabs li a {
 color: #FFFFFF;
}

You may need to purge your cache to see any changes. Note that you must have your skin set to any "Monaco" variant in order to see this skin. If you want to stop using this skin, either delete your user css page or clear it of its contents.--OtakuD50 07:23, March 1, 2010 (UTC)