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
This commit is contained in:
James Strachan 2007-03-08 18:30:57 +00:00
parent 5869f755bc
commit 39db2d4ce6
41 changed files with 1506 additions and 246 deletions

View File

@ -15,12 +15,14 @@
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. 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> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><decorator:title default="ActiveMQ Console" /></title> <title><decorator:title default="ActiveMQ Console" /></title>
<style type="text/css" media="screen"> <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"/>); @import url(<c:url value="/styles/sorttable.css"/>);
</style> </style>
<c:if test="${!disableJavaScript}"> <c:if test="${!disableJavaScript}">
@ -34,69 +36,106 @@
<body> <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>
<!--menu-top-->
</div>
<!--wrapper-menu-top-->
<div id="wrapper-header"> <div class="white_box">
<div id="header"> <div class="header">
<div id="wrapper-header2"> <div class="header_l">
<div id="wrapper-header3"> <div class="header_r">
<h1>ActiveMQ Console</h1>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="content">
<div class="content_l">
<div class="content_r">
<div id="wrapper-content"> <div>
<!--
<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> <!-- Banner -->
<ul> <div id="asf_logo">
<li><a href="#">Example Link 1</a></li> <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;"
<li><a href="#">Example Link 2</a></li> href="http://activemq.apache.org/"
<li><a href="#">Example Link 3</a></li> title="The most popular and powerful open source Message Broker">ActiveMQ</a>
<li><a href="#">Example Link 4</a></li> <a style="float:right; width:210px;display:block;text-indent:-5000px;text-decoration:none;line-height:60px; margin-top:15px; margin-right:10px;"
</ul> href="http://www.apache.org/" title="The Apache Software Foundation">ASF</a>
</div> </div>
</div> </div>
-->
<div id="content">
<div class="top_red_bar">
<div id="site-breadcrumbs">
<a href="<c:url value='/index.jsp'/>" title="Home">Home</a>
&#124;
<a href="<c:url value='/queues.jsp'/>" title="Queues">Queues</a>
&#124;
<a href="<c:url value='/topics.jsp'/>" title="Topics">Topics</a>
&#124;
<a href="<c:url value='/subscribers.jsp'/>" title="Subscribers">Subscribers</a>
&#124;
<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/> <decorator:body/>
</div> </div>
</div> </td>
<td valign="top">
<div id="wrapper-footer"> <div class="navigation">
<div id="footer"> <div class="navigation_top">
<p> <div class="navigation_bottom">
Copyright 2005-2007 The Apache Software Foundation <H3>Useful Links</H3>
</p>
<p> <ul class="alternate" type="square">
<small>(<a href="?printable=true">printable version</a>)</small> <li><a href="http://activemq.apache.org/"
</p> 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>
</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>
<div class="design_attribution"><a href="http://hiramchirino.com/">Graphic Design By Hiram</a></div>
</body> </body>
</html> </html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 443 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 498 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 325 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 433 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 473 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 282 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 249 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 430 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 679 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 522 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 682 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 390 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 415 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 317 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 362 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 B

View File

@ -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;
}

View File

@ -15,7 +15,8 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
table {
table.sortable {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
border-collapse: collapse; border-collapse: collapse;

View File

@ -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;
}

File diff suppressed because it is too large Load Diff