Topics

1

Freelance Ramblings / Stylish skins

« 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 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: