Page 1 of 1

Modul-Menü

Posted: Mon Jul 09, 2012 8:08 am
by itexpert1986
Ich habe in Joomla!1.5 mit dem Template mx_joofree2 ein Menü mit dem Joomla! eigenen Werkzeugen erstellt. Nun möchte ich den Zeilenabstand verändern weiß allerdings nur nicht wie. Vllt. könnt ihr mir noch ein paar Tipps geben.
Hier die CSS vom Template

Code: Select all


img,table {
	border: none;
}


	

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
}

ul li { padding-left: 32px; line-height: 160%; background-color: transparent; }

table.contentpaneopen h3 {
	margin-top: 25px;
}
h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #c62828;
	padding: 0;
}
/* modul menü links */

tr.mainlevel{
line-height:20px;
}

td.mainlevel{
margin-top: 20px;
}


/* a links */
a:link, a:visited {
	font-family: Arial;
	color: #808080; 
	font-size: 12pt;  
	text-decoration: none;
}
#alinks{		
         margin-top: 2.88pt; 
	margin-bottom: 0pt; 
	text-align: left; 
	direction: ltr; 
	unicode-bidi: embed;
	vertical-align: baseline;
	font-size: 12pt; 
	font-family: Arial; 
	color: black;
         line-height: 1.1em;
}
#alinks a{		
         margin-top: 2.88pt; 
	margin-bottom: 0pt; 
	text-align: left; 
	direction: ltr; 
	unicode-bidi: embed;
	vertical-align: baseline;
	font-size: 12pt; 
	font-family: Arial; 
	color: black;
}

#alinks a:hover{
	text-decoration: none;
	font-weight: normal;
	color: #666;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #666;
}


textarea {
	padding-left: 2px;
}
textarea.inputbox {
	width:95%;
}
.button, .button:hover { padding: 1px 10px!important; padding: 1px 5px; color: #f3f5f8; background-color: #4b535b; border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec; border-style: solid; border-width: 1px; }
.button:active, .button:focus { color: #f3f5f8; background-color: #cc3333; border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae; border-style: solid; border-width: 1px; }
.inputbox {
	border: solid 1px #bfc2c5;
	background: #f5f6f8;
}
.body_bg { background: #f8f8f8; }

#ol-flashheader { position: absolute; top: 0px; right: 0px; z-index: 1; border: 0;height: 240px; width: 700px; }
#logo, img#logo { background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; z-index: 9; border: 0; }
#tophead { background-color: #f7f6f4; clear: both; text-align: left; line-height: normal; background-image: url(../images/header_bot.png); background-repeat: repeat-x; background-position: 50% bottom; position: relative; height: 100px; }

div#wrapper {
	padding: 0;
	width: 860px; /* 940 */
	margin: 0 auto;
	position: relative;
}

#content {
	margin: 0 auto;
	width: 850px; /* 920 */
	padding: 100px 0 0 0;
	overflow: hidden;
}

#topcol {
	background: transparent url(../images/topcol_bg.png) top center repeat-x;
	height: 17px;
}

#topcol a{
	color: #ffffff; 
}

#date{
	float: right;
	margin-right: 5px;
	color: #ffffff;
}


#topmenu {
	float: left;
	width: 710px;
	height: 17px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #ffffff; 
	margin-left: 10px;
}

#topmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topmenu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 35px;
	background: transparent url(../images/line.png) top right no-repeat;
}

#topmenu li a#active_menu-nav {
	color: #ff3333;
}

#topmenu li a {
	float: left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 35px;
	padding: 0 12px 0 10px;
	color: #ff3333;
	text-decoration: none;
	font-weight: 700;
}

#topmenu li a:hover, #topmenu li.current a {
	color: #ff3333;
	text-decoration: none;
	background: transparent url(../images/topmenu_top.png) top center no-repeat;
}

/* Search */
#search { position: absolute; bottom: 0px; left: 10px; width: 180px; z-index: 3; margin: 0; padding: 0; }
#search div.search { background: url(../images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 28px; }
#search .inputbox { color: #333; background-color: #efefef; width: 90%; padding-left: 5px; border: solid 1px #999; }
#wrapper_2 { background: transparent url(../images/wrapper_2_bg.png) top center repeat-y; }
#holder { background: transparent url(../images/main_bg.png) top center repeat-x; }

#left {
	margin: 0;
	width: 200px;
	float: left;
	padding:0 0 10px 0;
	text-align: left;
	font-family: Arial;
	color: #808080; 
	font-size: 12pt; 
	text-decoration: none
	background-color: rgba(255,255,255,1.0);
         }
