@lidorsystems/integralui-web
Version:
IntegralUI Web - Advanced UI Components for Angular
242 lines (241 loc) • 5.01 kB
CSS
.iui-menu
{
background-color: #275d8c;
color: black;
}
.iui-menu-block
{
border-radius: 0;
padding: 0;
}
.iui-menu > ul
{
background-color: #275d8c;
border-radius: 0;
}
.iui-menuitem-block
{
background-color: #ffffff;
border: thin solid #d5d5d5;
}
.iui-menuitem-root, .iui-menuitem-root-vertical
{
background: none;
border: solid thin #275d8c;
color: #efefef;
padding: 5px 6px 5px 4px;
}
.iui-menuitem-root-hovered, .iui-menuitem-root-selected
{
animation-name: none;
background-color: #204d74;
border: solid thin #204d74;
border-radius: 0;
color: #ffffff;
}
.iui-menuitem-root .iui-menuitem-root-content
{
margin: 0 10px;
}
.iui-menuitem-root-vertical
{
border-bottom: thin solid #306ca5 ;
}
.iui-menuitem-root-vertical:last-child
{
border-bottom: thin solid transparent ;
}
.iui-menuitem-root-hovered a
{
color: black;
}
.iui-menu-disabled > ul
{
background: #808080;
}
.iui-menuitem-root-disabled, .iui-menuitem-disabled
{
border: solid thin transparent;
color: #cecece;
}
.iui-menuitem
{
background-color: #ffffff;
border: solid thin #ffffff;
border-radius: 0;
color: #333333;
padding: 4px 4px 5px 4px;
}
.iui-menuitem-hovered, .iui-menuitem-selected
{
animation-name: none;
background-color: #f5f5f5 ;
border: solid thin #f5f5f5 ;
color: #333333;
}
.iui-menuitem-selected a
{
color: black;
}
.iui-menuitem-root-separator, .iui-menuitem-separator
{
background: #ffffff;
}
.iui-menu li > ul
{
background-color: #ffffff;
border: solid thin #d5d5d5;
border-radius: 0;
padding: 0;
}
.iui-menu-expand-box
{
width: 16px;
height: 16px;
}
.iui-menu-marker-expand-down::before
{
border: 7px solid #efefef;
border-color: #efefef transparent transparent transparent;
top: 14px;
right: 5px;
}
.iui-menu-marker-expand-down::after
{
border: 7px solid #275d8c;
border-color: #275d8c transparent transparent transparent;
top: 11px;
right: 5px;
}
.iui-menu-marker-expand-down:hover::after
{
border: 7px solid #204d74;
border-color: #204d74 transparent transparent transparent;
top: 11px;
right: 5px;
}
.iui-menu-marker-expand-down-rtl::before
{
border: 7px solid #efefef;
border-color: #efefef transparent transparent transparent;
top: 14px;
left: 5px;
}
.iui-menu-marker-expand-down-rtl::after
{
border: 7px solid #275d8c;
border-color: #275d8c transparent transparent transparent;
top: 11px;
left: 5px;
}
.iui-menu-marker-expand-down-rtl:hover::after
{
border: 7px solid #204d74;
border-color: #204d74 transparent transparent transparent;
top: 11px;
left: 5px;
}
.iui-menu-marker-expand-right::before
{
border: 7px solid #646464;
border-color: transparent transparent transparent #646464;
top: 30%;
left: auto;
right: 1px;
}
.iui-menu-marker-expand-right::after
{
border: 7px solid #ffffff;
border-color: transparent transparent transparent #ffffff;
top: 30%;
left: auto;
right: 4px;
}
.iui-menu-marker-expand-right:hover::after
{
border: 7px solid #f5f5f5;
border-color: transparent transparent transparent #f5f5f5;
top: 30%;
left: auto;
right: 4px;
}
.iui-menu-marker-expand-left::before
{
border: 7px solid #646464;
border-color: transparent #646464 transparent transparent;
top: 30%;
left: 1px;
right: auto;
}
.iui-menu-marker-expand-left::after
{
border: 7px solid #ffffff;
border-color: transparent #ffffff transparent transparent;
top: 30%;
left: 4px;
right: auto;
}
.iui-menu-marker-expand-left:hover::after
{
border: 7px solid #f5f5f5;
border-color: transparent #f5f5f5 transparent transparent;
top: 30%;
left: 4px;
right: auto;
}
.iui-menu-marker-top::before
{
border: 6px solid #ffffff;
border-color: transparent transparent #d5d5d5 transparent;
top: -13px;
left: 10px;
}
.iui-menu-marker-top::after
{
border: 6px solid #ffffff;
border-color: transparent transparent #fefefe transparent;
top: -12px;
left: 10px;
}
.iui-menu-marker-top-rtl::before
{
border: 6px solid #ffffff;
border-color: transparent transparent #d5d5d5 transparent;
top: -12px;
right: 10px;
}
.iui-menu-marker-top-rtl::after
{
border: 6px solid #ffffff;
border-color: transparent transparent #ffffff transparent;
top: -12px;
right: 10px;
}
.iui-menu-marker-left::before
{
border: 8px solid #ffffff;
border-color: transparent #d5d5d5 transparent transparent;
top: 9px;
left: -16px;
}
.iui-menu-marker-left::after
{
border: 8px solid #ffffff;
border-color: transparent #ffffff transparent transparent;
top: 9px;
left: -15px;
}
.iui-menu-marker-right::before
{
border: 8px solid #ffffff;
border-color: transparent transparent transparent #d5d5d5;
top: 9px;
right: -16px;
}
.iui-menu-marker-right::after
{
border: 8px solid #ffffff;
border-color: transparent transparent transparent #ffffff;
top: 9px;
right: -15px;
}