Добрый день Уважаемые коллеги ... Верстал сайт с закругленными углами ... Не подскажите как уменьшить расстояние между подчинёнными элементами меню InDoor Tools, OutDoor Tools расположенного слева ... см.
/* Design by Brian Diaz of Media 65 @ http://www.m65.net All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);
/* ####################### GENERAL SETTINGS ############################ */
html.body{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
margin-top: 0px;
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #666;
margin-top: 0px;
}
.top_left{
background-image: url(../images/top_left.png);
background-repeat: no-repeat;
height: 31px;
width: 692px;
}
.top_right{
background-image: url(../images/top_right.png);
background-repeat: no-repeat;
height: 31px;
width: 350px;
}
.top_center{
background-image: url(../images/head_banner.png);
background-repeat: no-repeat;
height: 203px;
width: 1042px;
}
.footer_menu{
background-image: url(../images/--menu_footer.png);
background-repeat: no-repeat;
height: 105px;
width: 1042px;
}
.footer_left{
background-image: url(../images/footer_left.png);
background-repeat: no-repeat;
height: 86px;
width: 211px;
}
.footer_right{
background-image: url(../images/footer_right.png);
background-repeat: no-repeat;
height: 86px;
width: 833px;
}
.top_right div {
color: #000;
}
.c_content{
padding-left:5px;
padding-right: 5px;
padding-top: 5px;
}
.cellsBlock {
width: 100%;
display: table;
}
.cellLeft, .cellMiddle, .cellRight {
display: table-cell !important;
display: inline; /* */
}
.cellLeft, .cellRight {
width:35%;
}
.cellMiddle {
width:30%;
}
.telefon_icq {
font-size: 12px;
font-weight: bold;
text-align: left;
color: #000000;
}
.name_user_log{
padding-top: 3px;
}
/* Block Right LOGIN JDV*/
.block-right{
width: 213px;
}
.block-right div.module-login {
background: url(../images/bottom_left_login.png) no-repeat;
background-position: bottom left;
}
.block-right div.module-login div {
background: url(../images/bottom_right_login.png) no-repeat;
background-position: bottom right;
}
.block-right div.module-login div div{
background: url(../images/left_login.png) no-repeat;
background-position: top left;
}
.block-right div.module-login div div div {
background: url(../images/right_login.png) no-repeat;
background-position: top right;
padding-top: 20px;
padding-left: 10px;
/*padding-right: 10px;*/
padding-bottom: 20px;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.block-right div.module-login div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
/* Block Right JDV*/
.block-right div.module-right {
background: url(../images/right_block_left_bottom.png) no-repeat;
background-position: bottom left;
}
.block-right div.module-right div {
background: url(../images/right_block_right_bottom.png) no-repeat;
background-position: bottom right;
}
.block-right div.module-right div div{
background: url(../images/right_block_left_top.png) no-repeat;
background-position: top left;
}
.block-right div.module-right div div div {
background: url(../images/right_block_right_top.png) no-repeat;
background-position: top right;
padding-top: 20px;
padding-left: 8px;
/*padding-right: 10px;*/
padding-bottom: 35px;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.block-right div.module-right div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
/*Block Left JDV*/
.block{
width: 240px;
}
.block div.module {
background: url(../images/left_bottom_m.png) no-repeat;
background-position: bottom left;
}
.block div.module div {
background: url(../images/right_bottom_m.png) no-repeat;
background-position: bottom right;
}
.block div.module div div{
background: url(../images/left_top_m.png) no-repeat;
background-position: top left;
}
.block div.module div div div {
background: url(../images/right_top_m.png) no-repeat;
background-position: top right;
padding-top: 25px;
padding-bottom: 35px;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.block div.module div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.block div.module div div div div{
background: none;
}
/*for menu JDV*/
.block div.module_menu {
background: url(../images/left_bottom_m.png) no-repeat;
background-position: bottom left;
}
.block div.module_menu div {
background: url(../images/right_bottom_m.png) no-repeat;
background-position: bottom right;
}
.block div.module_menu div div{
background: url(../images/left_top_m.png) no-repeat;
background-position: top left;
}
.block div.module_menu div div div {
background: url(../images/right_top_m.png) no-repeat;
background-position: top right;
width: auto !important;
width: 100%;
padding-top: 25px;
padding-bottom: 35px;
padding-right: 10px;
padding-left: 10px;
font-family: arial, helvetica, sans-serif;
}
.block div.module_menu div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.block div.module_menu div div div div{
background: none;
}
/* (MENU) */
.mainlevel-left{
margin-top: 10px;
}
a.mainlevel{
background-repeat: no-repeat;
background-position: left;
}
a.mainlevel-left:link {
background-image: url(../images/strela.png);
background-repeat: no-repeat;
background-position: left;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #777777;
font-style: normal;
text-decoration: none;
padding-top: 6px;
padding-bottom: 5px;
text-align: left;
display: block;
padding-left: 14px;
margin-right: 10px;
text-transform: uppercase;
border-bottom: 1px dotted #CCCCCC;
}
a.mainlevel-left:visited {
background-image: url(../images/strela.png);
background-repeat: no-repeat;
background-position: left;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #777777;
font-style: normal;
text-decoration: none;
display: block;
padding-top: 6px;
padding-bottom: 5px;
text-align: left;
padding-left: 14px;
margin-right: 10px;
text-transform: uppercase;
border-bottom: 1px dotted #CCCCCC;
}
a.mainlevel-left:hover {
background-image: url(../images/strela.png);
background-repeat: no-repeat;
background-position: left;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #00A9DD;
font-style: normal;
text-decoration: none;
padding-top: 6px;
padding-bottom: 5px;
text-align: left;
display: block;
padding-left: 14px;
margin-right: 10px;
text-transform: uppercase;
border-bottom: 1px dotted #CCCCCC;
}
/*sublevel-left*/
.sublevel-left{
}
a.sublevel-left:link{
border-bottom: 1px dotted #CCCCCC;
font-size: 12px;
color: #777777;
display: block;
font-style: normal;
text-decoration: none;
}
a.sublevel-left:visited{
border-bottom: 1px dotted #CCCCCC;
font-size: 12px;
color: #777777;
display: block;
font-style: normal;
text-decoration: none;
}
a.sublevel-left:hover{
border-bottom: 1px dotted #CCCCCC;
font-size: 12px;
color: #00A9DD;
display: block;
font-style: normal;
text-decoration: none;
}
a.mainlevel-left#active_menu-left {
color: #00A9DD;
}
a.sublevel-left#active_menu-left {
color: #00A9DD;
}
#active_menu {} /* main/sub*/
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav {
margin:0px;
margin-top: -1px;
}
#mainlevel-nav a:link {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#mainlevel-nav a:visited{
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#mainlevel-nav a:hover {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#mainlevel-nav-footer {
margin-top: 10px;
}
#mainlevel-nav-footer a:link {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-top: 25;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#mainlevel-nav-footer a:visited{
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-top: 25;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#mainlevel-nav-footer a:hover {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-top: 25;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#form-login{
padding-top: 15px;
}
/* Global Formatting */
h1 {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
color: #000000;
font-style: normal;
font-weight: bold;
}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
color: #AE2924;
font-style: normal;
font-weight: bold;
}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
font-size: 12px;
text-align: left;
}
th{
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
font-size: 12px;
text-align: left;
}
a:link {color: #4d4a4a;
font-weight: bold;}
a:hover {color: #4d4a4a;
font-weight: bold;}
a:visited {color: #4d4a4a;
font-weight: bold;}
img {border: 0 none;
font-weight: bold;}
p {
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
font-size: 12px;
text-align: left;
}
/* Clears Divs */
.clr{clear: both;}
/* ####################### END GENERAL SETTINGS ############################ */
17.06.2022, 22:42:47