#sitemap ul { list-style: none; } #sitemap .map-tree { margin: 0; } #sitemap .map-tree li.disabled { color: #c4c4c4; background-color: #F5F5F5; } #sitemap .map-tree > li { margin-bottom: 20px; padding: 0; border: 1px solid #ddd; background: #fcfcfc; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .6); -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .6); box-shadow: 0 1px 0px rgba(255, 255, 255, .6); } #sitemap .map-tree li { position: relative; } #sitemap .map-tree li li:before { content: ""; position: absolute; top: -12px; left: -13px; bottom: 0; border-left: 1px solid #ebebeb; } #sitemap .map-tree li li li:before { top: -5px; left: 18px; } #sitemap .map-tree li:last-child:before { bottom: 20px; } #sitemap .map-tree li li:after { content: ""; position: absolute; left: -13px; top: 20px; width: 8px; border-bottom: 1px solid #ebebeb; } #sitemap .map-tree li li li:after { left: 18px; } #sitemap .map-tree h6 { margin: 0; padding: 10px; line-height: 14px\9; } #sitemap .map-tree h6:after { content: ""; clear: both; display: block; visibility: hidden; } #sitemap .map-tree h6 span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sitemap .map-tree > li > h6 { border-bottom: 1px solid #ddd; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fafafa, #efefef); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)); background-image: -webkit-linear-gradient(top, #fafafa, #efefef); background-image: -o-linear-gradient(top, #fafafa, #efefef); background-image: linear-gradient(to bottom, #fafafa, #efefef); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } #sitemap .map-tree > li > h6 > b { font-size: 18px; float: left; line-height: 17px; margin-right: 5px; } #sitemap .map-tree > li > ul > li { border-radius: 5px; border: 1px solid #ededed; margin: 10px 10px 10px 0; } #sitemap .map-tree > li > ul > li > ul { margin: 0; } #sitemap .map-tree > li > ul > li > ul > li { padding-left: 20px; } #sitemap .line { width: 2px; position: absolute; top: -10px; bottom: 0; left: 50%; margin-left: -1px; background-color: #ebebeb; } #sitemap .line ul[class^="line"] { position: absolute; margin: 0 0 0 -30px; left: 50%; top: 0; bottom: 0; width: 60px; text-align: center; } #sitemap .line ul[class^="line"] li { /*font-size: 18px;*/ position: absolute; color: #8A8A8A; width: 10px; height: 10px; line-height: 28px; left: 50%; margin-left: -5px; border-radius: 100%; background-color: #DBDBDB; box-shadow: 0px -1px 0px rgba(0, 0, 0, .1), inset 0px -1px 0px rgba(255, 255, 255 ,1); } #sitemap #map-tree-language { /*display: inline-block;*/ position: relative; left: 50%; margin: 0 0 10px; padding-bottom: 10px; /*border-bottom: 1px solid #ebebeb;*/ } #sitemap .map-tree-content { position: relative; overflow: visible; }