Manuel Cillero
edf5ddf81b
También introduce el nuevo módulo Admin para porporcionar un entorno común de administración para los demás módulos de PageTop.
331 lines
8.7 KiB
CSS
331 lines
8.7 KiB
CSS
.sm-mint {
|
|
border-top: 2px solid #8db863;
|
|
border-bottom: 2px solid #8db863;
|
|
background: #fff;
|
|
}
|
|
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
|
|
padding: 13px 20px;
|
|
/* make room for the toggle button (sub indicator) */
|
|
padding-right: 58px;
|
|
color: #333;
|
|
font-family: Arial, sans-serif;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
line-height: 17px;
|
|
text-decoration: none;
|
|
}
|
|
.sm-mint a.current {
|
|
font-weight: bold;
|
|
}
|
|
.sm-mint a.disabled {
|
|
color: #cccccc;
|
|
}
|
|
.sm-mint a .sub-arrow {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -17px;
|
|
left: auto;
|
|
right: 4px;
|
|
width: 34px;
|
|
height: 34px;
|
|
overflow: hidden;
|
|
font: bold 14px/34px monospace !important;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
background: rgba(141, 184, 99, 0.2);
|
|
border-radius: 4px;
|
|
}
|
|
.sm-mint a .sub-arrow::before {
|
|
content: '+';
|
|
}
|
|
.sm-mint a.highlighted .sub-arrow::before {
|
|
content: '-';
|
|
}
|
|
.sm-mint li {
|
|
border-top: 1px solid rgba(141, 184, 99, 0.2);
|
|
}
|
|
.sm-mint > li:first-child {
|
|
border-top: 0;
|
|
}
|
|
.sm-mint ul {
|
|
background: rgba(141, 184, 99, 0.2);
|
|
}
|
|
.sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active {
|
|
font-size: 14px;
|
|
border-left: 8px solid transparent;
|
|
}
|
|
.sm-mint ul ul a,
|
|
.sm-mint ul ul a:hover,
|
|
.sm-mint ul ul a:focus,
|
|
.sm-mint ul ul a:active {
|
|
border-left: 16px solid transparent;
|
|
}
|
|
.sm-mint ul ul ul a,
|
|
.sm-mint ul ul ul a:hover,
|
|
.sm-mint ul ul ul a:focus,
|
|
.sm-mint ul ul ul a:active {
|
|
border-left: 24px solid transparent;
|
|
}
|
|
.sm-mint ul ul ul ul a,
|
|
.sm-mint ul ul ul ul a:hover,
|
|
.sm-mint ul ul ul ul a:focus,
|
|
.sm-mint ul ul ul ul a:active {
|
|
border-left: 32px solid transparent;
|
|
}
|
|
.sm-mint ul ul ul ul ul a,
|
|
.sm-mint ul ul ul ul ul a:hover,
|
|
.sm-mint ul ul ul ul ul a:focus,
|
|
.sm-mint ul ul ul ul ul a:active {
|
|
border-left: 40px solid transparent;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
/* Switch to desktop layout
|
|
-----------------------------------------------
|
|
These transform the menu tree from
|
|
collapsible to desktop (navbar + dropdowns)
|
|
-----------------------------------------------*/
|
|
/* start... (it's not recommended editing these rules) */
|
|
.sm-mint ul {
|
|
position: absolute;
|
|
width: 12em;
|
|
}
|
|
|
|
.sm-mint li {
|
|
float: left;
|
|
}
|
|
|
|
.sm-mint.sm-rtl li {
|
|
float: right;
|
|
}
|
|
|
|
.sm-mint ul li, .sm-mint.sm-rtl ul li, .sm-mint.sm-vertical li {
|
|
float: none;
|
|
}
|
|
|
|
.sm-mint a {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sm-mint ul a, .sm-mint.sm-vertical a {
|
|
white-space: normal;
|
|
}
|
|
|
|
.sm-mint .sm-nowrap > li > a, .sm-mint .sm-nowrap > li > :not(ul) a {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* ...end */
|
|
.sm-mint {
|
|
border-top: 0;
|
|
background: transparent;
|
|
}
|
|
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
|
|
padding: 11px 20px;
|
|
color: #333;
|
|
border-radius: 4px 4px 0 0;
|
|
}
|
|
.sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
|
|
background: #8db863;
|
|
color: #fff;
|
|
}
|
|
.sm-mint a.highlighted {
|
|
background: #F6FFED;
|
|
color: #333;
|
|
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.sm-mint a.disabled {
|
|
background: transparent;
|
|
color: #cccccc;
|
|
box-shadow: none;
|
|
}
|
|
.sm-mint a.has-submenu {
|
|
padding-right: 34px;
|
|
}
|
|
.sm-mint a .sub-arrow {
|
|
top: 50%;
|
|
margin-top: -3px;
|
|
right: 20px;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 6px 4.02px 0 4.02px;
|
|
border-style: solid dashed dashed dashed;
|
|
border-color: #8db863 transparent transparent transparent;
|
|
background: transparent;
|
|
border-radius: 0;
|
|
}
|
|
.sm-mint a:hover .sub-arrow, .sm-mint a:focus .sub-arrow, .sm-mint a:active .sub-arrow {
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.sm-mint a.highlighted .sub-arrow {
|
|
border-color: #8db863 transparent transparent transparent;
|
|
}
|
|
.sm-mint a.disabled .sub-arrow {
|
|
border-color: #8db863 transparent transparent transparent;
|
|
}
|
|
.sm-mint a .sub-arrow::before {
|
|
display: none;
|
|
}
|
|
.sm-mint li {
|
|
border-top: 0;
|
|
}
|
|
.sm-mint ul {
|
|
border: 0;
|
|
padding: 8px 0;
|
|
background: #F6FFED;
|
|
border-radius: 0 4px 4px 4px;
|
|
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
|
|
}
|
|
.sm-mint ul ul {
|
|
border-radius: 4px;
|
|
}
|
|
.sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted {
|
|
border: 0 !important;
|
|
padding: 10px 20px;
|
|
color: #333;
|
|
border-radius: 0;
|
|
}
|
|
.sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted {
|
|
background: #8db863;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
}
|
|
.sm-mint ul a.disabled {
|
|
background: transparent;
|
|
color: #b3b3b3;
|
|
}
|
|
.sm-mint ul a.has-submenu {
|
|
padding-right: 20px;
|
|
}
|
|
.sm-mint ul a .sub-arrow {
|
|
right: 10px;
|
|
margin-top: -4.02px;
|
|
border-width: 4.02px 0 4.02px 6px;
|
|
border-style: dashed dashed dashed solid;
|
|
border-color: transparent transparent transparent #8db863;
|
|
}
|
|
.sm-mint ul a:hover .sub-arrow, .sm-mint ul a:focus .sub-arrow, .sm-mint ul a:active .sub-arrow, .sm-mint ul a.highlighted .sub-arrow {
|
|
border-color: transparent transparent transparent #fff;
|
|
}
|
|
.sm-mint ul a.disabled .sub-arrow {
|
|
border-color: transparent transparent transparent #8db863;
|
|
}
|
|
.sm-mint .scroll-up,
|
|
.sm-mint .scroll-down {
|
|
position: absolute;
|
|
display: none;
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
background: #F6FFED;
|
|
height: 20px;
|
|
}
|
|
.sm-mint .scroll-up-arrow,
|
|
.sm-mint .scroll-down-arrow {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 50%;
|
|
margin-left: -8px;
|
|
width: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
border-width: 0 6px 8px 6px;
|
|
border-style: dashed dashed solid dashed;
|
|
border-color: transparent transparent #8db863 transparent;
|
|
}
|
|
.sm-mint .scroll-down-arrow {
|
|
border-width: 8px 6px 0 6px;
|
|
border-style: solid dashed dashed dashed;
|
|
border-color: #8db863 transparent transparent transparent;
|
|
}
|
|
.sm-mint.sm-rtl a.has-submenu {
|
|
padding-right: 20px;
|
|
padding-left: 34px;
|
|
}
|
|
.sm-mint.sm-rtl a .sub-arrow {
|
|
right: auto;
|
|
left: 20px;
|
|
}
|
|
.sm-mint.sm-rtl.sm-vertical {
|
|
border-right: 0;
|
|
border-left: 2px solid #8db863;
|
|
}
|
|
.sm-mint.sm-rtl.sm-vertical a {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.sm-mint.sm-rtl.sm-vertical a.has-submenu {
|
|
padding: 10px 20px;
|
|
}
|
|
.sm-mint.sm-rtl.sm-vertical a .sub-arrow {
|
|
right: auto;
|
|
left: 10px;
|
|
border-width: 4.02px 6px 4.02px 0;
|
|
border-style: dashed solid dashed dashed;
|
|
border-color: transparent #8db863 transparent transparent;
|
|
}
|
|
.sm-mint.sm-rtl.sm-vertical a:hover .sub-arrow, .sm-mint.sm-rtl.sm-vertical a:focus .sub-arrow, .sm-mint.sm-rtl.sm-vertical a:active .sub-arrow, .sm-mint.sm-rtl.sm-vertical a.highlighted .sub-arrow {
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
.sm-mint.sm-rtl.sm-vertical a.disabled .sub-arrow {
|
|
border-color: transparent #8db863 transparent transparent;
|
|
}
|
|
.sm-mint.sm-rtl ul {
|
|
border-radius: 4px 0 4px 4px;
|
|
}
|
|
.sm-mint.sm-rtl ul a {
|
|
border-radius: 0 !important;
|
|
}
|
|
.sm-mint.sm-rtl ul a.has-submenu {
|
|
padding: 10px 20px !important;
|
|
}
|
|
.sm-mint.sm-rtl ul a .sub-arrow {
|
|
right: auto;
|
|
left: 10px;
|
|
border-width: 4.02px 6px 4.02px 0;
|
|
border-style: dashed solid dashed dashed;
|
|
border-color: transparent #8db863 transparent transparent;
|
|
}
|
|
.sm-mint.sm-rtl ul a:hover .sub-arrow, .sm-mint.sm-rtl ul a:focus .sub-arrow, .sm-mint.sm-rtl ul a:active .sub-arrow, .sm-mint.sm-rtl ul a.highlighted .sub-arrow {
|
|
border-color: transparent #fff transparent transparent;
|
|
}
|
|
.sm-mint.sm-rtl ul a.disabled .sub-arrow {
|
|
border-color: transparent #8db863 transparent transparent;
|
|
}
|
|
.sm-mint.sm-vertical {
|
|
border-bottom: 0;
|
|
border-right: 2px solid #8db863;
|
|
}
|
|
.sm-mint.sm-vertical a {
|
|
padding: 10px 20px;
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.sm-mint.sm-vertical a:hover, .sm-mint.sm-vertical a:focus, .sm-mint.sm-vertical a:active, .sm-mint.sm-vertical a.highlighted {
|
|
background: #8db863;
|
|
color: #fff;
|
|
box-shadow: none;
|
|
}
|
|
.sm-mint.sm-vertical a.disabled {
|
|
background: transparent;
|
|
color: #cccccc;
|
|
}
|
|
.sm-mint.sm-vertical a .sub-arrow {
|
|
right: 10px;
|
|
margin-top: -4.02px;
|
|
border-width: 4.02px 0 4.02px 6px;
|
|
border-style: dashed dashed dashed solid;
|
|
border-color: transparent transparent transparent #8db863;
|
|
}
|
|
.sm-mint.sm-vertical a:hover .sub-arrow, .sm-mint.sm-vertical a:focus .sub-arrow, .sm-mint.sm-vertical a:active .sub-arrow, .sm-mint.sm-vertical a.highlighted .sub-arrow {
|
|
border-color: transparent transparent transparent #fff;
|
|
}
|
|
.sm-mint.sm-vertical a.disabled .sub-arrow {
|
|
border-color: transparent transparent transparent #8db863;
|
|
}
|
|
.sm-mint.sm-vertical ul {
|
|
border-radius: 4px !important;
|
|
}
|
|
.sm-mint.sm-vertical ul a {
|
|
padding: 10px 20px;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=sm-mint.css.map */
|