#right {
	margin: 0;
	width: 200px;
	float: left;
	padding: 0 0 10px 0;
	text-align: left;
}

div#main {
	float: left;
	width: 500px;
	padding: 0 10px;
	margin: 0;
}

div#main_full {
	float: left;
	width: 650px;
	margin: 0 0px 6px 0;
}

div.nopad {
	overflow: hidden;
	padding: 0;
}
div.nopad form#jForm p, div.nopad form#jForm  div#navigation {
	padding: 5px 0 0 10px;
}
div.nopad ul {
	clear: both;
}

td.middle_pad {
	width: 20px;
}

#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

#footer {
	margin: 0 auto;
	text-align: center;
	height: 50px;
	line-height: 20px;
	color: #000000; /*999999*/
	font-size: 11px;
	background: #f4f4f4 url(../images/footer_bg.png) top center no-repeat;
}

#footer p {
	text-align: right;
	padding: 10px 30px 0 0;
}

#footer a {
	color: #c62828;
	font-size: 13px;

	
}

#footer a:hover{
         font-size: 13px;
}
div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

div.componentheading {
	height: 22px;
	padding: 8px 0 0 10px;
}

/* small text */
.small {
	font-size: 10px;
	color: #C0C0C0;
	font-weight: normal;
	text-align: left;
}

#date-format { color: #000; background-color: #dfdfdf; text-align: center; position: absolute; right: 0; bottom: 0; z-index: 7; padding: 3px 6px; }
.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #C0C0C0;
	font-weight: normal;
	text-align: right;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 10px;
	color: #C0C0C0;
	font-weight: normal;
	vertical-align: top;
	padding-top: 0px;
}

a.readon {
	display: block;
	float: right;
	text-decoration: none;
	line-height: 14px;
	font-size: 10px;
	text-decoration: bold;
	color: #666;
}

a.readon:hover {
	color: #000000; /*999999*/
	text-decoration: none;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
 
a.mainlevel:link, {
	padding-left: 5px;
	margin: 0;
	line-height: 1.3em;
	text-decoration: none;
	color: #808080;
	font-size: 12pt;
	font-family: Arial;
	font-weight: bold;
}
a.mainlevel:active{
}
a.mainlevel:visited {
	padding-left: 0;
	margin: 0;
	line-height: 18px;
	text-decoration: none;
	color: #808080;
         	font-size: 12pt;
         font-family: Arial;
}
a#active_menu{
         font-weight:bold;
}
 
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {

}

.column_separator {
	
}

td.buttonheading {
	text-align: right;
	width: 0;
}

.clr {
	clear: both;
}

table.blog span.article_separator {
	display: block;
	height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #666;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  color: #333;
  font-size: 10px;
}


/* content styles */
.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
}

table.contentpane td{
	text-align: left;
}

table.contentpane td.contentdescription {
	width: 100%;
}

table.contentpane  {
	text-align: left;
	float: left;
	width: 100%;
	margin: 8px;
}

table.contentpane ul li a .category {
	color: #FF8800;
}

table.contentpane ul li {
	color: #333;
}

table.contentpaneopen {
	margin: 2px 8px;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #669933;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #669933;
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module {
	margin: 0;
	padding: 0;
}

div.module_menu div, div.module {
	
}

div.module_menu div div, div.module div div, div.module_text div div {
	margin: 0 0 0 0;
	padding: 0px;
	background: #dddddd;
}

div.module_menu div div div, div.module div div div, div.module_text div div div {
	margin: 0;
	background: #fff;
	padding: 0;
}

div.module_menu div div div, div.module div div div{
	margin: 0;
	background: #f8f8f8;
	padding: 0;
}


#right div.module table.poll div {
	background: none;
}

div.module_menu div div div div, div.module div div div div {
	background: none;
	padding: 0;
	text-align: left;

}

div.module div div div form {
	padding: 4px 0 5px 4px;
	width: 180px;
	margin: 0 auto;
	text-align: left;
}

#right div.module div div div form {
	padding: 4px 0;
	width: 170px;
	margin: 0 auto;
	text-align: left;
}

div.module div div div form table td {
	text-align: left;
}

div.module div div div form ul{
	margin: 0px 0 0 0;
	padding: 0; 
	list-style: none;
}

div.module_menu ul {
	list-style: none;
	text-align: center;
	padding: 0;
}

div.module_menu ul li{
	margin: 0;
	padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	padding: 10px 10px 10px 10px;
	line-height: 12px;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
margin: 0px -2px 0px 0px;
}

