updated the web console to use the ActiveMQ look and feel
git-svn-id: https://svn.apache.org/repos/asf/activemq/trunk@516133 13f79535-47bb-0310-9956-ffa450edef68
James Strachan
|
|
@ -15,12 +15,14 @@
|
|||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
--%>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||
<title><decorator:title default="ActiveMQ Console" /></title>
|
||||
<style type="text/css" media="screen">
|
||||
@import url(<c:url value="/styles/style.css"/>);
|
||||
@import url(<c:url value="/styles/site.css"/>);
|
||||
@import url(<c:url value="/styles/type-settings.css.css"/>);
|
||||
@import url(<c:url value="/styles/sorttable.css"/>);
|
||||
</style>
|
||||
<c:if test="${!disableJavaScript}">
|
||||
|
|
@ -33,70 +35,107 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div id="wrapper-menu-top">
|
||||
<div id="menu-top">
|
||||
<ul>
|
||||
<li><a href="<c:url value='/index.jsp'/>" title="Home<"><span>Home</span></a></li>
|
||||
<li><a href="<c:url value='/queues.jsp'/>" title="Queues"><span>Queues</span></a></li>
|
||||
<li><a href="<c:url value='/topics.jsp'/>" title="Topics"><span>Topics</span></a></li>
|
||||
<li><a href="<c:url value='/subscribers.jsp'/>" title="Subscribers"><span>Subscribers</span></a></li>
|
||||
<li><a href="<c:url value='/send.jsp'/>" title="Send"><span>Send</span></a></li>
|
||||
</ul>
|
||||
<div class="white_box">
|
||||
<div class="header">
|
||||
<div class="header_l">
|
||||
<div class="header_r">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--menu-top-->
|
||||
</div>
|
||||
<!--wrapper-menu-top-->
|
||||
<div class="content">
|
||||
<div class="content_l">
|
||||
<div class="content_r">
|
||||
|
||||
<div id="wrapper-header">
|
||||
<div id="header">
|
||||
<div id="wrapper-header2">
|
||||
<div id="wrapper-header3">
|
||||
<h1>ActiveMQ Console</h1>
|
||||
<div>
|
||||
|
||||
<!-- Banner -->
|
||||
<div id="asf_logo">
|
||||
<div id="activemq_logo">
|
||||
<a style="float:left; width:280px;display:block;text-indent:-5000px;text-decoration:none;line-height:60px; margin-top:10px; margin-left:100px;"
|
||||
href="http://activemq.apache.org/"
|
||||
title="The most popular and powerful open source Message Broker">ActiveMQ</a>
|
||||
<a style="float:right; width:210px;display:block;text-indent:-5000px;text-decoration:none;line-height:60px; margin-top:15px; margin-right:10px;"
|
||||
href="http://www.apache.org/" title="The Apache Software Foundation">ASF</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="top_red_bar">
|
||||
<div id="site-breadcrumbs">
|
||||
<a href="<c:url value='/index.jsp'/>" title="Home">Home</a>
|
||||
|
|
||||
<a href="<c:url value='/queues.jsp'/>" title="Queues">Queues</a>
|
||||
|
|
||||
<a href="<c:url value='/topics.jsp'/>" title="Topics">Topics</a>
|
||||
|
|
||||
<a href="<c:url value='/subscribers.jsp'/>" title="Subscribers">Subscribers</a>
|
||||
|
|
||||
<a href="<c:url value='/send.jsp'/>"
|
||||
title="Send">Send</a>
|
||||
</div>
|
||||
<div id="site-quicklinks"><P>
|
||||
<a href="http://activemq.apache.org/support.html"
|
||||
title="Get help and support using Apache ActiveMQ">Support</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table border="0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td valign="top" width="100%" style="overflow:hidden;">
|
||||
<div class="wiki-content">
|
||||
<decorator:body/>
|
||||
|
||||
</div>
|
||||
</td>
|
||||
<td valign="top">
|
||||
|
||||
<div class="navigation">
|
||||
<div class="navigation_top">
|
||||
<div class="navigation_bottom">
|
||||
<H3>Useful Links</H3>
|
||||
|
||||
<ul class="alternate" type="square">
|
||||
<li><a href="http://activemq.apache.org/"
|
||||
title="The most popular and powerful open source Message Broker">ActiveMQ
|
||||
Site</a></li>
|
||||
<li><a href="http://activemq.apache.org/faq.html">FAQ</a></li>
|
||||
<li><a href="http://activemq.apache.org/download.html">Downloads</a>
|
||||
</li>
|
||||
<li><a href="http://activemq.apache.org/discussion-forums.html">Forums</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
<div class="bottom_red_bar"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="black_box">
|
||||
<div class="footer">
|
||||
<div class="footer_l">
|
||||
<div class="footer_r">
|
||||
<div>
|
||||
Copyright 2005-2007 The Apache Software Foundation.
|
||||
|
||||
(<a href="?printable=true">printable version</a>)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="wrapper-content">
|
||||
<!--
|
||||
<div id="wrapper-menu-page">
|
||||
<div id="menu-page">
|
||||
<h3>Page navigation</h3>
|
||||
<ul>
|
||||
<li><a href="#">Example Link 1</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>sub page menu</h3>
|
||||
<ul>
|
||||
<li><a href="#">Example Link 1</a></li>
|
||||
|
||||
<li><a href="#">Example Link 2</a></li>
|
||||
<li><a href="#">Example Link 3</a></li>
|
||||
<li><a href="#">Example Link 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div id="content">
|
||||
<decorator:body/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="wrapper-footer">
|
||||
<div id="footer">
|
||||
<p>
|
||||
Copyright 2005-2007 The Apache Software Foundation
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<small>(<a href="?printable=true">printable version</a>)</small>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="design_attribution"><a href="http://hiramchirino.com/">Graphic Design By Hiram</a></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 244 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 443 B |
|
Before Width: | Height: | Size: 498 B |
|
After Width: | Height: | Size: 325 B |
|
After Width: | Height: | Size: 265 B |
|
After Width: | Height: | Size: 433 B |
|
After Width: | Height: | Size: 473 B |
|
After Width: | Height: | Size: 282 B |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 231 B |
|
After Width: | Height: | Size: 249 B |
|
After Width: | Height: | Size: 430 B |
|
After Width: | Height: | Size: 248 B |
|
After Width: | Height: | Size: 376 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 679 B |
|
Before Width: | Height: | Size: 522 B |
|
Before Width: | Height: | Size: 682 B |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 390 B |
|
After Width: | Height: | Size: 248 B |
|
After Width: | Height: | Size: 415 B |
|
After Width: | Height: | Size: 215 B |
|
After Width: | Height: | Size: 215 B |
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 233 B |
|
After Width: | Height: | Size: 317 B |
|
After Width: | Height: | Size: 362 B |
|
After Width: | Height: | Size: 248 B |
|
|
@ -0,0 +1,189 @@
|
|||
body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
/* ====================================================== */
|
||||
/* Rounded Box Styles */
|
||||
/* ====================================================== */
|
||||
div.white_box div.header {background: transparent url("../images/white-header-top.png") repeat-x 0pt;}
|
||||
div.white_box div.header_l {background: transparent url("../images/white-header-left.png") no-repeat 0pt;}
|
||||
div.white_box div.header_r {background: transparent url("../images/white-header-right.png") no-repeat 100% 0pt;}
|
||||
div.white_box div.header_r {height: 18px;}
|
||||
|
||||
div.white_box div.content {background: #ffffff; }
|
||||
div.white_box div.content_l {background: transparent url("../images/content-left.png") repeat-y 0pt;}
|
||||
div.white_box div.content_r {background: transparent url("../images/content-right.png") repeat-y 100% 0pt;}
|
||||
div.white_box div.content_r {padding-left: 6px; padding-right: 9px;}
|
||||
|
||||
div.white_box div.footer {background: transparent url("../images/white-footer-bottom.png") repeat-x 0pt;}
|
||||
div.white_box div.footer_l {background: transparent url("../images/white-footer-left.png") no-repeat 0pt;}
|
||||
div.white_box div.footer_r {background: transparent url("../images/white-footer-right.png") no-repeat 100% 0pt;}
|
||||
div.white_box div.footer_r {color: #ffffff; height:37px; padding:0px;}
|
||||
div.white_box div.footer_r {padding-left: 6px;padding-right: 9px;}
|
||||
|
||||
div.black_box div.footer {background: transparent url("../images/black-footer-bottom.png") repeat-x 0pt;}
|
||||
div.black_box div.footer_l {background: transparent url("../images/black-footer-left.png") no-repeat 0pt;}
|
||||
div.black_box div.footer_r {background: transparent url("../images/black-footer-right.png") no-repeat right bottom;}
|
||||
div.black_box div.footer_r {color: #ffffff; height:37; padding:0px;}
|
||||
div.black_box div.footer_r {padding-left: 6px;padding-right: 9px;}
|
||||
|
||||
/* ====================================================== */
|
||||
/* Logo Positioning */
|
||||
/* ====================================================== */
|
||||
div#activemq_logo{background: transparent url("../images/activemq-logo.png") no-repeat left top; height: 100px; }
|
||||
div#activemq_logo{margin-left: 20px; overflow: hidden;}
|
||||
div#asf_logo {background: transparent url("../images/asf-logo.png") no-repeat right center; height: 100px; }
|
||||
|
||||
/* ====================================================== */
|
||||
/* Top and Bottom Bar Styling */
|
||||
/* ====================================================== */
|
||||
div.top_red_bar {
|
||||
background: transparent url("../images/top-red-bar.png") repeat 0pt;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.bottom_red_bar {
|
||||
background: transparent url("../images/bottom-red-bar.png") repeat 0pt; height: 11px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div#site-breadcrumbs {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
float:left;
|
||||
padding: 2px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
div#site-quicklinks {
|
||||
margin: 0px;
|
||||
padding: 2px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
div#site-quicklinks p {
|
||||
text-align: right;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
div#site-quicklinks, div#site-breadcrumbs, div#site-quicklinks p, div#site-breadcrumbs p,
|
||||
div#site-quicklinks a:link, div#site-quicklinks a:visited,
|
||||
div#site-breadcrumbs a:link, div#site-breadcrumbs a:visited {
|
||||
font-family: Verdana, arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: 16px;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
div#site-quicklinks a:active, div#site-quicklinks a:hover,
|
||||
div#site-breadcrumbs a:active, div#site-breadcrumbs a:hover {
|
||||
font-family: Verdana, arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: 13px;
|
||||
color: #c0c0c0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
div#site-quicklinks sup img {
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
/* ====================================================== */
|
||||
/* Navigation Styling */
|
||||
/* ====================================================== */
|
||||
div.navigation {background: #ffffff url("../images/right-box-left.png") repeat-y left 0pt; width:200px;}
|
||||
div.navigation_top {background: transparent url("../images/right-box-top.png") no-repeat left top;}
|
||||
div.navigation_bottom {background: transparent url("../images/right-box-bottom.png") no-repeat left bottom;}
|
||||
div.navigation_bottom {padding-left: 5px;padding-right:11px; padding-top:17px; padding-bottom:17px;}
|
||||
|
||||
/* div.navigation {float:right;} */
|
||||
div.navigation_bottom ol,
|
||||
div.navigation_bottom ul,
|
||||
div.navigation_bottom {
|
||||
font-family: Verdana, arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: 13px;
|
||||
text-align: left;
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
div.navigation {
|
||||
text-align: left;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
|
||||
div.navigation h3,
|
||||
div.navigation h3 a:link, div.navigation h3 a:visited, div.navigation h3 a:active, div.navigation h3 a:hover {
|
||||
font-family: Verdana, arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: 120%;
|
||||
|
||||
border: none;
|
||||
font-size: 15px;
|
||||
text-decoration: none;
|
||||
color: #660033;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
div.navigation h3 {
|
||||
background: url("../images/big-bullet.png") no-repeat 0pt;
|
||||
background-position:left center;
|
||||
margin-left:15px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
div.navigation a:link, div.navigation a:visited, div.navigation a:active, div.navigation a:hover {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
}
|
||||
div.navigation a:active, div.navigation a:hover {
|
||||
text-decoration: underline;
|
||||
color: #880055;
|
||||
}
|
||||
|
||||
div.navigation ul {
|
||||
padding-left: 25px;
|
||||
list-style: none;
|
||||
padding-bottom: 10px;
|
||||
border-bottom:1px solid #CACACA;
|
||||
margin: 0px;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.navigation_bottom div {
|
||||
margin-left:10px;
|
||||
padding-left:25px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-bottom:1px solid #CACACA;
|
||||
}
|
||||
|
||||
div.navigation img {
|
||||
margin-left:15px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
div.navigation sup img { height: 0px; width: 0px; }
|
||||
|
||||
/* ====================================================== */
|
||||
/* Footer Styling */
|
||||
/* ====================================================== */
|
||||
div.black_box div.footer_r div {
|
||||
font-family: Verdana, arial, sans-serif;
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
line-height: normal;
|
||||
padding:5px;
|
||||
padding-left:20px;
|
||||
}
|
||||
|
||||
div.design_attribution, div.design_attribution a {
|
||||
font-family: Verdana, arial, sans-serif;
|
||||
font-size: 10px;
|
||||
text-align:center;
|
||||
color: #a0a0a0;
|
||||
}
|
||||
|
|
@ -15,7 +15,8 @@
|
|||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
table {
|
||||
|
||||
table.sortable {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border-collapse: collapse;
|
||||
|
|
@ -27,7 +28,7 @@ table {
|
|||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th {
|
||||
th {
|
||||
padding: 0.5em;
|
||||
text-align: left;
|
||||
border: 1px solid black;
|
||||
|
|
|
|||
|
|
@ -1,185 +0,0 @@
|
|||
/*
|
||||
* This CSS is licensed under the Creative Commons 2.5
|
||||
* http://creativecommons.org/licenses/by/2.5/
|
||||
*
|
||||
* Css originally by mejobloggs Design by Aran @ stuio7designs.com
|
||||
* Please email me if you use this, as I would love to see how it is being used,
|
||||
* also you can join my linkshare to help you with your google ranking
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: trebuchet ms, verdana, arial, tahoma;
|
||||
font-size: 90%;
|
||||
color: #888;
|
||||
background-color: white;
|
||||
line-height: 180%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Set the page width */
|
||||
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
|
||||
width: 85%;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#wrapper-menu-top {
|
||||
background: white url( '../images/bg02-white-left.png' ) no-repeat left top;
|
||||
}
|
||||
|
||||
#menu-top {
|
||||
background: transparent url( '../images/bg02-white-right.png' ) no-repeat right top;
|
||||
overflow: hidden; /* no idea why this works, but it fixes a FF problem */
|
||||
}
|
||||
|
||||
#menu-top ul {
|
||||
margin: 0 20px;
|
||||
padding: 1em 0 0 0;
|
||||
list-style: none;
|
||||
font-size: 85%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#menu-top li {
|
||||
display: inline;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#menu-top a {
|
||||
float: left;
|
||||
background: url( ../images/menuleft.png ) no-repeat left top;
|
||||
margin: 0;
|
||||
padding: 0 0 0 4px;
|
||||
text-decoration: none;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
#menu-top a span {
|
||||
background: transparent url( ../images/menuright.png ) no-repeat right top;
|
||||
padding: 5px 15px 4px 6px;
|
||||
color: #5b8fbe;
|
||||
display: block;
|
||||
float: left;
|
||||
cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
|
||||
}
|
||||
|
||||
#menu-top a:hover {
|
||||
background-position: 0% -42px;
|
||||
}
|
||||
|
||||
#menu-top a:hover span {
|
||||
background-position: 100% -42px;
|
||||
}
|
||||
|
||||
#wrapper-header {
|
||||
background: transparent url( '../images/bg.png' ) top center repeat-x;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #eee url( '../images/banner_mountains.jpg' ) no-repeat center top;
|
||||
}
|
||||
|
||||
#wrapper-header2 {
|
||||
background: transparent url( '../images/bg02-blue-left.png' ) top left no-repeat;
|
||||
}
|
||||
|
||||
#wrapper-header3 {
|
||||
background: transparent url( '../images/bg02-blue-right.png' ) top right no-repeat;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
margin: 0 20px;
|
||||
padding: 0;
|
||||
height: 192px;
|
||||
line-height: 3em;
|
||||
color: #ccc;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
#wrapper-content {
|
||||
background: white url( '../images/bg02-white-left.png' ) no-repeat left top;
|
||||
}
|
||||
|
||||
* html #wrapper-content {
|
||||
height: 1%;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: transparent url( '../images/bg02-white-right.png' ) no-repeat right top;
|
||||
padding: 5px 245px 5px 40px;
|
||||
}
|
||||
|
||||
#wrapper-menu-page {
|
||||
float: right;
|
||||
width: 180px;
|
||||
margin: 20px 30px 3em 2em;
|
||||
background: transparent url( '../images/menu.png' ) no-repeat;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
|
||||
}
|
||||
|
||||
* html #wrapper-menu-page {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#menu-page {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#menu-page ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
#menu-page h3 {
|
||||
font-size: 75%;
|
||||
text-transform: uppercase;
|
||||
margin: 1em 0 0.3em 0;
|
||||
color: #5b8fbe;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
|
||||
#menu-page a:link, #menu-page a:visited {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#menu-page a:hover {
|
||||
color: #5b8fbe;
|
||||
}
|
||||
|
||||
#wrapper-footer {
|
||||
margin-top: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin: 0 20px;
|
||||
background-color: #e5f0fc;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color: #5b8fbe;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
}
|
||||