PageRenderTime 34ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/src/proto.menu.css

http://proto-menu.googlecode.com/
CSS | 161 lines | 147 code | 9 blank | 5 comment | 0 complexity | 5f95c8bafbd9e0b9aee6ef84291ee1f2 MD5 | raw file
  1. /* GENERAL STYLES */
  2. div.menu {
  3. position: absolute;
  4. top: 0;
  5. left: 0;
  6. font-family: verdana;
  7. }
  8. div.menu a {
  9. display: block;
  10. text-decoration: none;
  11. cursor: default;
  12. outline: none;
  13. font-size: 11px;
  14. }
  15. .menu .separator {
  16. height: 1px;
  17. padding: 0;
  18. overflow: hidden;
  19. display: block;
  20. font-size: 1px;
  21. }
  22. .menu ul, .menu li {
  23. margin: 0;
  24. padding: 0;
  25. list-style: none;
  26. }
  27. .menu li {
  28. list-style-position: outside;
  29. }
  30. /* FIREFOX STYLES */
  31. .menu.firefox {
  32. width: 12em;
  33. background: #F4F5EB;
  34. border-top: 1px solid #ddd;
  35. border-left: 1px solid #ddd;
  36. border-right: 1px solid #666;
  37. border-bottom: 1px solid #666;
  38. padding: 2px 0;
  39. }
  40. .menu.firefox a {
  41. color: #555;
  42. padding: 4px 15px;
  43. margin: 0 2px;
  44. }
  45. .menu.firefox a:hover {
  46. background: #006;
  47. color: #fff;
  48. }
  49. .menu.firefox a.disabled {
  50. color: #bbb;
  51. }
  52. .menu.firefox a.disabled:hover {
  53. background: #F4F5EB;
  54. color: #bbb;
  55. }
  56. .menu.firefox .separator {
  57. border-bottom: 1px solid #fff;
  58. background: #999;
  59. margin: 2px 4px;
  60. }
  61. /* GOOGLE STYLES */
  62. .menu.google {
  63. width: 10.5em;
  64. background: #fff;
  65. border-top: 1px solid #ccc;
  66. border-left: 1px solid #ccc;
  67. border-bottom: 1px solid #676767;
  68. border-right: 1px solid #676767;
  69. }
  70. .menu.google a {
  71. color: #00c;
  72. text-decoration: none;
  73. padding: 2px 5px;
  74. cursor: pointer;
  75. font-size: 12px;
  76. }
  77. .menu.google a:hover {
  78. background: #D3E3FE;
  79. }
  80. .menu.google a.disabled {
  81. color: #bbb;
  82. }
  83. .menu.google a.disabled:hover {
  84. background: #fff;
  85. color: #bbb;
  86. }
  87. .menu.google .separator {
  88. background: #ccc;
  89. }
  90. /* DESKTOP STYLES */
  91. .menu.desktop {
  92. width: 14em;
  93. background: #f9f8f7;
  94. border: 1px solid #999;
  95. padding: 0;
  96. }
  97. .menu.desktop ul, .menu.desktop li {
  98. margin: 0;
  99. padding: 0;
  100. }
  101. .menu.desktop li.separator {
  102. height: 1px;
  103. }
  104. .menu.desktop a {
  105. color: #555;
  106. padding: 3px 0 3px 25px;
  107. margin: 0;
  108. border: 1px solid #f9f8f7;
  109. }
  110. .menu.desktop a.disabled {
  111. opacity: 0.25;
  112. filter: alpha(opacity=25);
  113. zoom: 1;
  114. }
  115. .menu.desktop li.separator {
  116. border-bottom: 1px solid #fff;
  117. background: #aaa;
  118. margin: 1px 1px 0 1px;
  119. line-height: 1px !important;
  120. }
  121. .menu.desktop a.new {
  122. background: #f9f8f7 url(images/page.png) 2px 50% no-repeat;
  123. }
  124. .menu.desktop a.edit {
  125. background: #f9f8f7 url(images/page_edit.png) 2px 50% no-repeat;
  126. }
  127. .menu.desktop a.copy {
  128. background: #f9f8f7 url(images/page_copy.png) 2px 50% no-repeat;
  129. }
  130. .menu.desktop a.delete {
  131. background: #f9f8f7 url(images/page_delete.png) 2px 50% no-repeat;
  132. }
  133. .menu.desktop a.save {
  134. background: #f9f8f7 url(images/page_save.png) 2px 50% no-repeat;
  135. }
  136. .menu.desktop a.xsl {
  137. background: #f9f8f7 url(images/page_excel.png) 2px 50% no-repeat;
  138. }
  139. .menu.desktop a.doc {
  140. background: #f9f8f7 url(images/page_word.png) 2px 50% no-repeat;
  141. }
  142. .menu.desktop a.pdf {
  143. background: #f9f8f7 url(images/page_acrobat.png) 2px 50% no-repeat;
  144. }
  145. .menu.desktop a.send {
  146. background: #f9f8f7 url(images/email.png) 2px 50% no-repeat;
  147. }
  148. /* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
  149. .menu.desktop a.enabled:hover {
  150. background-color: #0A246A;
  151. color: #fff;
  152. }