PlaneShift

Support => Forum and Website Discussions => Topic started by: Nikodemus on January 08, 2008, 02:13:17 pm

Title: Skinning.
Post by: Nikodemus on January 08, 2008, 02:13:17 pm

Some time ago I have been told about that stylish (https://addons.mozilla.org/en-US/firefox/addon/2108) add-on for FF and it turned to be perfect tool for skining.
Although forum admins could add the css to the forum styles, they are busy and doesn't always do it, so here I post what i made once, so everyone can use it and the few implement as fix. Though for the later, without !important tags, as they aren't real css.

Code: [Select]

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("hydlaa.com") {

/* Input boxes for header*/
div.headerbodies input
{
   font-size: 12px !important;
   color: #9DBBBF !important;
   background-color: #1E323A !important;
   border: 1px inset #00262E !important;
   padding: 1px 3px 3px 3px !important;
   font-family: Tahoma, arial, helvetica, serif !important;
}

/* All input elements that are buttons for header. */
div.headerbodies input[type="submit"]
{
   font-size: 12px !important;
   font-weight:bold !important;
   color: #C3E3E1 !important;
   background-color: #2E5D6E !important;
   border: 1px outset #133A45 !important;
   padding: 0px 3px 2px 3px !important;
   margin-top: 1px !important;
   font-family: Tahoma, arial, helvetica, serif !important;
}
div.headerbodies input[type="submit"]:active
{
   color: #AAD8D5 !important;
   background-color: #2A515E !important;
   border: 1px inset #133A45 !important;
}

div.headerbodies select
{
   font-size: 12px !important;
   font-weight:bold !important;
   color: #9CC7CC !important;
   background-color: #1E323A !important;
   border: 1px inset #00262E !important;
   padding: 0px 0px 2px 0px !important;
   font-family: Tahoma, arial, helvetica, serif !important;
}

/* All input elements that are buttons. */
input[type="submit"]
{
   font-size: 12px !important;
   font-weight:bold !important;
   color: #EDD9B9 !important;
   background-color: #634843 !important;
   border: 1px outset #624F44 !important;
   padding: 0px 3px 2px 3px !important;
   margin-top: 1px !important;
   font-family: Tahoma, arial, helvetica, serif !important;
}
input[type="submit"]:active
{
   color: #E2CAA4 !important;
   background-color: #523B36 !important;
   border: 1px inset #624F44 !important;
}

}