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
|
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}">
|
||||||
|
|
@ -33,70 +35,107 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
<div id="wrapper-menu-top">
|
<div class="white_box">
|
||||||
<div id="menu-top">
|
<div class="header">
|
||||||
<ul>
|
<div class="header_l">
|
||||||
<li><a href="<c:url value='/index.jsp'/>" title="Home<"><span>Home</span></a></li>
|
<div class="header_r">
|
||||||
<li><a href="<c:url value='/queues.jsp'/>" title="Queues"><span>Queues</span></a></li>
|
</div>
|
||||||
<li><a href="<c:url value='/topics.jsp'/>" title="Topics"><span>Topics</span></a></li>
|
</div>
|
||||||
<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>
|
</div>
|
||||||
<!--menu-top-->
|
<div class="content">
|
||||||
</div>
|
<div class="content_l">
|
||||||
<!--wrapper-menu-top-->
|
<div class="content_r">
|
||||||
|
|
||||||
<div id="wrapper-header">
|
<div>
|
||||||
<div id="header">
|
|
||||||
<div id="wrapper-header2">
|
<!-- Banner -->
|
||||||
<div id="wrapper-header3">
|
<div id="asf_logo">
|
||||||
<h1>ActiveMQ Console</h1>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="design_attribution"><a href="http://hiramchirino.com/">Graphic Design By Hiram</a></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>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</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
|
* 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;
|
||||||
|
|
@ -27,7 +28,7 @@ table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border: 1px solid black;
|
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;
|
|
||||||
}
|
|
||||||