On 08/30/2013 03:00 PM, Angel Herráez wrote:
> Dear JSmolers,
>
> As a result of a recent post, I've been playing with the look and feel of the
> pop-up menu in JSmol/HTML5
>
> I'd like to share a CSS-customised variation for your comments, individual
> adoption or implementation into default JSmol code.
>
> Please see the example at
> http://biomodel.uah.es/Jmol/pop-up_menu/test_popupmenu.htm
> There is a live demo, an image for comparison and you may look at the page
> source code to see the customisation (only CSS is changed)
>
I like the changes and would propose additionally to reduce the line
height of the links (1.2 instead of 1.5) and increase the font size
instead (12px instead of 10px):
.ui-menu .ui-menu-item {font-size: 12px;}
.ui-menu .ui-menu-item a {line-height: 1.2;}
In my browser the menu height stays exactly the same on the test page
(420px).
Some of the sub menus (e.g. Symmetry) are very transparent. Depending on
the background I can't recognize anything that is in there.
Since it is not obvious that transparent means "disabled" I think this
is rather confusing. I would propose to increase opacity (0.8 instead of
0.35) and use the standard means of inactivation (grey text color).
Maybe even use "line-through" as text-decoration to make it absolutely
clear:
.ui-state-disabled, .ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {opacity: 0.8;}
.ui-menu .ui-state-disabled a {color: rgb(120, 120, 120);
text-decoration: line-through;}
Regards,
Rolf
--
Rolf Huehne
Postdoc
Leibniz Institute for Age Research - Fritz Lipmann Institute (FLI)
Beutenbergstrasse 11
07745 Jena, Germany
Phone: +49 3641 65 6205
Fax: +49 3641 65 6210
E-Mail: [email protected]
Website: http://www.fli-leibniz.de
Scientific Director: Prof. Dr. K. Lenhard Rudolph
Head of Administration: Dr. Daniele Barthel
Chairman of Board of Trustees: Dennys Klein
VAT No: DE 153 925 464
Register of Associations: No. 230296, Amtsgericht Jena
Tax Number: 162/141/08228
------------------------------------------------------------------------------
Learn the latest--Visual Studio 2012, SharePoint 2013, SQL 2012, more!
Discover the easy way to master current and previous Microsoft technologies
and advance your career. Get an incredible 1,500+ hours of step-by-step
tutorial videos with LearnDevNow. Subscribe today and save!
http://pubads.g.doubleclick.net/gampad/clk?id=58040911&iu=/4140/ostg.clktrk
_______________________________________________
Jmol-users mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/jmol-users