div.module_text div div div {
	text-align: left;
}

div.module_text div div div div  {
	margin:0 auto;
	
}

div.bannergroup_text {
	display:block;
	background: #fff;
	padding: 1px;
}
.bannerheader {
padding: 0 0 0 6px;
}
#lr-padd { padding: 0; width: 100%; clear: both; }
#lr-padd div.moduletable, #lr-padd2 div.moduletable, #lr-padd1 div.moduletable { margin: 0; padding-top: 0; padding-bottom: 2px; border-right-width: 10px; }
table.lr-padd { width: 100%; padding: 0; }
#lr-padd ul {
	padding: 0;
	margin: 0!important;
}
#lr-padd li {
	padding: 0;
	margin: 0;
	background: none;
	line-height: 170%;
}
#lr-padd li a { color: #cd7575; padding-left: 17px; background: url(../images/bullet-list3.gif) no-repeat 5px 50%; text-decoration: bold; }
#lr-padd li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(../images/arrow_hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 50%; text-decoration: none; }
table.lr-padd a:hover { color: #4f7500; text-decoration: none; }
table.lr-padd td.lr-padd { border:solid 1px #ececec; color:#000; background-color: #f5f4f; width: 50%; }
table.lr-padd td.lr-padd:hover { background-color:#fff; border:solid 1px #c5c5c5; background-repeat:no-repeat; background-position:left top; color:#666; }
table.lr-padd h3 { padding: 4px 0; margin: 0 0 5px; color: #012731; font-size: 1em; background-color: #faf9f7; background-image: url(../images/mmenu.gif); background-repeat: repeat-x; background-position: center; text-indent: 10px; border-bottom: 1px solid #e0ddcd; }

.path { color: #333; padding-top: 7px; padding-bottom: 3px; padding-left: 8px; line-height: 10px; }

#left div.module table.poll td {
	text-align: left;
}

/* LEFT COL H3 */
#left h3, #right h3{ 	
	font-family: Tahoma, Verdana, Arial, sans-serif;
	width: 177px;	
	color: #000000; /*999999*/
	font-size: 11px;
	height: 28px;
	text-decoration: none;
	text-align: left;
	padding: 0 10px;
	background: url(../images/h3.png) repeat-x left top;
	font-weight: bold;
	line-height: 26px;
	margin: 0 0 0 -5px;
}
#left .moduletable_menu, #left .moduletable, #left .moduletable_text, #left .c, 
#right .moduletable_menu, #right .moduletable, #right .moduletable_text, #right .c {
	margin: 0 0 16px 0;
	padding: 0 0 8px 0;
}

#right ul.menu {
	margin: 0 auto;
	padding: 5px 0 0 4px;
	list-style: none;
	width: 180px;
}

#right ul.menu li {
	margin: 0;
	padding: 0;
}

/*LEFT COL LINK*/
#right ul.menu li a, #right ul.menu li a:link {
	line-height: 18px;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-size: 11px;
	background: url(../images/menu_row.png) center left no-repeat;
	margin: 0;
	height: 18px;
	color: #000000; /*999999*/
}

#right ul.menu li a:hover {
	color: #c62828;
	text-decoration: bold;
}

/*LEFT COL CURRENT LINK*/
 
#right ul.menu li#current a, #right ul.menu li#current a:link {
	line-height: 18px;
	padding: 0 0 0 10px;
	text-decoration: bold;
	color: #c62828;
	font-size: 11px;
	background: url(../images/menu_row.png) center left no-repeat;
	margin: 0;
	height: 18px;
}

#right ul.menu li#current a:hover {
	color: #c62828;
	text-decoration: bold;
}

/*LEFT COL SUB LINK*/

#right ul.menu li#current ul li a, #right ul.menu li#current ul li a:link {
	text-decoration: none;
	color: #666;
	margin: 0 0 0 6px;
	font-size: 11px;
	background: url(../images/submenu_row.png) center left no-repeat;
	font-weight: normal;
	display: block;
	line-height: 18px;
	padding: 0 0 0 14px;
	border: none;
	height: 18px;
}

#right ul.menu li ul li#current a, #right ul.menu li ul li#current a:link, #right ul.menu li ul li#current a:visited, #right ul.menu li ul li#current a:hover {
	font-size: 11px;
	margin: 0 0 0 6px;
	padding: 0 0 0 14px;
	text-decoration: none;
	border: none;
	color: #333;
	background: url(../images/submenu_row.png) center left no-repeat;
	height: 18px;
	line-height: 18px;
}
/*SUBMENU POSITION*/

