<ul> elements as a flat comma-separated list ul.links { list-style: none; margin: 0; padding: 0; }
ul.links li { display: inline; }
ul.links li:after { content: ","; }
ul.links li:last-child:after { content: ""; }The advantage of this is that changing the default separator from a comma to | or - or whatever now means only having to change one character in the stylesheet.
Note: Internet Explorer doesn't support the css content attribute or :after and :last-child pseudo-classes, so the commas won't appear in IE.
padding-left: 10px; text-indent: -10px; to an element makes all lines of that element appear indented except the first one.Does Gmail have a setting somewhere to make message text appear in a fixed width font? 'Cause if it does, I sure can't find it...
To force it to use a fixed width font anyway, I added the following to userContent.css in my Firefox profile:
div.msg div.mb {
font-family: monospace !important;
font-size: 12px !important;
}
(Firefox's 'View Selection Source' came in real handy trying to figure out these classnames; regular View Source is a pain on Gmail because the whole thing's Javascript-generated.):visited pseudo-class and background-image urls to detect if a user has visited a particular link. [href=] selector. Unfortunately, there's another method that does work in IE and is even more dangerous...body {
background: url("
javascript:
document.body.onload = function(){
...custom js here...
}
");
}By specifying a rule like this in the browser's user stylesheet, it might even be possible to run a custom set of Javascript commands on opening of any visited website. (Although my brief attempt at making this work proved unsuccessful.) [via webgraphics]<ul> listings, check out IF THEN ELSE (who also caught the redesign bug this week)'s take on it; scroll down a bit and hover over the leftside menus. By already showing a tiny border in the default link state, and increasing the border size on hover, it looks like LEDs lighting up. Pretty colours!expression() syntax to simulate the css max-width property, which works in Mozilla/Opera but not in IE.<ul> lists. I like this trick where a fat border-left is used to create a neat hover effect. [via kottke.org]<font>-tag in a script of my own from december 2000. Possibly the last time I ever used one...body{overflow:hidden;} to the stylesheet of various dhtml animations of late is causing Phoenix (and probably any Gecko-based browser) to display a blank page... Removing the overflow-property makes them work again.height:2000px; (or another pixelvalue that's sure to be higher than the window height) to the body{...} style seems to fix things. Still, weird; I don't remember having to do this in earlier Mozilla versions.
/* standards-compliant; works in Mozilla */
input[type="text"]
{
background-color:yellow;
}/* alternative for Internet Explorer */
input
{
background-color:expression(
this.type=='text' ? 'yellow' : 'transparent');
}h1{margin-bottom:0px} or h1{display:inline} to your stylesheet.
<nobr> is white-space: nowrap;
new feeds view
I'm having a lot of fun styling my new simple and lean blo.gs-powered feeds view. Check it out in a browser that supports modern CSS (i.e. not IE) and observe
li:hover,::afterandcontent: attr(href)in action...Update:
Well, it seems blo.gs is offline for a bit after being sold to some unknown party, so the feeds view might not get updated for quite some time. Anybody know any other good centralized weblog update trackers? I tried BlogRolling for a while but it only seemed to indicate one new updated weblog per day.
Update 2:
blo.gs is back, yay! Turns out it's been acquired by Yahoo!.
1. posted by Ruben at 22:54 on June 13, 2005
2. posted by Nick at 09:28 on June 14, 2005
Cool pun by the way: 'i.e. not IE'.
3. posted by wchulseiee at 18:23 on June 14, 2005
4. posted by Milo at 18:37 on June 14, 2005
Basically I just want to be able to Ctrl-click the blog names to open them in new Firefox tabs, rather than being forced to read them via the bloglines interface.
5. posted by wchulseiee at 18:47 on June 14, 2005
6. posted by wchulseiee at 18:54 on June 14, 2005
7. posted by Milo at 19:58 on June 14, 2005