Stylish in Chrome quick question

edited July 2010 in userstyles.org
I've been using the style below in Firefox for a while and it works fine, but when I use the same code in Google Chrome each time I click on a link there is a blank white page for about half a second before it loads the black background. In firefox there isn't this white page at all. Is there some kind of delay setting or code trick I can use to fix this? thanks

BTW the style does not work within the user style extension for some reason, but it will work if it's installed natively in Chrome. The only thing is the delay with the white screen is gonna give me a freakin' seizure! Looking for some help on that...


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

/***************************************************************
This is a nice backbone to build simple styles, or just leave as is if you're a robot like me and only want to see information.

Main issues:
* I need user input to tell me if this breaks anything so I can make exceptions.
* Messes up sites that use background images for information
* In particular, it messes up google maps (though it's still usable)
* Can't consistently alter buttons, text fields, menu-boxes, etc. (See http://sdf1.org/links/1231438650
for an explanation of why) So you have to customize them to your operating system and browser
* This even changes some of vimperator's colors
* Messes up black transparent images

* Any advice is welcome!
***************************************************************/


/***************************************************************
Main styling
***************************************************************/
/* originally only styled these tags:
body, div, table, iframe, address, h1, h2, h3, h4, h5, h6, th, td, code, textarea, a, ul, ol, li, p, dl, dd, dt, kbd, font
*/

/*Need to take out input and form to stop buttons from being unreadable*/

* {
font-family: verdana !important;
font-size: small !important;
color: #cccccc !important;
background-color: #000000 !important;
}
/* Remove background images */
body{
background-image: none !important;
}
/* Exception for
 so that ASCII art is still nice */
pre {
font-family: monospace !important;
font-size: 1em !important;
color: #aaaaaa !important;
background-color: #000000 !important;
}
/* Make background of images off-white in case they're transparent */
img {
background-color: #bbbbbb !important;
}

/**************************************************************
Have the h*'s get brighter and larger as they get more
important
***************************************************************/
h6{
color:#ff6600 !important;
}
h5{
color:#ff9900 !important;
}
h4{
color:#ffcc33 !important;
}
h3{
color:#ffff00 !important;
font-size:large;
}
h2{
color:#ffff99 !important;
font-size:x-large !important;
}
h1{
color:#ffffff !important;
font-size:xx-large !important;
}


/***************************************************************
Links styling
***************************************************************/
a:link{
color: #66CCEE !important;
text-decoration: none !important;
border: 0 !important;
}
a:visited{
color: #00FF00 !important;
border: 0 !important;
text-decoration: none !important;
}
a:hover{
text-decoration: underline !important;
}
a:active{
text-decoration: none !important;
color: #00FF00 !important
}

/***************************************************************
Site Specific follows
***************************************************************/

/***************************************************************
Wikipedia Specific
***************************************************************/
.firstHeading {
color:#aaaaaa !important;
}
/***************************************************************
nytimes.com Specific
***************************************************************/
div#shell div#page div#main {
background-image: none !important;
}

Comments

  • My only comment: "Verdana on everything?"
    Verdana is best for readability on body copy (such as paragraph text). In large text, Arial takes up less horizontal space:

    24-point Verdana

    24-point Arial

    24-point Calibri (for comparison)

    In my opinion, a mixture of both is better.
    Maybe Arial for <h1>, <h2>, and <h3>, and Verdana for everything else?

    For smaller text sizes, choose your typeface wisely for maximum readability: [link]
  • Styles installed as user scripts do have a delay before they're loaded. It's just how user scripts work.

    Chrome doesn't provide the same interfaces that Firefox does, so I think that even if you put it in Stylish for Chrome, you'd get the same thing (but possibly quicker to switch).
  • Hope you can like this online blog here this is information can got it free online hearts game so thanks a lot for update have to players exited for this
Sign In or Register to comment.