EQ Freelance Forum

General Public => Freelance Ramblings => Topic started by: Thewun on September 05, 2008, 01:37:15 AM

Title: Stylish skins
Post by: Thewun on September 05, 2008, 01:37:15 AM

Bluish skin for the FL site that's easier to read when gamma is set high, ie. when EQ is on.  You need Stylish (https://addons.mozilla.org/en-US/firefox/addon/2108) and Firefox (http://www.mozilla.com/en-US/) to use it.  You need both sets of code because the site uses two different basic templates.  The skin applies to all the subpages except for the GoD page, but no one ever reads that anyway!

Code: [Select]

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

@-moz-document domain("eqfreelance.net") {
body
{ background: #444485 !important;
  color: #67705A !important;
}

blockquote{border-color: #D7D7D7 !important;}

/* removing watermark temporarily here */

/* adding in background here temporarily */
#main

{ background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4gAAAABCAIAAAAThRcUAAAABmJLR0QADAAMAEREGCqTAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAB3RJTUUH2AgYDx0lKFD/NQAAAIZJREFUeNrt0LERgyAUANCP5APiXYqkp09pxQKuktIxsoJl5mEBS7KAOSsgZ1DMCun9b4THuu4BAPte1vW7bTmleVliCFMIU86fGN9Ajq2qWNve+v5urTXGSCnphBBCyD9SSt5759wwPMfxVUqhk4PjXCh1RtRNc0Wstb4IoRGVEDUA4/z0A4nPLgSauJkwAAAAAElFTkSuQmCC) repeat-y !important;
color: #67705A !important;
}


#links, #footer, #menu, #menu li a
{ background: #030314 !important;
  color: #BDB76B !important;
  border-color: #D7D7D7 !important;
}

#links a, #footer a, #links a:hover, #footer a:hover
{ background: transparent !important;
  color: #BDB76B !important;
}

#logo
{ background: #FFF url(freelance_logo6.jpg) no-repeat !important;
  color: #67705A !important;
}

/* old color #7C9D49 */

h1
{ background: transparent !important;
  color: #030314 !important;
  border-color: #B5CA91 !important;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #121257 !important;
  color: #BDB76B !important;
}

/* Changing my main update section colours here */
#content, #column2 a, #column2 a:hover
{ background: transparent !important;
  color: #191970 !important;
}

.sidebaritem, .sidebaritem a, .sidebaritem a:hover
{ background: transparent !important;
  color: #BDB76B !important;
}

.sbihead
{ background: #121257 !important;
  color: #BDB76B !important;
}

.sbihead h1
{ background: transparent !important;
  color: #BDB76B !important;
}

.sbilinks li a
{ background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAABmJLR0QAEgASAFcJzszUAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAB3RJTUUH2AgYDwYhhgvwtgAAABlJREFUeNpjkJBIZGJgYKAZ5uUVZNLS0gYARggBbh+JyEcAAAAASUVORK5CYII=) !important;
  color: #BDB76B !important;
}

.sbilinks li a:hover
{ background: #2A2A98 !important;
  color: #BDB76B !important;
}


}

Code: [Select]

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

@-moz-document url-prefix("http://eqfreelance.net/strats"),
               url-prefix("http://eqfreelance.net/oldnews"),
               url-prefix("http://eqfreelance.net/basics/loot"),
               url-prefix("http://eqfreelance.net/gallery") {

body
{ background: #444485 !important;
  color: #67705A !important;
}

blockquote{border-color: #D7D7D7 !important;}

/* removing watermark temporarily here */

/* adding in background here temporarily */
#main

{ background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4gAAAABCAYAAACc54BDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AgcAjYp0CxKcwAAAB10RVh0Q29tbWVudABDcmVhdGVkIHdpdGggVGhlIEdJTVDvZCVuAAAAdElEQVR42u3QsQ3CMBQG4TMunj0AXeQ1LNFZSskIWYdJKWkShIR4WIGWiAWQ+L/6qgvjeHrxofc77lfcF+b5jPuNZbnQ+xP3B+u6yUV+Uow7pulIa41aK6UUzExjREREROTvDMOAmZFzJqVEznvMDoQQv9o3TF0gDhotwcUAAAAASUVORK5CYII=) repeat-y !important;
color: #67705A !important;
}


#links, #footer, #menu, #menu li a
{ background: #030314 !important;
  color: #BDB76B !important;
  border-color: #D7D7D7 !important;
}

#links a, #footer a, #links a:hover, #footer a:hover
{ background: transparent !important;
  color: #BDB76B !important;
}

#logo
{ background: #FFF url(freelance_logo6.jpg) no-repeat !important;
  color: #67705A !important;
}

/* old color #7C9D49 */

h1
{ background: transparent !important;
  color: #030314 !important;
  border-color: #B5CA91 !important;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #121257 !important;
  color: #BDB76B !important;
}

/* Changing my main update section colours here */
#content, #column2 a, #column2 a:hover
{ background: transparent !important;
  color: #191970 !important;
}

.sidebaritem, .sidebaritem a, .sidebaritem a:hover
{ background: transparent !important;
  color: #BDB76B !important;
}

.sbihead
{ background: #121257 !important;
  color: #BDB76B !important;
}

.sbihead h1
{ background: transparent !important;
  color: #BDB76B !important;
}

.sbilinks li a
{ background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAABmJLR0QAEgASAFcJzszUAAAACXBIWXMAAArwAAAK8AFCrDSYAAAAB3RJTUUH2AgYDwYhhgvwtgAAABlJREFUeNpjkJBIZGJgYKAZ5uUVZNLS0gYARggBbh+JyEcAAAAASUVORK5CYII=) !important;
  color: #BDB76B !important;
}

.sbilinks li a:hover
{ background: #2A2A98 !important;
  color: #BDB76B !important;
}


}
Preview:

Title: Re: Stylish skins
Post by: Thewun on May 26, 2009, 11:25:59 PM

Updated to include Loot subpages.

Title: Re: Stylish skins
Post by: Furro on May 27, 2009, 12:52:59 AM

  
This is something I'd like to incorporate into the page sometime.  At least some color combo options.  It's doable with CSS, I've just been busy with other Freelance projects.

I don't use the template Thewun outlined above, however I can relate to the lightening of text while EQ is loaded for pages.  I was also never satisfied with the color scheme of large portions of grey used in the current Freelance version.  The FL page definately could use more vibrance.

Title: Re: Stylish skins
Post by: Furro on May 29, 2009, 01:11:52 AM

  
I changed the main site over to a blue'ish color scheme.  It should be easier to read now.