| |
| a.settings |
| { |
| background: url(/qmf-ui/images/settings.png) no-repeat left; |
| } |
| |
| a.brokers |
| { |
| background: url(/qmf-ui/images/brokers.png) no-repeat left; |
| } |
| |
| a.connections |
| { |
| background: url(/qmf-ui/images/connections.png) no-repeat left; |
| } |
| |
| a.exchanges |
| { |
| background: url(/qmf-ui/images/exchanges.png) no-repeat left; |
| } |
| |
| a.queues |
| { |
| background: url(/qmf-ui/images/queues.png) no-repeat left; |
| } |
| |
| a.links |
| { |
| background: url(/qmf-ui/images/links.png) no-repeat left; |
| } |
| |
| a.route-topology |
| { |
| background: url(/qmf-ui/images/route-topology.png) no-repeat left; |
| } |
| |
| a.events |
| { |
| background: url(/qmf-ui/images/events.png) no-repeat left; |
| } |
| |
| /* This style allows a simple alert banner to be displayed */ |
| div.alert |
| { |
| position: fixed; |
| opacity: 0.6; |
| |
| font-size: 30pt; |
| color: #d0d0d0; |
| background: red; |
| |
| top: 45.5%; |
| left: 10%; |
| width: 80%; |
| text-align: center; |
| |
| -o-transform: rotate(-45deg); |
| -ms-transform: rotate(-45deg); |
| -webkit-transform: rotate(-45deg); |
| -moz-transform: rotate(-45deg); |
| |
| box-shadow: 5px 5px 5px #888; |
| z-index: 5; |
| display: none; |
| |
| /* At it's only a few styles different just use <= IE8 css hack rather than a whole stylesheet */ |
| position: relative\9; |
| background: url(/itablet/images/ie/red6.png) repeat\9; |
| top: 200px\9; |
| } |
| |
| |
| #splash |
| { |
| position: absolute; |
| |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| margin: 0; |
| |
| -moz-border-radius: 5px; |
| -webkit-border-radius: 5px; |
| border-radius: 5px; |
| |
| background: #bbb url(/qmf-ui/images/gradient.png) repeat-x; |
| background: -o-linear-gradient(top center, #fff 0%, #bbb 100%); |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #bbb)); |
| background: -webkit-linear-gradient(top center, #fff 0%, #bbb 100%); |
| background: -ms-linear-gradient(top center, #fff 0%, #bbb 100%); |
| background: -moz-linear-gradient(top center, #fff 0%, #bbb 100%); |
| |
| z-index: 100; |
| } |
| |
| #splash div.logo |
| { |
| position: absolute; |
| top: 5%; |
| left: 0; |
| right: 0; |
| height: 114px; |
| margin: 0 35% 0 35%; |
| |
| -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; |
| filter: alpha(opacity=70); |
| opacity: 0.7; |
| |
| background: transparent url(/qmf-ui/images/qpid-logo.png) center no-repeat; |
| } |
| |
| #splash div.loading |
| { |
| position: absolute; |
| top: 70px; |
| left: 0; |
| right: 0; |
| height: 32px; |
| |
| background: transparent url(/qmf-ui/images/loading.gif) center no-repeat; |
| } |
| |
| |