PDA

Zobacz pełną wersję : Template TechnoZine i jego menu



feniks
30-04-2007, 09:57
Witam
Posiadam na swojej stronie template TechnoZine i chcialbym aby jego prawe menu było zwężone, tylko problem w tym że nie wiem gdzie to zmienić ;/

Tak wygląda strona z zbyt szerokim prawym menu:
http://img217.imageshack.us/img217/3053/image2wm8.jpg


Zamieszczam kod stylu ( template_css.css ) - gdzie co mam zmienić?
Pozdro


/* mambo stuff */

div.mosimage_caption {
font-size: 10px;
color: #666666;
}

div.moduletable {
margin-bottom: 15px;
padding: 0;
}

ul#mainlevel, div.firediv ul{
padding: 0;
margin: 0;
}

ul#mainlevel li, div.firediv li {
background-image: none;
margin: 0;
padding: 0;
}

a.mainlevel:link, a.mainlevel:visited, a.sublevel:link, a.sublevel:visited, div.firediv a {
display: block;
text-align: right;
padding-right: 40px;
height: 20px;
line-height: 20px;
color: #ccc;
background: url(../images/tz_menu_bg.png) top right no-repeat;
}

div.firediv a.sublevel {
background: url(../images/tz_submenu_bg.png) top right no-repeat;
padding-right: 60px;
}

a.mainlevel#active_menu, a.sublevel#active_menu, div.firediv a.active_menu {
color: #fff;
}

a.mainlevel:hover, a.sublevel:hover, div.firediv a:hover {
border: 0px;
color: #fff;
background-position: 100% -20px;
}

span.pathway {
display: block;
height: 14px;
line-height: 15px;
vertical-align: bottom;
padding-top: 7px;
margin-left: 10px;
}

span.pathway img {
vertical-align: top;
}

div.componentheading {
margin: 15px 0px 8px 0px;
}

.contentpane, .contentpaneopen {
margin: 0;
padding: 0;
border-collapse: collapse;
}

.contentheading {
font-family: Arial, Helvetica, sans-serif;
padding-left: 30px;
padding-top: 20px;
padding-bottom: 0px;
color: #fff;
font-size: 18px;
background: url(../images/arrow.png) 0 23px no-repeat;
}

table.contentpaneopen span.small {
padding-left: 30px;
font-size: 90%;
color: #999;
}

td.createdate, td.modifydate {
text-indent: 30px;
font-size: 90%;
color: #999;
padding-bottom: 10px;
}

td.modifydate {
text-indent: 0;
}

input.button {
border: 1px solid #444;
background: #2A2A2A url(../images/tz_button_bg.png) repeat-x;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
color: #ccc;
margin: 10px 0px;
}

input.inputbox {
border: 1px solid #444;
background: #2A2A2A url(../images/tz_input_bg.png) repeat-x;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
padding: 3px 6px;
color: #ccc;
}

div.pagenavcounter, span.pagenav, th.pagenav_prev a, th.pagenav_next a {
color: #fc0;
font-weight: bold;
margin-bottom: 10px;
}

div.pagenavbar div {
color: #fc0;
font-weight: bold;
margin-bottom: 10px;
}

div.pagenavbar a:link, div.pagenavbar a:visited {
font-weight: bold;
}

div.back_button {
margin: 10px 0;
}

table.contenttoc {
border: 1px solid #444;
padding: 1px;
}

table.contenttoc th {
background: #222;
padding: 2px 5px;
border-bottom: 1px solid #444;
}

table.contenttoc td {
background: #111;
padding: 1px 5px;
}

table.pollstableborder td {
padding: 2px;
}

td.sectiontableheader {
background: #222;
border-right: 1px solid #151515;
padding: 2px;
color: #fff;
}

/* technozine custom stuff */

.clr {
clear: both;
}

div.frame {
height: 100%;
width: 900px;
padding: 0;
margin: 0;
}

div.padding_outside {
padding: 1px;
background: #000;
}

div.padding {
padding: 1px;
}

div.color_seperator {
width: auto !important;
width: 100%;
background: #fc0;
height: 1px;
overflow:hidden;
}

/* horizmenu */
div#horizmenu {
white-space: nowrap;
float: left;
width: 690px;
line-height: 30px;
height: 30px;
}

#horizmenu ul {
float: left;
margin: 0;
padding: 0;
list-style:none;
}

#horizmenu ul.mainlevel li {
float: left;
background: url(../images/tz_horizmenu_sep.png) top right no-repeat;
margin: 0;
padding: 0;
padding-right: 2px;
}

#horizmenu a {
float:left;
display:block;
overflow: hidden;
font-weight: bold;
color: #fc0;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
letter-spacing: 2px;
height: 21px !important;
height: 30px;
line-height: 10px;
padding: 9px 15px 0px 15px;
text-decoration: none;
}

