/src/proto.menu.css

  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}