New Webinterface-Style by benne

[people/teissler/ipfire-2.x.git] / html / html / include / menu.css

#menu-top {\r
	margin-left: 205px;\r
	font-family: verdana, arial, sans-serif;	\r
	font-size: xx-small;\r
    /* false value for WinIE4/5 */\r
    voice-family: "\"}\"";   \r
    /* trick WinIE4/5 into thinking rule is over */\r
    voice-family: inherit;   \r
    /* recover from trick */\r
    /* intended value for better browsers */\r
	font-weight: bold;\r
	padding: 0;\r
}\r
\r
#menu-top ul {\r
	list-style: none;\r
	padding: 0;\r
	margin: 0;\r
/*	background-color: #000;*/	\r
}\r
\r
#menu-top ul li {\r
	float: left;\r
	background-image: url(../images/menu_top_left.gif);\r
	background-position: top left;\r
	background-repeat: no-repeat;	\r
	height: 22px;\r
	padding: 0;\r
	margin: 0; \r
	margin-right: 7px;\r
}\r
\r
#menu-top ul li a {\r
	color: #fff;\r
	text-decoration: none;\r
	line-height: 22px;\r
	padding-left: 7px;\r
	padding-right: 7px;	\r
	display: run-in;\r
}\r
\r
#menu-top ul li div.rcorner {\r
	float: left;\r
	background-image: url(../images/menu_top_right.gif);	\r
	background-position: top right;\r
	background-repeat: no-repeat;\r
	padding-left: 7px;\r
	padding-right: 7px;\r
}\r
\r
#menu-top ul li.selected div.rcorner {\r
	float: left;\r
	background-image: url(../images/menu_top_right_selected.gif);	\r
	background-position: top right;\r
	background-repeat: no-repeat;\r
	padding-left: 7px;	\r
	padding-right: 7px;	\r
}\r
	\r
\r
#menu-top ul li.selected {\r
	background-image: url(../images/menu_top_left_selected.gif);\r
}\r
\r
\r
#menu-left {	/* for ie55  */\r
	width: 160px;\r
	background-color: #f2f2f2;\r
	background-image: url(../images/menu_left_top.gif);\r
	background-position: top right;\r
	background-repeat: no-repeat;\r
	font-family: verdana, arial, sans-serif;\r
	font-size: xx-small;	\r
    /* false value for WinIE4/5 */\r
    voice-family: "\"}\"";   \r
    /* trick WinIE4/5 into thinking rule is over */\r
    voice-family: inherit;   \r
    /* recover from trick */\r
    \r
    /* intended value for better browsers */\r
	font-weight: bold;\r
	padding: 0;\r
	margin-left: 15px;\r
}\r
\r
#menu-left ul\r
{\r
	background-image: url(../images/menu_left_bottom.gif);\r
	background-position: bottom left;\r
	background-repeat: no-repeat;\r
	list-style: none;\r
	padding: 7px 0 7px 0;\r
	margin: 0;\r
/*	background-color: #000;*/\r
}\r
\r
	\r
#menu-left ul ul {\r
	background: none;\r
	/* background-color: #c1c1c1; */\r
	background-color: #ccc;\r
	margin: 0;\r
	padding: 0;\r
	border-top: 1px solid #ccc;\r
}\r
	\r
#menu-left ul li {\r
	margin: 0;\r
	border-bottom: 1px solid #ccc;\r
	border-left: 1px solid #ccc;\r
	border-right: 1px solid #ccc;\r
	padding-left: 15px;\r
}\r
	\r
#menu-left ul li:last-child {\r
	border-bottom: 1px solid #f2f2f2;\r
}\r
\r
#menu-left ul li.selected {\r
	background-position: top left;\r
	background: url(../images/menu_left_selected.gif);\r
	background-color: #3F5368;	\r
	border-top: 1px solid #222;	\r
	border-bottom: 1px solid #222;\r
	border-left: 1px solid #222;\r
	border-right: 1px solid #222;\r
}\r
\r
#menu-left ul li.selected span {\r
	display: none;\r
}\r
	\r
#menu-left ul li a {\r
	width: 100%;\r
	color: #555;\r
	text-decoration: none;\r
	padding: 3px 5px 3px 0px;\r
	line-height: 20px; \r
	margin: 0;\r
}\r
\r
#menu-left ul li.selected a {\r
	color: #fff;\r
	text-decoration: none;\r
	padding: 3px 5px 3px 0px;\r
	margin: 0;\r
}\r
	\r
#menu-left ul ul li.selected {\r
	background: #6c6c6c;\r
}\r
\r
#menu-subtop ul {\r
	background: none;\r
        background-image: url(../images/heading-back.gif);\r
	background-position: bottom left;\r
	background-repeat: no-repeat;\r
	list-style: none;\r
        border-right: 1px solid #ccc;\r
	padding-left: 30px;\r
        font-size: 10px;\r
        font-weight: bold;\r
        color: #656565;\r
        margin: 0;\r
	margin-bottom: 15px;\r
        line-height: 20px;\r
        display: block;\r
	width: inherit;\r
	height: 20px;\r
}\r
\r
#menu-subtop ul li {\r
	margin: 0;\r
	float: left;\r
	padding-right: 15px;\r
}\r
\r
#menu-subtop ul li a {\r
        text-decoration: underline;\r
	font-weight: normal;\r
}	\r
\r
#menu-subtop ul li.selected {\r
	float: left;\r
	padding-right: 15px;\r
}\r
\r
#menu-subtop ul li.selected a {\r
        text-decoration: none;\r
	font-weight: bold;\r
        color: #555555;\r
}