#horizmenu a:hover {
color: #fff;
border: 0;
background: url(../images/tz_horizmenu_over.png) top left repeat-x;
}

#horizmenu a.active_menu {
background: url(../images/mp_menu_active_bg.png) repeat-x;
color: #fff;
}

#horizmenu a.active_menu:hover {
color: #fff;
}

/* greybox configurations */
div.greybox {
border: 1px solid #444;
width: 100%;
}

div.greybox_bottom {
border-bottom: 1px solid #444;
}

div.greybox_bottom_padding {
border-bottom: 1px solid #444;
padding: 1px;
}

div.greybox_top_padding {
border-top: 1px solid #444;
padding: 1px;
}

/* table column configuration */

td.leftcol {
border-right: 1px solid #444;
padding: 1px;
width: 198px;
padding-bottom: 20px;
}

td.middlecol {
border: 1px solid #000;
background: #151515;
padding-bottom: 20px;
}

td.rightcol {
border-left: 1px solid #444;
padding: 1px;
width: 198px;
padding-bottom: 20px;
}

div.leftdiv {
width: auto !important;
width: 100%;

}

div.firediv {
width: auto !important;
width: 100%;
padding: 1px 10px 35px 10px;
background: url(../images/tz_leftmenu_bg.jpg) bottom left no-repeat;
}

div.leftmodules {
width: auto !important;
width: 100%;
padding: 0px 10px;
margin-top: -20px;
}


div.middlediv {
width: auto !important;
width: 100%;
background: #151515 url(../images/tz_user_bg.png) repeat-x;
padding: 1px 10px;
}

div.rightdiv {
width: auto !important;
width: 100%;
background: #000 url(../images/tz_right_bg.png) bottom left repeat-x;
padding: 1px 10px;
}

div.littlebox {
width: auto !important;
width: 100%;
border: 1px solid #444;
padding: 0 5px 5px 5px;
background: #000;
}

div.littlebox h3 {
margin-top: 5px;
}

div.topnav, div.middlenav {
height: 30px;
background: url(../images/tz_topnav_bg.png) repeat-x;
}

div.horizdivider {
margin: 10px -11px;
height: 3px;
background: url(../images/tz_horiz_divider.png) repeat-x;
}

div.toppath {
float: left;
width: 50%;
color: #ccc;
}

div.topright {
float: right;
width: 40%;
height: 30px;
line-height: 30px;
text-align: right;
color: #999;
margin-right: 10px;
}


div#logobox {
float: left;
border-right: 1px solid #444;
}

div#logopad {
padding-right: 1px;
}

div#logoarea {
width: 200px;
height: 183px;
background: url(../images/tz_logo.jpg) bottom left no-repeat;
}

div#searcharea {
float: left;
width: 200px;
height: 30px;
border-bottom: 1px solid #444;
}

div#searcharea form {
margin: 5px 0;
padding: 0;
vertical-align: bottom;

}

div#searcharea input.inputbox {
margin-left: 15px;
border: 1px solid #444;
background: #2A2A2A url(../images/tz_input_bg.png) repeat-x;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
color: #ccc;
width: 160px;
}

div.main_header {
float: right;
width: 693px;
height: 181px;
background: url(../images/tz_header.jpg) no-repeat;
}

div.datearea {
float: left;
width: 200px;
line-height: 30px;
color: #ccc;
text-align: center;
background: url(../images/tz_horizmenu_sep.png) top right no-repeat;
}

br.small {
display: block;
height: 1px;

}

div#footer {
color: #999;
text-align: center;
height: 30px;
line-height: 30px;
}

td.buttonheading a:hover {
border: 0;

}

/* core html stuff */

html {
height: 100%;
}

body {
height: 100%;
background: #000 url(../images/tz_body_bg.png);
padding: 0;
margin: 0;
text-align: center;
}

td,tr,p,div {
font-family: Tahoma, Helvetica, sans-serif;
line-height: 130%;
font-size: 11px;
color: #ccc;
text-align: left;
}

a:link, a:visited {
color: #fc0;
font-weight: normal;
text-decoration: none;
}

a:hover {
border-bottom: 1px dashed #f90;
}

ul {
float: none !important;
float: left;
margin: 5px 0;
padding: 0;
list-style: none;
}

ul li {

line-height: 15px;
padding-left: 30px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 1px;
}

form {
padding: 0;
marging: 0;
}

input {

}

h2 {
margin: 15px 0px 8px 0px;
font-size: 12px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
}

h3 {
margin: 15px 0px 8px 0px;
font-size: 12px;
color: #fc0;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
}