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)

Discussion / Feedback

I'll make some icons to refer people to this page from the frontpage if needed.--Falcon At 12:07, March 1, 2010 (UTC)

Here: http://i739.photobucket.com/albums/xx32/falcon_at/color-org.png http://i739.photobucket.com/albums/xx32/falcon_at/color-green.png

The orange could send people here for a different skin and the green could go to instructions to revert.--Falcon At 21:55, March 1, 2010 (UTC)

Much appreciated, but IMO there's no good way to implement such a feature. This is fine.--OtakuD50 04:14, March 7, 2010 (UTC)