Stylish skins

[Thewun]

Bluish skin for the FL site that's easier to read when gamma is set high, ie. when EQ is on.  You need Stylish and Firefox 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:

[Thewun]

Updated to include Loot subpages.

[Furro]

  
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.

[Furro]

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