/* The entire snippet. */
.ContextMenu
{
color: #283f52;
-webkit-user-select: none;
margin: 0px;
padding: 0px;
font-weight:bold;
font-size: large;
}
/* The main wrapper div. */
.ContextMenuDiv
{
color: #283f52;
background-color: transparent;
margin: 0px;
padding: 0px;
position: relative;
border: none;
}
.TabsDiv
{
margin-right: 1px;
}
.TabsUl
{
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
.MenuDiv
{
margin-left: -40px;
margin-right: 3px;
margin-top: -16px;
padding: 0px;
}
.MenuUl
{
margin-bottom: 0px;
}
/* All list items, tabs and menu items. */
.ContextMenu li
{
list-style-type: none;
}
/*
.ContextMenu li:hover
{
background: -webkit-gradient(linear, left top, left bottom, from(#677fa8), to(#7692c2), color-stop(0.0, #aab));
}
*/
/* Tab items. */
.ContextMenu .TabsDiv ul li
{
display: inline-block;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 16px;
border-top: solid 3px #373f4f;
border-left: solid 3px #373f4f;
border-bottom: solid 3px #373f4f;
margin-bottom: -2px;
}
/* The first tab item. */
.ContextMenu .TabsDiv ul li:first-child
{
-webkit-border-top-left-radius: 7px;
}
/* The last tab item. */
.ContextMenu .TabsDiv ul li:last-child
{
-webkit-border-top-right-radius: 7px;
border-right: solid 3px #373f4f;
}
/* Normal tabs, ie. not highlighted. */
.ViewContext_NormalTab {
background: -webkit-gradient(linear, left top, left bottom, from(#a2acc5), to(#b5c0d8), color-stop(0.0, #aab));
}
/* Hide the text in normal tabs. */
.ViewContext_NormalTab * a {
display: none;
}
.ViewContext_NormalTab div {
margin-top: 0px;
}
/* Highlighted tab. */
.ViewContext_HighlightedTab {
background: -webkit-gradient(linear, left top, left bottom, from(#43577c), to(#2f3c58), color-stop(0.0, #aab));
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
}
/* Make the highlighted tab slightly taller. */
.ViewContext_HighlightedTab div {
margin-top: 6px;
}
/* Show text in higlighted tab. */
.ViewContext_HighlightedTab div * a {
display: block;
}
.ViewContext_DisabledTab {
color: #ddd;
}
/* Menu items. */
.ContextMenu .MenuDiv ul li
{
border-color: #374358;
border-bottom: 1px solid #d0d5de;
background: #fff;
}
/* Special case for regular menu Li (not row) */
.ContextMenu .MenuDiv ul li.RegularMenuLi
{
padding: 10px;
}
/* Special case for top-level menu Li (not row Li) */
.ContextMenu .MenuDiv ul li.MenuLi
{
border-right: 3px solid;
border-left: 3px solid;
}
.ViewContext_DisabledMenuItem {
color: #888;
}
/* If menu item has a row */
.ContextMenu .MenuDiv ul li ul.MenuRowUl
{
padding: 0px;
margin: 0px;
background: #f00;
list-style-type: none;
display: table;
width: 100%;
border: none;
}
.ContextMenu .MenuDiv ul li ul li.MenuRowLi
{
border: none;
border-left: 1px solid #d0d5de;
padding: 10px;
margin: 0px;
display: table-cell;
}
/* Any Menu items when clicked. */
.ContextMenu .MenuDiv ul li.RegularMenuLi:active, .ContextMenu .MenuDiv ul li ul li.MenuRowLi:active
{
background: #ddd;
}
/* Last top-level menu item. */
.ContextMenu .MenuDiv ul li.MenuLi:last-child
{
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom: 3px solid #374358;
}
/* Item icons. */
.ContextMenu ul li img
{
vertical-align: middle;
}
/* Item text. */
.ContextMenu ul li a
{
vertical-align: middle;
margin-left: 10px;
}