Yet another q - eliminating gradients for vertical lists in sidebar

[David Gifford]

Hi all

How can I eliminate the gradients in the tabs of the more sidebar? Tried heaps of things.

Your patience with my questions will pay off...for those who want a taste, see http://giffmex.org/builditright.html

Dave

[PMario]

On Monday, November 11, 2013 12:26:28 AM UTC+1, David Gifford wrote:

Hi all

How can I eliminate the gradients in the tabs of the more sidebar? Tried heaps of things.

There is a CSS definition somewhere. may be: $:/themes/tiddlywiki/snowwhite/base 

change

.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
   background-color: #FFFFFF;
   background-image: -moz-linear-gradient(left center , #ECECEC 0%, #F8F8F8 100%);
   border: medium none;
}

to

.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
   background-color: #FFFFFF;
   border: medium none;
}

I didn't test it .)
-m

[David Gifford]

Sadly, doesn't work...

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/2JTjf69VpIQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.

--
David Gifford
Christian Reformed World Missions, Mexico City

[Stephan Hradek]

You also need to remove it from here:

.tw-more-sidebar .tw-tab-buttons button

No time atm, but will try to give you a proper css for this. Patching the CSS is not the way to go ;)

[Jeremy Ruston]

Hi Dave

Try this:

html body.tw-body .tw-more-sidebar .tw-tab-buttons button.tw-tab-selected,html body.tw-body .tw-more-sidebar .tw-tab-buttons button {

background-image: none;

}

Parenthetically, I plan to separate the Snow White theme into a base "Vanilla" theme that's minimally styled, and keep the gradients and such in the "Snow White" theme, based on the "Vanilla" theme.

Best wishes

Jeremy

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.

To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.

--
Jeremy Ruston
mailto:jeremy...@gmail.com

[Ton Gerner]

Hi Dave,

May be not the way to do it, but it works ;)
Just setting start and end color the same. See http://www.w3schools.com/css/css3_gradients.asp

.tw-more-sidebar .tw-tab-buttons button.tw-tab-selected {
   background-color: #FFFFFF;

   background-image: -moz-linear-gradient(#F8F8F8, #F8F8F8);
   border: medium none;
}

Cheers,

Ton

[David Gifford]

Thanks Jeremy and Ton. Jeremy's easy solution worked great

--

You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/2JTjf69VpIQ/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.