On 2020-05-12 11:15 a.m., Tom Livingston wrote:
On Tue, May 12, 2020 at 11:02 AM Sandy Feldman <sa...@sandyfeldman.com> wrote:
hey all (I think there may be 4 of us now!)
I am trying to improve the contrast on a knight lab timeline. There are
a couple of elements that have reduced opacity that need to be brought
up to full. I can't seem to find the right selectors.
https://blackspaceportal.library.brandeis.edu/aaas-timeline/
Here are knight lab hints on styling
https://timeline.knightlab.com/docs/faq.html#styling
Here's what I've tried so far:
.tl-slidenav-previous .tl-slidenav-title, .tl-slidenav-next
.tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-description {
filter: alpha(opacity=1);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
div.tl-slidenav-title {
filter: alpha(opacity=1);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
div.tl-slidenav-title A{
color: #000;
filter: alpha(opacity=1);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
I also need to make the dates along the time axis darker.
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor
.tl-timeaxis-tick {
color: #666;
}
Your help is really appreciated!
--
Sandy
sandyfeldman.com
Can you specify what elements you are trying to affect the opacity on?
https://blackspaceportal.library.brandeis.edu/aaas-timeline
<https://blackspaceportal.library.brandeis.edu/aaas-timeline/>
On the timeline, just under the black arrow, there's some text. First
slide says "AAAS 130B". It's very pale until hover, when it turns black.
I need to get it black the whole time and add a different hover/focus style.
--
Sandy
sandyfeldman.com
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
