|
Struts example source code file (TabContainerA11y.css)
The Struts TabContainerA11y.css source code.dojoTabContainer { position : relative; } .dojoTabPaneWrapper { position : relative; border : 1px solid #6290d2; clear: both; _zoom: 1; /* force IE6 layout mode so top border doesnt disappear */ } .dojoTabLabels-top { position : absolute; top : 0px; left : 0px; overflow : visible; margin-bottom : -1px; width : 100%; z-index: 2; /* so the bottom of the tab label will cover up the border of dojoTabPaneWrapper */ } .dojoTabNoLayout.dojoTabLabels-top { position : relative; } .dojoTabNoLayout.dojoTabLabels-top .dojoTab { margin-bottom: -1px; _margin-bottom: 0px; /* IE filter so top border lines up correctly */ } .dojoTab { position : relative; float : left; padding-left : 9px; border-bottom : 1px solid #6290d2; cursor: pointer; white-space: nowrap; z-index: 3; } .dojoTab div { display : block; padding : 4px 15px 4px 6px; color : #333; font-size : 90%; } .dojoTabPanePaneClose { position : absolute; bottom : 0px; right : 6px; height : 12px; width : 12px; font-size : small; } .dojoTabPanePaneCloseImage { } .dojoTabPanePaneCloseHover { } .dojoTabClose { display : inline-block; height : 12px; width : 12px; padding : 0 12px 0 0; margin : 0 -10px 0 10px; cursor : default; font-size: small; } .dojoTabCloseImage { } .dojoTabCloseHover { } .dojoTab.current { padding-bottom : 1px; border-bottom : 0; background-position : 0 -150px; } .dojoTab.current div { padding-bottom : 5px; margin-bottom : -1px; background-position : 100% -150px; } /* bottom tabs */ .dojoTabLabels-bottom { position : absolute; bottom : 0px; left : 0px; overflow : visible; margin-top : -1px; width : 100%; z-index: 2; } .dojoTabNoLayout.dojoTabLabels-bottom { position : relative; } .dojoTabLabels-bottom .dojoTab { border-top : 1px solid #6290d2; border-bottom : 0; } .dojoTabLabels-bottom .dojoTab div { } .dojoTabLabels-bottom .dojoTab.current { border-top : 0; } .dojoTabLabels-bottom .dojoTab.current div { padding-top : 4px; } /* right-h tabs */ .dojoTabLabels-right-h { position : absolute; top : 0px; right : 0px; overflow : visible; margin-left : -1px; z-index: 2; } .dojoTabLabels-right-h .dojoTab { padding-left : 0; border-left : 1px solid #6290d2; border-bottom : 0; float : none; } .dojoTabLabels-right-h .dojoTab div { padding : 4px 15px 4px 15px; } .dojoTabLabels-right-h .dojoTab.current { border-left : 0; border-bottom : 1px solid #6290d2; } /* left-h tabs */ .dojoTabLabels-left-h { position : absolute; top : 0px; left : 0px; overflow : visible; margin-right : -1px; z-index: 2; } .dojoTabLabels-left-h .dojoTab { border-right : 1px solid #6290d2; border-bottom : 0; float : none; } .dojoTabLabels-left-h .dojoTab.current { border-right : 0; border-bottom : 1px solid #6290d2; padding-bottom : 0; } .dojoTabLabels-left-h .dojoTab div { background : 0; border-bottom : 1px solid #6290d2; } Other Struts examples (source code examples)Here is a short list of links related to this Struts TabContainerA11y.css source code file: |
... this post is sponsored by my books ... | |
#1 New Release! |
FP Best Seller |
Copyright 1998-2021 Alvin Alexander, alvinalexander.com
All Rights Reserved.
A percentage of advertising revenue from
pages under the /java/jwarehouse
URI on this website is
paid back to open source projects.