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