CMSimple_XH–Forum

Code: Select all

.toc {width: 100%;padding: 0;overflow: visible;clear: both;}
.toc ul {list-style-type: none !important;font-style: normal;margin: 0;padding: 0;}

.toc li {list-style-type: none !important;float: left;position: relative;width: 200px;
	padding: 0 2rem;background-color: #040;height: 2.5rem;line-height: 2.5rem;
    vertical-align: middle;border-right: 1px solid #fff;z-index: 100;}

.toc ul li.docs a:before,.toc ul li.sdocs span:before{color: #fff;float: right;	content: "\25bc";}

.toc ul li:nth-child(1):before{	content: url(images/home.png); margin-right: 1rem; position: relative;	bottom: -2px;
	float:left;	color: #fff;}
.toc li a:hover{border: none;}
.toc li:hover {background-color: #000;}

.toc a,
.toc a:visited,
.toc span {display: block; color: #fff;}

.toc ul ul { list-style-type: none !important; height: 0; position: absolute; top: 2.5rem; margin: 0 0 0 -2rem;}

.toc ul ul li {	width: 270px; background: #060;	position: relative; box-shadow: 3px 3px 3px #666;
	z-index: 200; border-top: 1px solid #fff;border-right: 0;}
.toc ul ul li.docs a:before,.toc ul ul li.sdocs span:before{color: #fff;float: right;content: "\25ba";}
.toc ul ul li a,
.toc ul ul li span {
	width: 100%; height: 2rem; margin: 0;}

.toc ul ul:hover {
    background: #000;}

.toc ul ul li a:hover,
.toc ul ul li span:hover {}

.toc ul ul ul {left: 100%;top: 0px; width: 100%; visibility: hidden; padding: 0; margin: 0;}

.toc ul ul ul li {
    background: #080; margin: 0; position: relative; z-index: 300;
}

.toc ul ul ul li a,
.toc ul ul ul li span {}

.toc ul ul ul li:hover { background: #000; margin: 0;}

.toc ul ul ul li a:hover,
.toc ul ul ul li span:hover { margin: 0;}

.toc li:hover > ul { visibility: visible;}

Code: Select all

.toc ul ul { list-style-type: none !important; height: 0; position: absolute; top: 2.5rem; margin: 0 0 0 -2rem;visibility: hidden;}

Code: Select all

.toc ul.menulevel1 > li:nth-of-type(1):before {
	content: url(images/home.png) !important;
	margin-right: 1rem;
	position: relative;
	bottom: -2px;
	float: left;
	color: #fff;
}