File: rsd.css

<!--
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 *
 * Copyright (C) 2003-2004 Luis I. Larrateguy <luisignacio@larrateguy.com.ar>
 *
 *     This file is part of XMLMenu
 *  Foobar is free software; you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation; either version 2 of the License, or
 *  any later version.
 *
 *  XMLMenu is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with Foobar; if not, write to the Free Software
 *  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 *
 * @version 0.7.0
 * @copyright 2004 
 *
 *
 *	Infile-Documentation:
 *
 *	This CSS Sheet works toghether with the javascript with the same name. 
 *	Different JS and CSS will be released soon for making different kind of menus
 *	from the same XML Menu definition
 *	
 *
 *	You can only modify the following attributes inside each class, beacause of 
 *	design reasons.
 *
 *	Class body {
 *		All attributes can be modify
 *	}
 *
 *	Class mainmenu {
 *		All attributes can be modify
 *		but pay attention further if you
 *		change the "padding: 3px;" attribute
 *		
 *		float: left;				DO NOT MODIFY UNLESS YOU KNOW WHAT YOU ARE DOING
 *		margin: ....				I only recommend to modify margin-left;
 *	}
 *
 *
 *
 *	Class menu {
 *		margin-left: -3px;  		This must be the -(mainmenu.padding) for cascading reasons
 *		padding:3px;				The same as mainmenu.padding
 *		border: 1px solid maroon;	Any
 *		position:absolute;			DO NOT MODIFY UNLESS YOU KNOW WHAT YOU ARE DOING
 *		visibility: hidden;			DO NOT MODIFY UNLESS YOU KNOW WHAT YOU ARE DOING
 *		background: #FFF;			Any
 *	}
 *
 *	.menuitem {
 *		margin:2px;					Any < than mainmenu.padding
 *		padding:3px;				Any
 *		background: #FFFFCC;		Any
 *	//	float:left; 				DO NOT MODIFY UNLESS YOU KNOW WHAT YOU ARE DOING
 *									LEAVE COMMENTED, BECAUSE IS SPECIFIC MSIE CONFIG
 *		clear: left; 
 *	//	width: 100%; 				DO NOT MODIFY UNLESS YOU KNOW WHAT YOU ARE DOING
 *									LEAVE COMMENTED, BECAUSE IS SPECIFIC MSIE CONFIG
 *		position:relative;			DO NOT MODIFY UNLESS YOU KNOW WHAT YOU ARE DOING
 *		border: 1px solid maroon;	
 *	}
 *
 *
 **/
-->


body {
	font-family: "Verdana", "Arial", "serif";
	font-size: 12px;
	background: #CCCCCC;
}

.mainmenu {
	margin: 0px;
	padding:3px;
	border: 1px dotted maroon;
	background: #FFFFFF;
	float:left;
}

.menu {
	margin-left: -3px; 
	padding:3px;
	border: 1px solid maroon;
	position:absolute;
	visibility: hidden;
	background: #EEEEEE;
}

.menuitem {
	margin:2px;
	padding:3px;
	background: #CCCCFF;
//	float:left; 	
	clear: left; 
//	width: 100%; 
	position:relative;
	border: 1px solid maroon;

}