Commit 9bd491a6 authored by Daniel Henninger's avatar Daniel Henninger Committed by dhenninger

[JM-1218] Updated openfire admin console look and feel to be similar to that of Clearspace.

git-svn-id: http://svn.igniterealtime.org/svn/repos/openfire/trunk@9774 b35dd754-fafc-0310-a699-88a17e54d16e
parent 8db02bc9
...@@ -275,6 +275,7 @@ ...@@ -275,6 +275,7 @@
# Added key: 'server.db.connection_details.when_created' # Added key: 'server.db.connection_details.when_created'
# Added key: 'server.db.connection_details.last_used' # Added key: 'server.db.connection_details.last_used'
# Added key: 'server.db.connection_details.thread' # Added key: 'server.db.connection_details.thread'
# Added key: 'admin.logged_in_as'
# Openfire # Openfire
...@@ -466,6 +467,7 @@ admin.console.restarting=Restarting admin console... ...@@ -466,6 +467,7 @@ admin.console.restarting=Restarting admin console...
admin.console.listening=Admin console listening at admin.console.listening=Admin console listening at
admin.console.devmode=Using development mode admin.console.devmode=Using development mode
admin.console=Administration Console admin.console=Administration Console
admin.logged_in_as=Logged in as {0}
# Server messages (to users) # Server messages (to users)
......
...@@ -54,6 +54,7 @@ public class TabsTag extends BodyTagSupport { ...@@ -54,6 +54,7 @@ public class TabsTag extends BodyTagSupport {
private String bean; private String bean;
private String css; private String css;
private String currentcss; private String currentcss;
private Boolean justlinks = false;
/** /**
* The name of the request attribute which holds a {@link AdminPageBean} instance. * The name of the request attribute which holds a {@link AdminPageBean} instance.
...@@ -98,6 +99,20 @@ public class TabsTag extends BodyTagSupport { ...@@ -98,6 +99,20 @@ public class TabsTag extends BodyTagSupport {
this.currentcss = currentcss; this.currentcss = currentcss;
} }
/**
* Returns whether we are in just links mode.
*/
public Boolean getJustlinks() {
return justlinks;
}
/**
* Sets whether we are just to display links, no list.
*/
public void setJustlinks(Boolean justlinks) {
this.justlinks = justlinks;
}
/** /**
* Does nothing, returns {@link #EVAL_BODY_BUFFERED} always. * Does nothing, returns {@link #EVAL_BODY_BUFFERED} always.
*/ */
...@@ -124,7 +139,7 @@ public class TabsTag extends BodyTagSupport { ...@@ -124,7 +139,7 @@ public class TabsTag extends BodyTagSupport {
JspWriter out = pageContext.getOut(); JspWriter out = pageContext.getOut();
// Build up the output in a buffer (is probably faster than a bunch of out.write's) // Build up the output in a buffer (is probably faster than a bunch of out.write's)
StringBuilder buf = new StringBuilder(); StringBuilder buf = new StringBuilder();
buf.append("<ul>"); if (!justlinks) { buf.append("<ul>"); }
String body = getBodyContent().getString(); String body = getBodyContent().getString();
// For each tab, print out an <LI>. // For each tab, print out an <LI>.
Element currentTab = null; Element currentTab = null;
...@@ -150,12 +165,13 @@ public class TabsTag extends BodyTagSupport { ...@@ -150,12 +165,13 @@ public class TabsTag extends BodyTagSupport {
if (tab.equals(currentTab)) { if (tab.equals(currentTab)) {
css = getCurrentcss(); css = getCurrentcss();
} }
buf.append("<li class=\"").append(css).append("\">"); if (!justlinks) { buf.append("<li class=\"").append(css).append("\">"); }
if (justlinks && i > 0) { buf.append(" | "); }
buf.append(value); buf.append(value);
buf.append("</li>"); if (!justlinks) { buf.append("</li>"); }
} }
buf.append("</ul>"); if (!justlinks) { buf.append("</ul>"); }
try { try {
out.write(buf.toString()); out.write(buf.toString());
} }
......
...@@ -34,6 +34,11 @@ ...@@ -34,6 +34,11 @@
<required>false</required> <required>false</required>
<rtexprvalue>true</rtexprvalue> <rtexprvalue>true</rtexprvalue>
</attribute> </attribute>
<attribute>
<name>justlinks</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag> </tag>
<tag> <tag>
<name>sidebar</name> <name>sidebar</name>
......
...@@ -252,7 +252,7 @@ ...@@ -252,7 +252,7 @@
<div class="light-gray-border" style="padding:10px;"> <div class="light-gray-border" style="padding:10px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%"> <table cellpadding="0" cellspacing="0" border="0" width="100%">
<thead> <thead>
<tr style="background:#f3f7fa;"> <tr style="background:#eee;">
<td class="table-header-left">&nbsp;</td> <td class="table-header-left">&nbsp;</td>
<td nowrap colspan="2" class="table-header"><fmt:message key="plugin.available.open_source"/></td> <td nowrap colspan="2" class="table-header"><fmt:message key="plugin.available.open_source"/></td>
<td nowrap class="table-header"><fmt:message key="plugin.available.description"/></td> <td nowrap class="table-header"><fmt:message key="plugin.available.description"/></td>
......
...@@ -79,19 +79,23 @@ ...@@ -79,19 +79,23 @@
<div id="main"> <div id="main">
<div id="jive-header"> <div id="jive-header">
<div id="jive-logo-image_new"> <div id="jive-logo">
<strong>Administration Console</strong> <a href="/index.jsp"><img src="/images/login_logo.gif" alt="Openfire" width="179" height="53" /></a>
</div> </div>
<div id="jive-logout" style="float: right;"> <div id="jive-userstatus">
<%= AdminConsole.getAppName() %> <%= AdminConsole.getVersionString() %><br/>
<a href="<%= path %>/index.jsp?logout=true"><%= LocaleUtils.getLocalizedString("global.logout") %> [<%= StringUtils.escapeHTMLTags(JID.unescapeNode(webManager.getUser().getUsername())) %>]</a> <fmt:message key="admin.logged_in_as"><fmt:param value="<%= "<strong>"+StringUtils.escapeHTMLTags(JID.unescapeNode(webManager.getUser().getUsername()))+"</strong>" %>"/></fmt:message> - <a href="<%= path %>/index.jsp?logout=true"><%= LocaleUtils.getLocalizedString("global.logout") %></a>
</div> </div>
<div id="jive-tabs"> <div id="jive-nav">
<div id="jive-nav-left"></div>
<admin:tabs css="" currentcss="currentlink"> <admin:tabs css="" currentcss="currentlink">
<a href="[url]" title="[description]" onmouseover="self.status='[description]';return true;" onmouseout="self.status='';return true;">[name]</a> <a href="[url]" title="[description]" onmouseover="self.status='[description]';return true;" onmouseout="self.status='';return true;">[name]</a>
</admin:tabs> </admin:tabs>
<div id="jive-nav-right"></div>
</div>
<div id="jive-subnav">
&nbsp;
</div> </div>
<div id="sidebar-top"></div>
</div> </div>
<%-- <%--
...@@ -107,7 +111,9 @@ ...@@ -107,7 +111,9 @@
<table cellpadding="0" cellspacing="0" border="0" width="100%"> <table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody> <tbody>
<tr valign="top"> <tr valign="top">
<td width="1%" id="jive-sidebar-box"> <td width="1%">
<div id="jive-sidebar-container">
<div id="jive-sidebar-box">
<div id="jive-sidebar"> <div id="jive-sidebar">
<admin:sidebar css="" currentcss="currentlink" headercss="category"> <admin:sidebar css="" currentcss="currentlink" headercss="category">
<a href="[url]" title="[description]" <a href="[url]" title="[description]"
...@@ -122,6 +128,8 @@ ...@@ -122,6 +128,8 @@
<br> <br>
<img src="<%= path %>/images/blank.gif" width="150" height="1" border="0" alt=""> <img src="<%= path %>/images/blank.gif" width="150" height="1" border="0" alt="">
</div> </div>
</div>
</div>
</td> </td>
<td width="99%" id="jive-content"> <td width="99%" id="jive-content">
...@@ -131,12 +139,13 @@ ...@@ -131,12 +139,13 @@
<% } %> <% } %>
<div id="jive-title"> <h1>
<decorator:title default="&nbsp;"/> <decorator:title default="&nbsp;"/>
</div> </h1>
<div id="jive-main-content">
<decorator:body/> <decorator:body/>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -147,11 +156,14 @@ ...@@ -147,11 +156,14 @@
<!-- END main --> <!-- END main -->
<!-- BEGIN footer --> <!-- BEGIN footer -->
<div id="footer"> <div id="jive-footer">
<div id="footer_padding"> <div class="jive-footer-nav">
<div id="footer_content"> <admin:tabs css="" currentcss="currentlink" justlinks="true">
<span><%= AdminConsole.getAppName() %> <%= AdminConsole.getVersionString() %>, built by <a href="http://www.jivesoftware.com">Jive Software</a> and the <a href="http://www.igniterealtime.org">IgniteRealtime.org</a> community</span> <a href="[url]" title="[description]" onmouseover="self.status='[description]';return true;" onmouseout="self.status='';return true;">[name]</a>
</admin:tabs>
</div> </div>
<div class="jive-footer-copyright">
Built by <a href="http://www.jivesoftware.com">Jive Software</a> and the <a href="http://www.igniterealtime.org">IgniteRealtime.org</a> community
</div> </div>
</div> </div>
<!-- END footer --> <!-- END footer -->
......
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
padding-top: 10px; padding-top: 10px;
} }
.info-header { .info-header {
background-color: #f3f6fa; background-color: #eee;
font-size: 10pt; font-size: 10pt;
} }
.info-table { .info-table {
......
...@@ -153,13 +153,12 @@ ...@@ -153,13 +153,12 @@
<!-- BEGIN login box --> <!-- BEGIN login box -->
<div id="jive-loginBox"> <div id="jive-loginBox">
<div id="jive-loginLogo"></div>
<div id="jive-loginHeader"><fmt:message key="admin.console" /></div>
<div align="center" id="jive-loginTable"> <div align="center" id="jive-loginTable">
<span id="jive-login-header" style="background: transparent url(images/login_logo.gif) no-repeat left; padding: 29px 0px 10px 205px;">
<fmt:message key="admin.console" />
</span>
<div style="text-align: center; width: 380px;"> <div style="text-align: center; width: 380px;">
<table cellpadding="0" cellspacing="0" border="0" align="center"> <table cellpadding="0" cellspacing="0" border="0" align="center">
<tr> <tr>
...@@ -223,11 +222,6 @@ ...@@ -223,11 +222,6 @@
<!-- END login box --> <!-- END login box -->
</div> </div>
<!-- old login log image
<img src="<%= AdminConsole.getLoginLogoImage() %>" border="0" alt="<%= AdminConsole.getAppName() %>">
-->
</form> </form>
<script language="JavaScript" type="text/javascript"> <script language="JavaScript" type="text/javascript">
......
...@@ -463,7 +463,7 @@ else if ("false".equals(request.getParameter("uploadsuccess"))) { %> ...@@ -463,7 +463,7 @@ else if ("false".equals(request.getParameter("uploadsuccess"))) { %>
<div class="light-gray-border" style="padding:10px;"> <div class="light-gray-border" style="padding:10px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%"> <table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr style="background:#f3f7fa;"> <tr style="background:#eee;">
<td nowrap colspan="3" class="table-header-left"><fmt:message key="plugin.admin.name"/></td> <td nowrap colspan="3" class="table-header-left"><fmt:message key="plugin.admin.name"/></td>
<td nowrap class="table-header"><fmt:message key="plugin.admin.description"/></td> <td nowrap class="table-header"><fmt:message key="plugin.admin.description"/></td>
......
* html #footer {
margin: -30px 0 0 0;
}
* html #main {
height: 100%;
}
html {
height: 100%;
}
body { body {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 100%;
}
#main {
min-height:100%;
} }
#jive-main { #jive-main {
...@@ -24,21 +9,27 @@ body { ...@@ -24,21 +9,27 @@ body {
BODY, DIV, P, TD, TH { BODY, DIV, P, TD, TH {
font-family : arial, helvetica, sans-serif; font-family : arial, helvetica, sans-serif;
font-size : 100%; font-size : 9pt;
font-size : 10pt;
} }
BODY { BODY {
margin : 0px; margin : 0px;
padding : 0px; padding : 0px;
color: #333;
background-color : #fff; background-color : #fff;
} }
/*
#jive-body { #jive-body {
background-image : url("../images/page-background_new.gif"); background-image : url("../images/page-background_new.gif");
background-repeat : repeat-y; background-repeat : repeat-y;
} }
*/
a { a {
color: #34679a; color: #06698c;
}
a:hover {
text-decoration: underline;
} }
P { P {
...@@ -64,20 +55,82 @@ FIELDSET LEGEND { ...@@ -64,20 +55,82 @@ FIELDSET LEGEND {
color : #000; color : #000;
} }
h1 {
font-size: 14pt;
margin: 12px 0 15px 0;
padding: 0;
color: #06698c;
}
h1 select {
color: #06698c;
}
h2 {
font-size: 11pt;
margin: 18px 0 5px 0;
padding: 0;
}
h3 {
font-size: 10pt;
margin: 18px 0 5px 0;
padding: 0;
}
h4 {
font-size: 10pt;
margin: 8px 0 3px 0;
padding: 0 0 4px 0;
}
h5 {
font-size: 10pt;
margin: 18px 0 -8px 0;
padding: 0;
}
p {
margin-top: 0;
}
ul {
margin: 0;
padding: 0 0 12px 26px;
}
hr {
width: 100%;
height: 1px;
background-color: #dcdcdc;
border: none;
}
form {
margin: 0;
padding: 0;
}
select, input {
font-family : verdana, arial;
font-size : 8pt;
}
iframe {
border : 1px #999 solid;
}
/* --------------------------------------------- */ /* --------------------------------------------- */
/* Header */ /* Header */
/* --------------------------------------------- */ /* --------------------------------------------- */
#jive-header { /*#jive-header {
width : 100%; width : 100%;
height : 90px; height : 90px;
border : 0px; border : 0px;
background-image : url("../images/header-background_new.gif");
background-repeat : repeat-x; background-repeat : repeat-x;
background-color : #FFFFFF; background-color : #FFFFFF;
min-width: 720px; min-width: 720px;
} } */
#jive-header {
width: 100%;
float: left;
clear: both;
padding: 0;
margin: 0;
overflow: hidden;
}
#jive-logo-image { #jive-logo-image {
display: block; display: block;
position: relative; position: relative;
...@@ -125,112 +178,181 @@ FIELDSET LEGEND { ...@@ -125,112 +178,181 @@ FIELDSET LEGEND {
margin: 0px 0px 4px 0px; margin: 0px 0px 4px 0px;
} }
#jive-content { #jive-content {
padding: 13px 20px 12px 20px; padding: 10px 20px 12px 32px;
} }
/* name and logo image */
#jive-logo {
height: 76px;
/* height can NOT be more than 90 pixels */
float: left;
/* padding: 21px 0 0 15px;*/
overflow: hidden;
}
#jive-logo h1 {
float: left;
clear: none;
font-size: 14pt;
color: #90b9c8;
padding: 0 0 0 0;
/* margin: 10px 0 0 10px;*/
}
#jive-logo img {
float: left;
border: none;
padding-top: 7px;
padding-left: 10px;
}
/* version, login and site link */
#jive-userStatus {
width: 275px;
float: right;
margin: 0;
padding: 15px 15px 0 0;
font-size: 8pt;
line-height: 11pt;
text-align: right;
color: #999;
}
#jive-userStatus a {
font-weight: bold;
}
/* --------------------------------------------- */ /* --------------------------------------------- */
/* Main tabs */ /* Main nav */
/* --------------------------------------------- */ /* --------------------------------------------- */
#jive-header #jive-tabs { #jive-header #jive-nav {
display: block; background: #f7f7f7 url(../images/jive-nav-bg.gif) repeat-x;
position: absolute; clear: both;
top: 54px; height: 27px;
left: 60px; margin: 0;
height: 20px; padding: 0;
margin: 0px 0px 0px 0px;
white-space: nowrap;
} }
#jive-header #jive-tabs UL, #jive-header #jive-tabs LI { #jive-header #jive-nav-left, #jive-header #jive-nav-right {
display: inline; width: 15px;
padding: 0px; height: 27px;
margin: 0px;
white-space: nowrap;
} }
#jive-header #jive-tabs LI {
font-family : verdana, arial, helvetica, sans-serif; #jive-header #jive-nav-left {
font-size : 8pt; float: left;
font-weight : bold; background: transparent url(../images/jive-nav-div.gif) no-repeat right;
} }
#jive-header #jive-tabs LI A {
display: block; #jive-header #jive-nav-right {
float: right;
}
#jive-header #jive-nav UL {
margin: 0 0 0 5px;
padding: 0;
list-style-type: none;
}
#jive-header #jive-nav UL LI {
float: left; float: left;
color : #FFFFFF; margin: 0 0 0 0;
text-decoration : none; padding: 4px 2px 5px 0;
padding : 1px 7px 1px 7px; color: #fff;
margin-top: 2px; font-size: 11pt;
margin-right: 4px; background: transparent url(../images/jive-nav-div.gif) no-repeat right;
background-color: #6788A6;
} }
#jive-header #jive-tabs LI A:hover { #jive-header #jive-nav UL LI A, #jive-header #jive-nav UL LI A:visited {
color : #fff; margin: 0;
padding: 6px 13px 6px 13px;
color: #333;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
/*background-color: #6788A6;*/
}
#jive-header #jive-nav UL LI A:hover, #jive-header #jive-nav UL LI A:active {
text-decoration : underline; text-decoration : underline;
background: transparent url(../images/jive-nav-bg-over.gif) repeat-x right;
} }
#jive-header #jive-tabs .currentlink A { #jive-header #jive-nav UL LI.currentlink A, #jive-header #jive-nav UL LI.currentlink A:hover {
margin-top: 0px; background: transparent url(../images/jive-nav-bg-on.gif) repeat-x right;
color: #006699; color: #fff;
text-decoration: none;
background-color: #EAF1F8;
padding-top: 3px;
padding-bottom: 3px;
} }
#jive-header #jive-tabs .currentlink A:hover {
color: #006699; /* Subnav */
#jive-subnav {
height: 28px;
clear: both;
width: 100%;
margin: 0;
padding: 0;
background: #f7f7f7 url(../images/jive-subnav-bg.gif) repeat-x;
}
#jive-subnav .subnav-community {
background: #f7f7f7 url(../images/jive-subnav-bg.gif) repeat-x 100px;
}
#jive-subnav ul {
margin: 0 0 0 13px;
padding: 0;
list-style-type: none;
}
#jive-subnav ul li {
float: left;
margin: 9px 0 0 0;
padding: 0 1px 2px 0;
color: #fff;
font-size: 11pt;
background: transparent url(../images/jive-subnav-div.gif) no-repeat right;
}
#jive-subnav ul li a,
#jive-subnav ul li a:visited {
margin: 0 0 0 0;
padding: 3px 15px 3px 15px;
font-size: 8pt;
font-weight: bold;
font-family: verdana, sans-serif;
text-decoration: none; text-decoration: none;
} }
#jive-subnav ul li a:hover,
#jive-subnav ul li a:active {
text-decoration: underline;
background-color: #c8d7dd;
}
#jive-subnav ul li.current {
background: none;
}
#jive-subnav ul li.current a {
background-color: #f2f8fa;
border: 1px solid #c2cfd5;
border-bottom : 1px #f2f8fa solid;
}
/* --------------------------------------------- */ /* --------------------------------------------- */
/* Logviewer tabs */ /* Logviewer tabs */
/* --------------------------------------------- */ /* --------------------------------------------- */
#logviewer .jive-tabs TD { #logviewer .jive-nav TD {
font-family : verdana; font-family : verdana, sans-serif;
font-size : 8pt; font-size : 8pt;
} }
#logviewer .jive-tabs .jive-tab, .jive-tabs .jive-tab-active { #logviewer .jive-nav .jive-tab, .jive-nav .jive-tab-active {
border : 1px #ccc solid; border : 1px #ccc solid;
white-space : nowrap; white-space : nowrap;
padding : 4px 1em 4px 1em; padding : 4px 1em 4px 1em;
background-color : #ddd; background-color : #ddd;
} }
#logviewer .jive-tabs .jive-tab-active { #logviewer .jive-nav .jive-tab-active {
border-bottom : 1px #fff solid; border-bottom : 1px #fff solid;
background-color : #fff; background-color : #fff;
} }
#logviewer .jive-tabs .jive-spacer, .jive-tabs .jive-stretch { #logviewer .jive-nav .jive-spacer, .jive-nav .jive-stretch {
border-bottom : 1px #ccc solid; border-bottom : 1px #ccc solid;
} }
#logviewer .jive-tabs .jive-tab A, #logviewer .jive-tabs .jive-tab-active A { #logviewer .jive-nav .jive-tab A, #logviewer .jive-nav .jive-tab-active A {
text-decoration : none; text-decoration : none;
font-weight : bold; font-weight : bold;
color : #000; color : #000;
} }
#logviewer .jive-tabs .jive-tab A:hover, #logviewer .jive-tabs .jive-tab-active A:hover { #logviewer .jive-nav .jive-tab A:hover, #logviewer .jive-nav .jive-tab-active A:hover {
text-decoration : underline;
}
/* --------------------------------------------- */
/* Logout link */
/* --------------------------------------------- */
#jive-header #jive-logout {
display: block;
position: absolute;
width: 175px;
right: 12px;
top: 53px;
white-space : nowrap;
text-align: right;
}
#jive-header #jive-logout A {
color : #FFFFFF;
font-size : 8pt;
font-weight : bold;
text-decoration : none;
}
#jive-header #jive-logout A:hover {
color : #FFFFFF;
text-decoration : underline; text-decoration : underline;
} }
...@@ -251,7 +373,7 @@ FIELDSET LEGEND { ...@@ -251,7 +373,7 @@ FIELDSET LEGEND {
#jive-main #jive-breadcrumbs { #jive-main #jive-breadcrumbs {
font-size : 8pt; font-size : 8pt;
/* font-weight : bold; */ /* font-weight : bold; */
font-family : verdana; font-family : verdana, sans-serif;
white-space : nowrap; white-space : nowrap;
padding-top : 2px; padding-top : 2px;
} }
...@@ -268,118 +390,107 @@ FIELDSET LEGEND { ...@@ -268,118 +390,107 @@ FIELDSET LEGEND {
/* Sidebar */ /* Sidebar */
/* --------------------------------------------- */ /* --------------------------------------------- */
#jive-header #sidebar-top { #jive-main {
position: relative;
float: left;
clear: both;
display: block; display: block;
position: absolute; padding: 0;
width: 169px; margin: 0;
height: 10px; width: 100%;
left: 0px; background: #fff url(../images/jive-body-bg.gif) repeat-x top;
top: 80px; }
background: url("../images/sidebar_top.gif") no-repeat;
#jive-sidebar-container {
margin: 0px;
padding: 0px;
width: 200px;
float: left;
font-size: 9pt;
overflow: hidden; overflow: hidden;
} }
#jive-main #jive-sidebar-box { #jive-sidebar-box {
/*background-color : #eef;*/ width: 200px;
/*border-right : 2px #ccf solid;*/ overflow: hidden;
margin: 0px;
padding: 0px;
} }
#jive-main #jive-sidebar { #jive-sidebar {
width: 169px; padding-top: 0px;
padding: 0px 0px 5px 0px; margin-bottom: 12px;
margin-top: -15px; background: transparent url(../images/jive-tertnav-top.gif) no-repeat top right;
} }
#jive-main #jive-sidebar ul { #jive-sidebar ul {
margin: 0px; /*removes indent IE and Opera*/ background-color: #f2f8fa;
margin-left: 7px; border-right: 1px solid #e2eff4;
padding: 0px 0px 0px 0px; /*removes indent Mozilla and NN7*/ border-bottom: 1px solid #e2eff4;
list-style-type: none; /*turns off display of bullet*/ -moz-border-radius: 0 0 5px 0;
font-family: verdana, Arial, Helvetica, sans-serif; list-style-type: none;
font-size: 8pt; margin: 0 5px 0 0;
padding: 8px 22px 15px 22px;
} }
#jive-main #jive-sidebar li { #jive-sidebar ul li {
margin: 0px 5px 1px 0px; padding: 0 0 0 0;
width : 151px; border-bottom: 1px solid #e2ecee;
} }
#jive-main #jive-sidebar a { #jive-sidebar ul li a {
display: block; display: block;
padding: 2px 2px 2px 8px; padding: 4px 0 4px 10px;
border: 1px solid #EAF1F8; color: #06698c;
width: 151px; text-decoration: none;
-moz-border-radius: 3px;
} }
html>body #jive-main #jive-sidebar a {
width: 140px;
}
#jive-main #jive-sidebar a:link, #jive-main #jive-sidebar a:visited { #jive-sidebar ul li a:link, #jive-sidebar ul li a:visited {
color: #003366; color: #06698c;
text-decoration: none; text-decoration: none;
} }
#jive-main #jive-sidebar a:hover { #jive-sidebar ul li a:hover {
border: 1px solid #34679A; text-decoration: underline;
background-color: #FFFFFF;
text-decoration: none;
} }
#jive-main #jive-sidebar .currentlink a, #jive-sidebar ul li.currentlink {
#jive-main #jive-sidebar .currentlink a:link, background: transparent url(../images/jive-tertnav-arrow.gif) no-repeat left;
#jive-main #jive-sidebar .currentlink a:visited,
#jive-main #jive-sidebar .currentlink a:hover
{
border: 1px solid #34679A;
background-color: #5C7D9D;
color: #FFFFFF;
font-weight: bold; font-weight: bold;
} }
#jive-main #jive-sidebar .category { #jive-sidebar .category {
padding-top : 20px; padding-top : 20px;
padding-bottom : 3px; padding-bottom : 3px;
font-weight : bold; font-weight : bold;
} }
#jive-main #jive-sidebar ul.subitems { #jive-sidebar ul.subitems {
width: 150px; background-color: #f2f8fa;
background-color: #d4e1ed; border-right: 1px solid #e2eff4;
border: 1px solid #34679a; border-bottom: 1px solid #e2eff4;
list-style-type: disc;
-moz-border-radius: 4px;
margin: 0px 0px 1px 0px;
overflow: hidden;
}
#jive-main #jive-sidebar ul.subitems br {
display: none;
}
#jive-main #jive-sidebar ul.subitems li.category {
list-style-type: none; list-style-type: none;
display: block; margin: 0 0 0 10px;
width: 150px; padding: 0;
padding: 2px 2px 2px 8px;
margin-left: 0px;
background-color: #5C7D9D;
border-bottom: 1px solid #34679a;
color: #FFFFFF;
font-weight: bold;
-moz-border-radius: 3px 3px 0px 0px;
} }
#jive-main #jive-sidebar ul.subitems li { #jive-sidebar ul.subitems li.category {
margin-left: 25px; padding: 4px 0 4px 0;
font-weight : bold;
color: #06698c;
} }
#jive-main #jive-sidebar ul.subitems li a { #jive-sidebar ul.subitems li {
margin: 2px 0px 2px 0px; padding: 0 0 0 0;
padding: 1px 0px 1px 0px; border-bottom: 1px solid #e2ecee;
border: none;
} }
#jive-main #jive-sidebar ul.subitems li a:hover { #jive-sidebar ul.subitems li a {
background-color: transparent; display: block;
border: none; padding: 4px 0 4px 10px;
color: #06698c;
text-decoration: none;
}
#jive-sidebar ul.subitems li a:hover {
text-decoration: underline; text-decoration: underline;
} }
#jive-main #jive-sidebar ul.subitems li.currentlink a, #jive-sidebar ul.subitems li.currentlink a,
#jive-main #jive-sidebar ul.subitems li.currentlink a:visited , #jive-sidebar ul.subitems li.currentlink a:visited ,
#jive-main #jive-sidebar ul.subitems li.currentlink a:hover { #jive-sidebar ul.subitems li.currentlink a:hover {
color: #06698c;
text-decoration: none;
background: transparent url(../images/jive-tertnav-arrow.gif) no-repeat left;
font-weight: bold; font-weight: bold;
color: #003366;
background-color: transparent;
border: none;
} }
/* --------------------------------------------- */ /* --------------------------------------------- */
...@@ -478,7 +589,7 @@ PRE, TT { ...@@ -478,7 +589,7 @@ PRE, TT {
padding : 0 5px 0 3px; padding : 0 5px 0 3px;
} }
.jive-table TH { .jive-table TH {
background-color : #f3f7fa; background-color : #eee;
border-bottom : 1px #ccc solid; border-bottom : 1px #ccc solid;
text-align : left; text-align : left;
font-family : verdana, arial, helvetica, sans-serif; font-family : verdana, arial, helvetica, sans-serif;
...@@ -714,7 +825,7 @@ A.cal:Hover { ...@@ -714,7 +825,7 @@ A.cal:Hover {
margin: 8px 0px 0px 0px; margin: 8px 0px 0px 0px;
font-size: 9pt; font-size: 9pt;
font-weight: bold; font-weight: bold;
background-color: #f3f7fa; background-color: #eee;
border: 1px solid #ccc; border: 1px solid #ccc;
border-bottom: none; border-bottom: none;
} }
...@@ -888,6 +999,26 @@ th.jive-table-th-center { ...@@ -888,6 +999,26 @@ th.jive-table-th-center {
padding-left: 20px; padding-left: 20px;
} }
#jive-footer {
width: 100%;
clear: both;
border-top: 1px solid #dcdcdc;
margin: 10px 0 0 0;
padding: 5px 0 40px 0;
font-size: 8pt;
color: #666;
}
.jive-footer-nav {
float: left;
padding-left: 5px;
}
.jive-footer-nav a {
padding: 0 5px 0 5px;
}
.jive-footer-copyright {
float: right;
padding-right: 12px;
}
#footer { #footer {
position: relative; position: relative;
...@@ -915,4 +1046,13 @@ th.jive-table-th-center { ...@@ -915,4 +1046,13 @@ th.jive-table-th-center {
#footer_content span { #footer_content span {
display: block; display: block;
padding: 7px; padding: 7px;
}
#jive-main-content {
margin: 15px 0 20px 0;
padding: 18px 20px 18px 20px;
border: 1px solid #dcdcdc;
background: #f5f5f5 url(../images/jive-body-contentbox-bg.gif) repeat-x top;
-moz-border-radius: 4px;
} }
...@@ -5,27 +5,11 @@ ...@@ -5,27 +5,11 @@
text-align: left; text-align: left;
top: 148px; top: 148px;
} }
#jive-loginLogo {
display: block;
position: relative;
width: 179px;
height: 53px;
margin: 12px 0px 0px 7px;
background: url('../images/login_logo.gif') no-repeat;
float: left;
overflow: hidden;
}
#jive-loginHeader { #jive-loginHeader {
display: block; font-size: 14pt;
position: relative; font-weight: bold;
width: 300px; color: #06698c;
height: 40px; margin: 0px;
margin: 25px 0px 10px 0px;
padding-top: 9px;
font-size: 20px;
color: #255480;
float: left;
overflow: hidden;
} }
#jive-loginTable { #jive-loginTable {
display: block; display: block;
...@@ -34,32 +18,47 @@ ...@@ -34,32 +18,47 @@
width: auto; width: auto;
margin: 10px 0px 0px 0px; margin: 10px 0px 0px 0px;
padding: 0px; padding: 0px;
} }
#jive-loginTable table {
clear: both;
margin-top: 20px;
}
#jive-loginTable td.loginFormTable { #jive-loginTable td.loginFormTable {
padding: 17px 17px 7px 18px; padding: 17px 17px 7px 55px;
background-color: #e1eaf1; background: #d8e4e9 url(../images/jive-login-form-bg.gif) repeat-x top;
border: 1px solid #b6c5d3; border: 1px solid #b6c5d3;
-moz-border-radius: 4px; -moz-border-radius: 5px;
}
.loginFormTable TD {
text-align : left;
} }
#jive-loginTable td.loginFormTable table {
margin-top: 0px;
}
#jive-loginVersion { #jive-loginVersion {
color: #999999; color: #999999;
font-weight: normal; font-weight: normal;
font-size: 11px; font-size: 10px;
padding-top: 8px; padding-top: 4px;
} }
.jive-login-label { .jive-login-label {
font-size : 12px; font-size: 11px;
font-weight: bold; font-weight: bold;
color: #214c74; color: #515151;
text-align : left;
} }
#jive-login-header {
font-size: 14pt;
font-weight: bold;
color: #06698c;
margin: 0px;
}
BODY { BODY {
background-image : url(../images/login_background.png); background: #b6b6b6 url(../images/jive-login-bg.gif) repeat-x top;
background-repeat : repeat-x; padding: 0px;
background-color : #fff; margin: 0px;
padding : 0px;
margin : 0px;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment