Reading a CSS file from an existing website?

On Mon, 03 May 2004 22:49:36 +0200, Els <els.aNOSPAM (AT) tiscali (DOT) nl>
wrote:

I know it's there, but I can't just 'look' at the server (can I?) to
download the file. Or any scripts that may be there.

No need to. If you find for instance <LINK rel="stylesheet"
type="text/css" href="/default.css">, you take the url from
the page, like http://www.somesite.com/ and paste
default.css after that.
Result: http://www.somesite.com/default.css.
In any browser but IE, this will result in the CSS file
being shown in the browser window. In IE, it usually opens
Notepad or your default text editor, and displays it in there.

New tricks every day.

or @import url( .... .css) will show you where it's at.

New to me but I'll look it up, thanks.

Welcome.

BTW, your "You're saying you don't know...?" comment is VERY
condesending. No, we DONT all know things. I'm trying to teach
myself as best as I can.

I'm sorry about that, by no means I wanted to sound
condesending. I was just surprised, and therefore not sure

And my reply was a bit of a snap too, sorry.

As for teaching yourself, I think you've got at least one
thing figured out that I didn't when I started: reading and
asking on usenet is very helpful :-)

It's all there; somewhere.

--
Regards from Mike Barnard
South Coast, UK.

[To reply by email remove ".trousers" spamtrap from email address]

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote in
comp.infosystems.www.authoring.stylesheets:

An alternative would be to use
oh, say, a modern browser such as Mozilla or Firefox which will
display the file directly in the browser.

I use Mozilla, but the only way I've been able to get it to display
the CSS "right in the browser" is to View Source of the HTML, then
put the URL of the CSS in the location window.

DOM inspector can show the computed CSS, but it sounds like you have
an easy way to view the original style sheet. Please share!

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

Quoth the raven named Stan Brown:

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote in
comp.infosystems.www.authoring.stylesheets:

An alternative would be to use oh, say, a modern browser such as
Mozilla or Firefox which will display the file directly in the
browser.

I use Mozilla, but the only way I've been able to get it to display
the CSS "right in the browser" is to View Source of the HTML, then
put the URL of the CSS in the location window.

This is what I meant. Enter the URL.

DOM inspector can show the computed CSS, but it sounds like you
have an easy way to view the original style sheet. Please share!

Actually, I considered the above fairly easy. <g> But the
webdeveloper's toolbar will do what you want with a couple clicks.
http://webdeveloper.mozdev.org/

--
-bts
-This space intentionally left blank.

On Mon, 03 May 2004 20:09:08 +0100, Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk>
wrote:

Hi.

When looking at a website I can use VIEW / SOURCE to see the HTML, but
any external .css files don't show up. Is there a way to see them and
see what someone has done to get an effect?

Thanks.

With MSIE 6 do a File, Save As: "Web Page, complete"
The .css file and graphics are stored in an automatically created,
well-named sub-directory.

(I find EditPlus very convenient to view the page, html, and css,
and even the graphics.)

Mason C

Stan Brown wrote:

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote in
comp.infosystems.www.authoring.stylesheets:

An alternative would be to use
oh, say, a modern browser such as Mozilla or Firefox which will
display the file directly in the browser.


I use Mozilla, but the only way I've been able to get it to display
the CSS "right in the browser" is to View Source of the HTML, then
put the URL of the CSS in the location window.

DOM inspector can show the computed CSS, but it sounds like you have
an easy way to view the original style sheet. Please share!

Firefox has an extension called EditCSS that allows on-the-fly changes
to any given site's CSS, local on your own browser obviously. One side
effect of this extension is that if you use it on one site and then
visit another site, it applies the CSS to the new site, sometimes with
very pleasing results.

I imagine the extension will work with Mozilla as well.

http://texturizer.net/firefox/extensions/#editcss

'Later
Peter

--
Peter aka Ulujain - Computing for Fun!
http://www.ulujain.org/

On Mon, 03 May 2004 20:09:08 +0100, Mike Barnard
<m.barnard.trousers (AT) thunderin (DOT) co.uk> wrote:

Hi.

When looking at a website I can use VIEW / SOURCE to see the HTML, but
any external .css files don't show up. Is there a way to see them and
see what someone has done to get an effect?

Thanks.

What I do is this. Once I see the HTML, I scope out the locations of any
css files, I enter that address into the browser window, and one of two
things happens:

In IE6, the file opens in Notepad, though it often comes out screwy.

In Opera, it is displayed in the browser viewport.

The IE accessibility toolbar allows viewing of some CSS files.
http://www.nils.org.au/ais/web/resources/toolbar/

Mike Barnard wrote in
<r46d90lbk6jmeg3f29biebvme6upkltn39 (AT) 4ax (DOT) com>

Hi.

When looking at a website I can use VIEW / SOURCE to see the HTML, but
any external .css files don't show up. Is there a way to see them and
see what someone has done to get an effect?

You might read the information that I gave you in another ng. Then you might
read this:
http://www.uwasa.fi/~ts/http/crospost.html

--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.

"Mike Barnard" wrote

When looking at a website I can use VIEW / SOURCE to see the HTML, but
any external .css files don't show up. Is there a way to see them and
see what someone has done to get an effect?

In addition to the many ideas already posted, here is a "View Sources"
bookmarklet. It will display the HTML source plus linked styles and scripts,
each in its own Notepad window (Win/IE) or browser window (Mozilla).
Stylesheets that are called with "import" are not included.

javascript:
var r=new Image(),s=document.getElementsByTagName("script");
for(var n=0;n<s.length;n++)
if(r.src=s[n].src)
open("view-source:"+r.src);
s=document.styleSheets;
for(var n=0;n<s.length;n++)
if(r.src=s[n].href)
open("view-source:"+r.src);
open("view-source:"+location.href);
void('yeah');

or on one line:
javascript:var r=new
Image(),s=document.getElementsByTagName("script"); for(var
n=0;n<s.length;n++)if((r.src=s[n].src))open("view-source:"+r.src);s=document
..styleSheets;for(var
n=0;n<s.length;n++)if(r.src=s[n].href)open("view-source:"+r.src);open("view-
source:"+location.href);void('o yeah');

HTH
Ivo

Mike Barnard <m.barnard.trousers (AT) thunderin (DOT) co.uk> writes:

When looking at a website I can use VIEW / SOURCE to see the HTML, but
any external .css files don't show up. Is there a way to see them and
see what someone has done to get an effect?

Run the site through a validator such as

http://jigsaw.w3.org/css-validator/validator-uri.html

--
Pete Forman -./\.- Disclaimer: This post is originated
WesternGeco -./\.- by myself and does not represent
pete.forman (AT) westerngeco (DOT) com -./\.- opinion of Schlumberger, Baker
http://petef.port5.com -./\.- Hughes or their divisions.