#right ul.menu li#current ul {
	margin: 0;
	padding: 0;

}

#right ul.menu li#current ul li {
	margin: 0;
	padding: 0;
}

/*CURRENT SUBMENU POSITION*/

#right ul.menu li ul {
	margin: 0;
	padding: 0;
}

#right ul.menu li#current ul li a:hover {
	color: #333;
}

#right ul.menu li ul {
	list-style: none;
}

/* forms */
#left .moduletable ul, #right .moduletable ul {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#left .moduletable ul li, #right .moduletable ul li {
	margin: 0;
	padding: 0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin: 0; 
	padding: 0;
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 10px;
}
/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #ff3333;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Text advert style */

.banneritem_text {
	padding: 4px 8px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 8px 20px;
	font-size: 11px;
	text-align: right;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #333;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul { 
     background: transparent;
     padding: 3px;
     margin: 0;
}

/* System Error Messages */
#system-message dd.error ul { 
     color: #999; 
     background: none; 
     border-top: 1px solid #829300; 
     border-bottom: 1px solid #829300;
     padding: 0;
     margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul { 
     color: #ECA5A7; 
     background: none; 
     border-top: 1px solid #829300; 
     border-bottom: 1px solid #829300;
     padding: 3px;
     margin: 0 0 5px 0;
}

#system-message dd {
     text-indent: 0;
}

#system-message dd ul {
    list-style-type: none;
    color: #444; 
    background: #F2FBEC; 
	border: solid 1px #9CDD6C;
}

#system-message {
     margin: 5px auto;
	 text-align: center;
	 width: 98%;
}

input, button {
	font-family: Tahoma, Verdana, Arial, sans-serif;	
}

input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: none;
}

/* -------------------------- */

a.footerooter_in:link, a.footerooter_in:visited {
	color: #fefefe;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
}

a.footerooter_in:hover {
	color: #fefefe;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
}

#footer_in {
	text-align: right;
	width: 100%;
	margin: 0 auto;
	font-family: Tahoma, Arial, sans-serif;
}

.footer_in {
	text-align: right;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration: none;
}

a.link_ooter_in:link, a.link_ooter_in:visited {
	font-size: 15px;
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
	color: #797979;
	text-decoration:none;
	font-weight: 700;
}

a.link_ooter_in:hover {
	font-size: 15px;
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
	color: #797979;
	text-decoration:none;
	font-weight: 700;
}

/* Sub and Side Menus */
ul.menu { 
	text-align: center; 
	margin: 0px; 
	padding: 0px;
	text-indent: 0px;
}

ul.menu li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: left;
	text-align: center;
	margin-right: 0px;
}

ul.menu li a:link, 
ul.menu li a:visited,
ul.menu li a:focus,
ul.menu li a:active {
	background-color: #fe0000;
	display: inline-block;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-indent: 0px;
	width: 195px;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
}

ul.menu li a:hover {
	color: #ffffff;
	background-color: #999999;
}

ul.menu ul {
	margin: 0;
	display: none;
}

ul.menu li:hover>ul {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
} 

ul.menu ul li {
	text-indent: 0px;
	display: block;
	clear: both;
	border: 0px;
	margin: 1px 0px 0px 1px;
}

ul.menu ul li a:link {
	text-indent: 0px;
	display: block;
	clear: both;
	border: 0px;
	background-color: #666666;
	width: 194px;
	font-size: 11px;
	border-bottom: solid 0px #ffffff;
}

ul.menu li ul li:hover>ul {
	display: block;
	position: absolute;
	margin: -34px 0px 0px 0px;
	padding: 0px;
	left: 160px;
} 

.module_menu {
	position: absolute;
	z-index: 120;
	top: 100px;
	left: 0px;
	border: 0px;
}

ul.menu li.item12 a:link, 
ul.menu li.item12 a:visited,
ul.menu li.item12 a:focus,
ul.menu li.item12 a:active {
	width: 194px;
}

ul.menu li.parent.active a:link, 
ul.menu li.parent.active a:visited,
ul.menu li.parent.active a:focus,
ul.menu li.parent.active a:active {
	background-color: #666666;
	color: #ffffff;
}

ul.menu ul li a:hover {
	background-color: #666666;
	color: #ffffff;
}

ul.menu ul li#current.active a:link {
	background-color: #999999;
	color: #ffffff;
}
Vielen Dank im vorraus für eure Hilfe