1/* 2* TabControl layout scheme 3*/ 4ul.CmsListMenuTabControl, ul.CmsListMenuTabControl ul.tabBody { 5 border: 0; 6 display: block; 7 list-style: none; 8 margin: 0; 9 padding: 0; 10 position: relative; 11} 12ul.CmsListMenuTabControl:after { 13 content: "."; 14 display: block; 15 height: 0; 16 clear: both; 17 visibility: hidden; 18} 19 20ul.CmsListMenuTabControl {display: inline-block;} 21 22/* Hides from IE-mac \*/ 23* html ul.CmsListMenuTabControl {height: 1px;} 24ul.CmsListMenuTabControl {display: block;} 25/* End hide from IE-mac */ 26 27ul.CmsListMenuTabControl li.CmsMenuItemFolderTabControl { 28 float: left; 29 display: block; 30 overflow: visible; 31 width: 1%; /* required by IE */ 32} 33html>body ul.CmsListMenuTabControl li.CmsMenuItemFolderTabControl { 34 width: auto; 35} 36 37ul.CmsListMenuTabControl li.CmsMenuItemFolderExpandedTabControl { 38 39} 40ul.CmsListMenuTabControl li.CmsMenuItemFolderTabControl a.tabHead { 41 display: block; 42 position: relative; 43} 44ul.CmsListMenuTabControl li.CmsMenuItemFolderExpandedTabControl a.tabHead { 45 z-index: 2; 46} 47ul.CmsListMenuTabControl li.CmsMenuItemFolderTabControl ul.tabBody { 48 left: 0; 49 overflow: hidden; 50 position: absolute; 51 top: 100%; 52 width: 100%; 53 z-index: 1; 54} 55* html ul.CmsListMenuTabControl li.CmsMenuItemFolderTabControl ul.tabBody { 56 width: expression(this.parentNode.parentNode.clientWidth+'px'); 57} 58ul.CmsListMenuTabControl li.CmsMenuItemFolderCollapsedTabControl ul.tabBody { 59 display: none; 60} 61ul.CmsListMenuTabControl li.CmsMenuItemFolderExpandedTabControl ul.tabBody { 62 display: block; 63} 64