blob: 918c4b5e22e038bfcf057fab5af5c8339c9b5ff8 [file] [log] [blame]
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;
}