You are here

Home » API reference » Responsive Menus 7

jquery.multilevelpushmenu.css in Responsive Menus 7

Same filename and directory in other branches
  1. 8 styles/mlpm/css/jquery.multilevelpushmenu.css
.multilevelpushmenu_wrapper {
	position: absolute;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.multilevelpushmenu_wrapper .levelHolderClass {
	position: absolute;
	overflow: hidden;
	top: 0;
	background: #336ca6;
	width: auto;
	min-height: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	zoom: 1;
}

.multilevelpushmenu_wrapper .ltr {
	margin-left: -100%;
	left: 0;
	-moz-box-shadow: 5px 0 5px -5px #1f4164;
	-webkit-box-shadow: 5px 0 5px -5px #1f4164;
	box-shadow: 5px 0 5px -5px #1f4164;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2);
}

.multilevelpushmenu_wrapper .rtl {
	margin-right: -100%;
	right: 0;
	-moz-box-shadow: 5px 0 5px 5px #1f4164;
	-webkit-box-shadow: 5px 0 5px 5px #1f4164;
	box-shadow: 5px 0 5px 5px #1f4164;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=270,strength=2);
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
	background: #2e6196;
}

.multilevelpushmenu_wrapper h2 {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: #1f4164;
	padding: 0 .4em 0 .4em;
}

.multilevelpushmenu_wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.multilevelpushmenu_wrapper li {
	cursor: pointer;
	border-top: 1px solid #295685;
	padding: .4em .4em .4em .4em;
}

.multilevelpushmenu_wrapper li:last-child {
	border-bottom: 1px solid #295685;
}

.multilevelpushmenu_wrapper li:hover {
	background-color: #295685;
}

.multilevelpushmenu_wrapper a {
	display: block;
	outline: none;
	overflow: hidden;
	font-size: 1.5em;
	line-height: 1em;
	padding: .2em .2em;
	text-decoration: none;
	color: #fff;
}

.multilevelpushmenu_wrapper a:hover {
	color: #ffe;
}

.multilevelpushmenu_wrapper .backItemClass {
	display: block;
	padding: .4em .4em .4em .4em;
	background: #2e6196;
	border-top: 1px solid #295685;
}

.multilevelpushmenu_wrapper .floatRight {
	float: right;
}

.multilevelpushmenu_wrapper .floatLeft {
	float: left;
}

.multilevelpushmenu_wrapper .cursorPointer {
	cursor: pointer;
}

.multilevelpushmenu_wrapper .iconSpacing_ltr {
	padding: 0 .4em 0 0;
}

.multilevelpushmenu_wrapper .iconSpacing_rtl {
	padding: 0 0 0 .4em;
}

File

styles/mlpm/css/jquery.multilevelpushmenu.css
View source 
  1. .multilevelpushmenu_wrapper {

  2. 	position: absolute;

  3. 	overflow: hidden;

  4. 	min-width: 100%;

  5. 	min-height: 100%;

  6. 	margin: 0;

  7. 	padding: 0;

  8. }

  9. 

  10. .multilevelpushmenu_wrapper .levelHolderClass {

  11. 	position: absolute;

  12. 	overflow: hidden;

  13. 	top: 0;

  14. 	background: #336ca6;

  15. 	width: auto;

  16. 	min-height: 100%;

  17. 	font-family: 'Open Sans Condensed', sans-serif;

  18. 	font-size: 1em;

  19. 	zoom: 1;

  20. }

  21. 

  22. .multilevelpushmenu_wrapper .ltr {

  23. 	margin-left: -100%;

  24. 	left: 0;

  25. 	-moz-box-shadow: 5px 0 5px -5px #1f4164;

  26. 	-webkit-box-shadow: 5px 0 5px -5px #1f4164;

  27. 	box-shadow: 5px 0 5px -5px #1f4164;

  28. 	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2);

  29. }

  30. 

  31. .multilevelpushmenu_wrapper .rtl {

  32. 	margin-right: -100%;

  33. 	right: 0;

  34. 	-moz-box-shadow: 5px 0 5px 5px #1f4164;

  35. 	-webkit-box-shadow: 5px 0 5px 5px #1f4164;

  36. 	box-shadow: 5px 0 5px 5px #1f4164;

  37. 	filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=270,strength=2);

  38. }

  39. 

  40. .multilevelpushmenu_wrapper .multilevelpushmenu_inactive {

  41. 	background: #2e6196;

  42. }

  43. 

  44. .multilevelpushmenu_wrapper h2 {

  45. 	font-size: 1.5em;

  46. 	line-height: 1em;

  47. 	font-weight: bold;

  48. 	color: #1f4164;

  49. 	padding: 0 .4em 0 .4em;

  50. }

  51. 

  52. .multilevelpushmenu_wrapper ul {

  53. 	list-style: none;

  54. 	padding: 0;

  55. 	margin: 0;

  56. }

  57. 

  58. .multilevelpushmenu_wrapper li {

  59. 	cursor: pointer;

  60. 	border-top: 1px solid #295685;

  61. 	padding: .4em .4em .4em .4em;

  62. }

  63. 

  64. .multilevelpushmenu_wrapper li:last-child {

  65. 	border-bottom: 1px solid #295685;

  66. }

  67. 

  68. .multilevelpushmenu_wrapper li:hover {

  69. 	background-color: #295685;

  70. }

  71. 

  72. .multilevelpushmenu_wrapper a {

  73. 	display: block;

  74. 	outline: none;

  75. 	overflow: hidden;

  76. 	font-size: 1.5em;

  77. 	line-height: 1em;

  78. 	padding: .2em .2em;

  79. 	text-decoration: none;

  80. 	color: #fff;

  81. }

  82. 

  83. .multilevelpushmenu_wrapper a:hover {

  84. 	color: #ffe;

  85. }

  86. 

  87. .multilevelpushmenu_wrapper .backItemClass {

  88. 	display: block;

  89. 	padding: .4em .4em .4em .4em;

  90. 	background: #2e6196;

  91. 	border-top: 1px solid #295685;

  92. }

  93. 

  94. .multilevelpushmenu_wrapper .floatRight {

  95. 	float: right;

  96. }

  97. 

  98. .multilevelpushmenu_wrapper .floatLeft {

  99. 	float: left;

  100. }

  101. 

  102. .multilevelpushmenu_wrapper .cursorPointer {

  103. 	cursor: pointer;

  104. }

  105. 

  106. .multilevelpushmenu_wrapper .iconSpacing_ltr {

  107. 	padding: 0 .4em 0 0;

  108. }

  109. 

  110. .multilevelpushmenu_wrapper .iconSpacing_rtl {

  111. 	padding: 0 0 0 .4em;

  112. }