You are here

Home » API reference » Mobile sliding menu 7

demo.css in Mobile sliding menu 7 

body {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.5;
	color: #555;
	background: #fff;
}
h1 {
	font-size: 1.5em;
	font-weight: normal;
}
small {
	font-size: .66666667em;
}
a {
	color: #e74c3c;
	text-decoration: none;
}
a:hover, a:focus {
	box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
	box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
	box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
	font-size: 1em;
	margin: 0;
	padding: 0;
	border: 0;
}
input {
	color: inherit;
	line-height: 1.5;
	height: 1.5em;
	padding: .25em 0;
}
input:focus {
	outline: none;
	box-shadow: inset 0 -2px #449fdb;
}
.glyph {
	font-size: 16px;
	width: 15em;
	padding-bottom: 1em;
	margin-right: 4em;
	margin-bottom: 1em;
	float: left;
	overflow: hidden;
}
.liga {
	width: 80%;
	width: calc(100% - 2.5em);
}
.talign-right {
	text-align: right;
}
.talign-center {
	text-align: center;
}
.bgc1 {
	background: #f1f1f1;
}
.fgc1 {
	color: #999;
}
.fgc0 {
	color: #000;
}
p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.mvm {
	margin-top: .75em;
	margin-bottom: .75em;
}
.mtn {
	margin-top: 0;
}
.mtl, .mal {
	margin-top: 1.5em;
}
.mbl, .mal {
	margin-bottom: 1.5em;
}
.mal, .mhl {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.mhmm {
	margin-left: 1em;
	margin-right: 1em;
}
.mls {
	margin-left: .25em;
}
.ptl {
	padding-top: 1.5em;
}
.pbs, .pvs {
	padding-bottom: .25em;
}
.pvs, .pts {
	padding-top: .25em;
}
.clearfix {
	zoom: 1;
}
.unit {
	float: left;
}
.unitRight {
	float: right;
}
.size1of2 {
	width: 50%;
}
.size1of1 {
	width: 100%;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.noLiga-true {
	display: none;
}
.textbox0 {
	width: 3em;
	background: #f1f1f1;
	padding: .25em .5em;
	line-height: 1.5;
	height: 1.5em;
}
#testDrive {
	padding-top: 24px;
}
.fs0 {
	font-size: 16px;
}
.fs1 {
	font-size: 32px;
}
.fs2 {
	font-size: 32px;
}

File

icons/mmenu/demo-files/demo.css
View source 
  1. body {

  2. 	padding: 0;

  3. 	margin: 0;

  4. 	font-family: sans-serif;

  5. 	font-size: 1em;

  6. 	line-height: 1.5;

  7. 	color: #555;

  8. 	background: #fff;

  9. }

  10. h1 {

  11. 	font-size: 1.5em;

  12. 	font-weight: normal;

  13. }

  14. small {

  15. 	font-size: .66666667em;

  16. }

  17. a {

  18. 	color: #e74c3c;

  19. 	text-decoration: none;

  20. }

  21. a:hover, a:focus {

  22. 	box-shadow: 0 1px #e74c3c;

  23. }

  24. .bshadow0, input {

  25. 	box-shadow: inset 0 -2px #e7e7e7;

  26. }

  27. input:hover {

  28. 	box-shadow: inset 0 -2px #ccc;

  29. }

  30. input, fieldset {

  31. 	font-size: 1em;

  32. 	margin: 0;

  33. 	padding: 0;

  34. 	border: 0;

  35. }

  36. input {

  37. 	color: inherit;

  38. 	line-height: 1.5;

  39. 	height: 1.5em;

  40. 	padding: .25em 0;

  41. }

  42. input:focus {

  43. 	outline: none;

  44. 	box-shadow: inset 0 -2px #449fdb;

  45. }

  46. .glyph {

  47. 	font-size: 16px;

  48. 	width: 15em;

  49. 	padding-bottom: 1em;

  50. 	margin-right: 4em;

  51. 	margin-bottom: 1em;

  52. 	float: left;

  53. 	overflow: hidden;

  54. }

  55. .liga {

  56. 	width: 80%;

  57. 	width: calc(100% - 2.5em);

  58. }

  59. .talign-right {

  60. 	text-align: right;

  61. }

  62. .talign-center {

  63. 	text-align: center;

  64. }

  65. .bgc1 {

  66. 	background: #f1f1f1;

  67. }

  68. .fgc1 {

  69. 	color: #999;

  70. }

  71. .fgc0 {

  72. 	color: #000;

  73. }

  74. p {

  75. 	margin-top: 1em;

  76. 	margin-bottom: 1em;

  77. }

  78. .mvm {

  79. 	margin-top: .75em;

  80. 	margin-bottom: .75em;

  81. }

  82. .mtn {

  83. 	margin-top: 0;

  84. }

  85. .mtl, .mal {

  86. 	margin-top: 1.5em;

  87. }

  88. .mbl, .mal {

  89. 	margin-bottom: 1.5em;

  90. }

  91. .mal, .mhl {

  92. 	margin-left: 1.5em;

  93. 	margin-right: 1.5em;

  94. }

  95. .mhmm {

  96. 	margin-left: 1em;

  97. 	margin-right: 1em;

  98. }

  99. .mls {

  100. 	margin-left: .25em;

  101. }

  102. .ptl {

  103. 	padding-top: 1.5em;

  104. }

  105. .pbs, .pvs {

  106. 	padding-bottom: .25em;

  107. }

  108. .pvs, .pts {

  109. 	padding-top: .25em;

  110. }

  111. .clearfix {

  112. 	zoom: 1;

  113. }

  114. .unit {

  115. 	float: left;

  116. }

  117. .unitRight {

  118. 	float: right;

  119. }

  120. .size1of2 {

  121. 	width: 50%;

  122. }

  123. .size1of1 {

  124. 	width: 100%;

  125. }

  126. .clearfix:before, .clearfix:after {

  127. 	content: " ";

  128. 	display: table;

  129. }

  130. .clearfix:after {

  131. 	clear: both;

  132. }

  133. .noLiga-true {

  134. 	display: none;

  135. }

  136. .textbox0 {

  137. 	width: 3em;

  138. 	background: #f1f1f1;

  139. 	padding: .25em .5em;

  140. 	line-height: 1.5;

  141. 	height: 1.5em;

  142. }

  143. #testDrive {

  144. 	padding-top: 24px;

  145. }

  146. .fs0 {

  147. 	font-size: 16px;

  148. }

  149. .fs1 {

  150. 	font-size: 32px;

  151. }

  152. .fs2 {

  153. 	font-size: 32px;

  154. }