PDA

View Full Version : Custom template for Mambo


ramandeep
11-17-2005, 09:50 AM
Hi there,
I am making a custom template for CMS.
i want to make the menu look better and more professional.

As i am bit learner with CSS ,you can see my work.

Please give your feedback and improve this menu or template

here is the CSS file i have made.

BODY {
margin : 0px 0px 0px 0px;
background-color : #FFFFFF;
color : #000000;
background-color: #556A00;
scrollbar-base-color: #92B700;
}

td, tr, p, div {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #556A00;
}

ul {
margin : 0px 0px 0px 0px;
}

hr {
background : #ffffff;
height : 1px;
width : 100%;
}

.title {
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color : #7B8DA1;
}

.pathway {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}

a.pathway:link, a.pathway:visited {
color : #ffffff;
font-weight : normal;
}

a.pathway:hover {
color : #000000;
font-weight : normal;
text-decoration : underline;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
color: #ffffff;
background-position: left;
text-align: left;
font-weight: bold;
}

a.mainlevel:hover {
color: #556A00;
background-position: left;
text-align: right;
}



a.mainmenu:link, a.mainmenu:visited {
color: #ffffff; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
}

a.mainmenu:hover, {
color: #92B700; text-decoration: underline;
}

a.sublevel:hover {
color: #556A00; text-decoration: underline;
}

a.sublevel:link, a.sublevel:visited {
color: #ffffff; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
}


table.moduletable {
margin: 0px 0px 0px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
margin-left: 5px;
}

table.moduletable th {
font-size : 11px;
font-weight : bold;
color : #556A00;
text-align : left;
width : 100%;
padding: 10px 10px 10px 10px;
margin: 20px 5px 20px 5px;

}

table.moduletable td {
font-size: 10px;
font-weight: normal;
border: 2px solid #556A00;
padding: 10px 10px 10px 10px;
margin: 20px 5px 20px 5px;
background-color: #92B700;
}

.poll {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #92B700;
line-height : 14px;
}


.sectiontableheader {
background-color : #92B700;
color : #556A00;
font-weight : bold;
}

.sectiontableentry1 {
background-color : #ffffff;
}

.sectiontableentry2 {
background-color : #92B700;
}


.small {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #556A00;
text-decoration : none;
font-weight : medium;
}

.smalldark {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #556A00;
text-decoration : none;
font-weight : normal;
}


.contentpane {
background : #FFFFFF;
}

.contentpaneopen {
background : #FFFFFF;
}

.contentheading, .componentheading {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #556A00;
text-align : left;
}

.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #556A00;
text-align : left;
}


will appreciate anyhelp to make this look better,specially menu!

Thanx

here is the present template!

Creative Insanity
11-17-2005, 05:56 PM
at a quick glance you can set margins like:
since you have them all set to 0 just go margin:0;