/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License:
http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website:
http://www.joomla-monster.com# Support: info@joomla-monster.com
---------------------------------------------------------------*/
/* ==========================================================================
MENUS styles
========================================================================== */
ul.menu {
margin: 0;
}
ul.menu li {
margin: 0;
padding: 0;
background: none !important;
}
ul.menu li a:link,
ul.menu li a:visited {
display: block;
text-align: left;
padding: 10px 10px 10px;
margin: 0;
text-decoration: none;
border-bottom: 1px solid #cbcbcb;
position: relative;
}
ul.menu > li > ul{
border-bottom: 1px solid #cbcbcb;
position: relative;
}
ul.menu > li:first-child > a{
padding-top: 0;
}
ul.menu > li > a:after,
ul.menu > li > a:before,
ul.menu > li > ul:after,
ul.menu > li > ul:before{
content: " ";
background: #000;
width: 7%;
height: 1px;
position: absolute;
bottom: -1px;
}
ul.menu > li > a:after,
ul.menu > li > ul:after{
left: 0px;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDQkNCQ0IiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NzgpIiAvPgo8L3N2Zz4=); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
ul.menu > li > a:before,
ul.menu > li > ul:before{
right: 0px;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQ0JDQkNCIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMzE4KSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
ul.menu > li:first-child > a:link,
ul.menu > li:first-child > a:visited {
border-top: none;
}
ul.menu li a:hover{
font-weight: bold;
}
ul.menu li.active > a:link,
ul.menu li.active > a:visited{
font-weight: bold;
}
ul.menu li img,
ul.menu li span.image-title {
vertical-align: middle;
}
/** second level **/
ul.menu li ul {
margin: 0;
list-style: none;
}
ul.menu li ul li {
padding: 0 0 0 15px;
}
ul.menu li ul li a:link,
ul.menu li ul li a:visited{
background-image: url('../images/li.png');
background-position: left center;
background-repeat: no-repeat;
padding: 5px 0 5px 15px;
border: none;
}
.jm-module.suffix1-ms ul.menu li a:link,
.jm-module.suffix1-ms ul.menu li a:visited {
text-decoration: none;
}
.jm-module.suffix1-ms ul.menu > li > a:link,
.jm-module.suffix1-ms ul.menu > li > a:visited {
border: none;
background: url('../images/menus-br-white.png') left bottom no-repeat !important;
}
.jm-module.suffix1-ms ul.menu > li > ul{
background: url('../images/menus-br-white.png') left bottom no-repeat !important;
border: none;
}
.jm-module.suffix1-ms ul.menu > li > a:after,
.jm-module.suffix1-ms ul.menu > li > a:before,
.jm-module.suffix1-ms ul.menu > li > ul:after,
.jm-module.suffix1-ms ul.menu > li > ul:before{
display: none;
}
.jm-module.suffix1-ms ul.menu li.active > a:link,
.jm-module.suffix1-ms ul.menu li.active > a:visited{
text-decoration: underline;
color: #fff;
}
.jm-module.suffix1-ms ul.menu li a:hover{
color: #fff !important;
}
.jm-module.suffix1-ms ul.menu li ul li a:link,
.jm-module.suffix1-ms ul.menu li ul li a:visited{
background-image: url('../images/li-white.png');
}
У меня такой код. Что нужно изменить, что бы горизонтальное меня было горизонтальным, а не вертикальным? Спасибо!
27.04.2022, 15:56:45