thinner (shorter) header

[Dave Parker]

Hi, I'm trying to make a header on a MPTW TW with vanilla style (side
menu) to have a shorter header, and I thought that the stylesheet
would be where that would be tweaked. The problem is that with an
unmodified stylesheet, there's no tiddler there to tweak. I thought
Dave Gifford had a fix for this, but I couldn't find it on his two
main sites.

does anyone have any suggestions? (I guess I could import a theme,
then tweak from there...)


Dave Parker

[Daniel Baird]

If you think there's a tiddler but can't find it, it's probably a
shadow tiddler -- find them in your Other > Shadowed tab.

They look not there (because they aren't) but they magically have
default content, and once you edit the content you save a real tiddler
that replaces the default stuff.

;D

--
Daniel Baird
They say a million monkeys typing will eventually produce Shakespeare.
Thanks to commenters on YouTube, we now know this is not true.

[Dave Parker]

yes, but the problem is I'm not smart enough to just "replace" the
stylesheet - I have to have something there to begin with to "tweak
at".

So I guess my question is "is there a way to get at the normal
stylesheet contents so I can tweak it (when I double click it, there's
nothing there (as you explained) )?

DP

[Eric Shulman]

> So I guess my question is "is there a way to get at the normal
> stylesheet contents so I can tweak it (when I double click it, there's
> nothing there (as you explained) )?

The following *shadow* tiddlers define the standard CSS used by TW:

StyleSheetLayout
StyleSheetColors
StyleSheetPrint
StyleSheetLocale

To customize a style... do NOT alter these tiddler directly....
rather, copy/paste the desired style definitions into the
[[StyleSheet]] tiddler, and then modify then there.

Note: you do NOT have to copy the entire set of definitions. The
StyleSheet is used as an *overlay* on top of the default styles, so
you only have to include those CSS definitions that you are actually
changing...

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

[Dave Parker]

last question, then I have to run and will check back later:

in the stylesheet layout, all I can find with the word "header" is
this:

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em;
left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:
0px; top:0px;}


and that doesn't look like that's the height info I need.

Should I just find a line in some other TW file that has a short
header and a stylesheet reference to "height" and plunk it into the
style sheet alone? (I didn't think that would work, but from what
Eric says, it looks like it might (I'll try that anyway unless I see
responses to the contrary))

Thanks,
Dave

[Eric Shulman]

> .header {position:relative;}
> .header a:hover {background:transparent;}
> .headerShadow {position:relative; padding:4.5em 0em 1em 1em;
> left:-1px; top:-1px;}
> .headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:
> 0px; top:0px;}
>
> and that doesn't look like that's the height info I need.

The "height" of the header is not explicitly defined. Rather, the
height is determined by surrounding the header *content* by PADDING...

Adjust the "4.5em" value in both rules above, and your header height
will change.

-e

[Dave Parker]

Thanks Eric, that worked perfectly. (I should have known about the
padding- I had just seen a stylesheet somewhere else that described
it as a "height" - I guess everyone does it a little different)

Its also good to know what you said about the stylesheets above - I
hadn't read that before

Dave

[FND]

> Its also good to know what you said about the stylesheets above - I
> hadn't read that before

Just for the sake of completeness, there's also some information on that
on the community wiki:
http://www.tiddlywiki.org/wiki/Customization

-- F.