[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/basic/www - __init__.py:1.2 arrowup.gif:1.2 dialog_macros.pt:1.2 document_icon.gif:1.2 folder_icon.gif:1.2 view_macros.pt:1.2 zmi_stylesheet.css:1.2 zopetopbasic.css:1.2 zopetopstructure.css:1.2 zopetopwidgets.css:1.2
Jim Fulton
jim@zope.com
Wed, 25 Dec 2002 09:14:13 -0500
Update of /cvs-repository/Zope3/src/zope/app/browser/skins/basic/www
In directory cvs.zope.org:/tmp/cvs-serv15352/src/zope/app/browser/skins/basic/www
Added Files:
__init__.py arrowup.gif dialog_macros.pt document_icon.gif
folder_icon.gif view_macros.pt zmi_stylesheet.css
zopetopbasic.css zopetopstructure.css zopetopwidgets.css
Log Message:
Grand renaming:
- Renamed most files (especially python modules) to lower case.
- Moved views and interfaces into separate hierarchies within each
project, where each top-level directory under the zope package
is a separate project.
- Moved everything to src from lib/python.
lib/python will eventually go away. I need access to the cvs
repository to make this happen, however.
There are probably some bits that are broken. All tests pass
and zope runs, but I haven't tried everything. There are a number
of cleanups I'll work on tomorrow.
=== Zope3/src/zope/app/browser/skins/basic/www/__init__.py 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:12 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/__init__.py Wed Dec 25 09:12:41 2002
@@ -0,0 +1,2 @@
+#
+# This file is necessary to make this directory a package.
=== Zope3/src/zope/app/browser/skins/basic/www/arrowup.gif 1.1 => 1.2 ===
<Binary-ish file>
=== Zope3/src/zope/app/browser/skins/basic/www/dialog_macros.pt 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:12 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/dialog_macros.pt Wed Dec 25 09:12:41 2002
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html metal:define-macro="dialog">
+<head metal:use-macro="views/standard_macros/head" />
+
+<body>
+ <span metal:use-macro="views/standard_macros/breadcrumbs" />
+
+ <div metal:define-slot="body">
+ <p>Body here</p>
+ </div>
+
+ <div metal:use-macro="views/standard_macros/footer" />
+</body>
+</html>
+
=== Zope3/src/zope/app/browser/skins/basic/www/document_icon.gif 1.1 => 1.2 ===
<Binary-ish file>
=== Zope3/src/zope/app/browser/skins/basic/www/folder_icon.gif 1.1 => 1.2 ===
<Binary-ish file>
=== Zope3/src/zope/app/browser/skins/basic/www/view_macros.pt 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/view_macros.pt Wed Dec 25 09:12:41 2002
@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html metal:define-macro="page">
+<head metal:define-macro="head">
+ <title
+ metal:define-slot="title"
+ tal:content="options/getTitle|view/getTitle|context/getTitle|default"
+ >Zope</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link href="/@@/zopetopBasic.css" rel="stylesheet" type="text/css"
+ tal:attributes="href string:/@@/zopetopBasic.css" />
+ <link href="/@@/zopetopWidgets.css" rel="stylesheet" type="text/css"
+ tal:attributes="href string:/@@/zopetopWidgets.css" />
+ <link href="/@@/zopetopStructure.css" rel="stylesheet" type="text/css"
+ tal:attributes="href string:/@@/zopetopStructure.css" />
+ <div metal:define-slot="headers">
+ </div>
+</head>
+<body>
+
+ <span
+ metal:define-macro="breadcrumbs"
+ tal:repeat="breadcrumb context/@@absolute_url/breadcrumbs">
+ <a href=""
+ tal:attributes="href
+ string:${breadcrumb/url}/@@SelectedManagementView.html"
+ tal:content="string: ${breadcrumb/name} / "
+ >name</a> </span>
+
+ <table metal:define-macro="zmi_tabs"
+ frame="void" border="1" cellpadding="5"><tr>
+ <td tal:repeat="view context/@@view_get_menu/zmi_views">
+ <a href="" tal:attributes="href view/action" tal:content="view/title">
+ label</a>
+ </td>
+ </tr></table>
+
+ <div metal:define-slot="body">
+ <p>Body here</p>
+ </div>
+
+ <div metal:define-macro="actions_menu"
+ tal:define="actions context/@@view_get_menu/zmi_actions"
+ tal:condition="actions"
+ >
+ Actions:
+ <ul>
+ <li tal:repeat="action actions">
+ <a href="."
+ tal:attributes="href action/action"
+ tal:content="action/title"
+ >Do something
+ </a>
+ </li>
+ </ul>
+ </div>
+
+ <div metal:define-macro="logged_user">
+ <p>User: <span tal:replace="request/user/getTitle">User</span></p>
+ </div>
+
+ <div metal:define-macro="footer">
+ <p>Powered by Zope</p>
+ </div>
+
+</body>
+</html>
+
=== Zope3/src/zope/app/browser/skins/basic/www/zmi_stylesheet.css 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zmi_stylesheet.css Wed Dec 25 09:12:41 2002
@@ -0,0 +1,45 @@
+body {
+ font-family: sans-serif;
+ color: Black;
+ background-color: White;
+}
+
+h1 {
+ font-size: x-large;
+ font-weight: bold;
+}
+
+h2 {
+ font-size: large;
+ font-weight: bold;
+}
+
+h3 {
+ font-size: large:
+ font-weight: bold;
+ font-style: italic;
+}
+
+h4 {
+ font-weight: bold;
+ font-style: italic;
+}
+
+h5 {
+ font-size: small;
+ font-weight: bold;
+}
+
+h6 {
+ font-size: small;
+ font-weight: bold;
+ font-style: italic;
+}
+
+img {
+ border: none;
+}
+
+caption {
+ font-weight: bold;
+}
=== Zope3/src/zope/app/browser/skins/basic/www/zopetopbasic.css 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zopetopbasic.css Wed Dec 25 09:12:41 2002
@@ -0,0 +1,183 @@
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ *
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL). A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ *
+ *****************************************************************************
+
+ These are the basic CSS declarations.
+
+ $Id$
+*/
+
+
+body {
+ font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
+ color: #000066;
+ margin: 5;
+ padding: 5;
+}
+
+table {
+ font: 1em Tahoma, Helvetica, Arial, sans-serif;
+}
+
+
+img {
+/* turn off image borders. */
+ border: none;
+}
+
+p {
+/* Default paragraph style*/
+ font: 1em Tahoma, Helvetica, Arial, sans-serif;
+ margin: 1em 0em;
+ text-align: justify;
+}
+
+p a {
+ text-decoration: underline;
+}
+
+p a:visited {
+ color: Purple;
+ background-color: transparent;
+}
+
+p a:active {
+ color: Red;
+ background-color: transparent;
+}
+
+p img {
+ border: 1px solid Black;
+ margin: 1em;
+}
+
+
+hr {
+ clear: both;
+ height: 1px;
+ color: #8CACBB;
+ background-color: transparent;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+ color: Black;
+ margin-top: 0;
+ font-family: Tahoma, Helvetica, Arial, sans-serif;
+
+
+}
+
+h1 {
+ font-size: 1.8em;
+}
+
+h2 {
+ font-size: 1.6em;
+}
+
+h3 {
+ font-size: 1.4em;
+}
+
+h4 {
+ font-size: 1.2em;
+}
+
+h5 {
+ font-size: 1.1em;
+}
+
+h6 {
+ font-size: 1.0em;
+}
+
+ul {
+/* list-style-image: url("bullet.gif"); */
+ margin-top: 1em;
+ margin-bottom: 1em;
+ margin-left: 2em;
+ padding:0;
+}
+
+/* we advise you to use the div.group and span.legend elements instead of
+these, as the only browser showing legends correctly is IE. They are just
+included here for completeness */
+
+fieldset {
+ border: 1px solid #8cacbb;
+ margin: 2em 0em 1em 0em;
+ padding: 1em 0em;
+}
+
+legend {
+ background: White;
+ padding: 0.5em;
+}
+
+
+form {
+ border: none;
+}
+
+textarea {
+/* Small cosmetic hack which makes textarea gadgets look nicer.*/
+ font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
+ border: 1px solid #8cacbb;
+ width: 100%;
+ color: Black;
+ background-color: white;
+}
+
+input {
+/* Small cosmetic fix which makes input gadgets look nicer. */
+ font: 1em Tahoma, Helvetica, Arial, sans-serif;
+/* border: 1px solid #8cacbb; */
+ color: Black;
+/* background-color: white; */
+ margin: 1px 1px 1px 1px;
+}
+
+select {
+ font: 1em Tahoma, Helvetica, Arial, sans-serif;
+/* border: 1px solid #8cacbb; */
+ margin: 1px 1px 1px 1px;
+}
+
+abbr, acronym, .explain {
+/* Help classes */
+ border-bottom: 1px dotted Black;
+ color: Black;
+ background-color: transparent;
+ cursor: help;
+}
+
+code {
+ font-size: 1.2em;
+ color: Black;
+ background-color: #dee7ec;
+}
+
+pre {
+ font-size: 1.2em;
+ padding: 1em;
+ border: 1px solid #8cacbb;
+ color: Black;
+ background-color: #dee7ec;
+}
+
+.netscape4 {
+/* This hides elements necessary for getting Netscape 4.x to look better.
+ Mostly strategically placed hr tags and ·'s */
+ display: none;
+}
=== Zope3/src/zope/app/browser/skins/basic/www/zopetopstructure.css 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zopetopstructure.css Wed Dec 25 09:12:41 2002
@@ -0,0 +1,255 @@
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ *
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL). A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ *
+ *****************************************************************************
+
+ The Structure CSS contains elements that make up the structure of Plone,
+ generally stuff that is used once on a page - general layout, opposed to the
+ Widgets, that are used several times in a page.
+
+ KNOWN BUG: The selected tab cannot have image backdrop. FIXME
+
+ $Id$
+*/
+
+div.top {
+/* Top section */
+ background: transparent;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+.logo {
+/* Logo properties */
+ margin: 1em 0em 1em 2em;
+ padding: 0;
+}
+
+div.searchBox {
+/*searchbox style and positioning */
+ background-color: transparent;
+ color: Black;
+ float: right;
+ margin: 3em 0em 0em 0em;
+ padding: 0em 2em 0em 0em;
+ text-align: right;
+}
+
+input.searchGadget {
+}
+
+div.tabs {
+/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they
+ are surprisingly elegant. The power of CSS runs strong in these :) */
+ background: transparent;
+ border-collapse: collapse;
+ border-bottom-color: #8CACBB;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ padding: 0.5em 0em 0em 2em;
+ white-space: nowrap;
+}
+
+div.tabs a {
+/* The normal, unselected tabs. They are all links */
+ background: transparent;
+ border-color: #8CACBB;
+ border-width: 1px;
+ border-style: solid solid none solid;
+ color: #436976;
+ font-weight: normal;
+ margin-right: 0.5em;
+ padding: 0em 2em;
+}
+
+div.tabs a.selected {
+/* The selected tab. There's only one of this */
+ background: #DEE7EC;
+ border: 1px solid #8CACBB;
+ border-bottom: #DEE7EC 1px solid;
+ color: #436976;
+ font-weight: normal;
+}
+
+div.tabs a:hover {
+ background: #DEE7EC;
+ border-color: #8CACBB;
+ border-bottom-color: #DEE7EC;
+ color: #436976;
+}
+
+div.personalBar {
+/* Bar with personalized menu (user preferences, favorites etc) */
+ background: #DEE7EC;
+ border-bottom-color: #8CACBB;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ color: Black;
+ padding-right: 3em;
+ text-align: right;
+}
+
+div.personalBar a{
+ background-color: transparent;
+ color: #436976;
+ font-weight: normal;
+}
+
+div.pathBar {
+/* The path bar, including breadcrumbs and add to favorites */
+ border-bottom-color: #8CACBB;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ padding-left: 2em;
+ padding-right: 2em;
+}
+
+.breadcrumbs {
+ float: left;
+}
+
+.addFavorite {
+ vertical-align: bottom;
+}
+
+.clock {
+ /* The portal time indicator */
+ float: right;
+ white-space: nowrap;
+}
+
+table.columns {
+ width: 100%;
+}
+
+table.columns td.left {
+ vertical-align: top;
+ width: 15%;
+ padding: 2em 1em 1em 2em;
+}
+
+table.columns td.main {
+ vertical-align: top;
+ padding: 2em 2em 1em 1em;
+ margin: 0;
+}
+
+table.columns td.right {
+ vertical-align: top;
+ width: 15%;
+ padding: 2em 2em 1em 0em;
+}
+
+div.contentTabs {
+/* Local Tabs(tm), used in the content display */
+ background: transparent;
+ border-collapse: collapse;
+ border-bottom: 1px solid #74AE0B;
+ padding-left: 1em;
+ white-space: nowrap;
+}
+
+div.contentTabs a {
+/* The normal, unselected tabs. They are all links */
+ background: transparent;
+ border: 1px solid #74AE0B;
+ color: #578308;
+ font-weight: normal;
+ margin-right: 0.5em;
+ padding: 0em 2em;
+}
+
+div.contentTabs a.selected {
+/* The selected tab. There's only one of this */
+ background: #CDE2A7;
+ border-bottom: #CDE2A7 1px solid;
+ color: #578308;
+ font-weight: normal;
+}
+
+div.contentTabs a:hover {
+ background-color: #CDE2A7;
+ color: #578308;
+}
+
+div.contentBar {
+ background: #CDE2A7;
+ border-left: 1px solid #74AE0B;
+ border-right: 1px solid #74AE0B;
+ color: #578308;
+ text-align: right;
+}
+
+div.document {
+/* The document class encloses the object content when editing is not
+ permitted */
+ background: transparent;
+ padding: 0;
+ margin: 0em 0em 2em 0em;
+}
+
+div.editableDocument {
+/* The class surrounding content when editing is permitted */
+ background: transparent;
+ border: 1px solid #74AE0B;
+ margin: 0em 0em 2em 0em;
+ padding: 2em;
+}
+
+div.message {
+/* The portal messages for cut/paste operations etc */
+ background: #FFCE7B;
+ border: 1px solid #FFA500;
+ color: Black;
+ font: bold 100% Tahoma, Helvetica, Arial, sans-serif;
+ margin: 0em 0em 1em 0em;
+ padding: 0.5em 1em;
+ vertical-align: middle;
+
+}
+
+div.message a {
+ color: Black;
+ text-decoration: underline;
+}
+
+.darker {
+ background: #7B7AC6;
+}
+
+.hilite {
+ background: #DFDEFF;
+}
+
+.background {
+ background: #CCCCFF;
+}
+
+.description {
+/* The summary text describing the document */
+ font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
+ display: block;
+ margin-bottom: 1em;
+}
+
+.footer {
+ background: #DEE7EC;
+ border-top: 1px solid #8CACBB;
+ border-bottom: 1px solid #8CACBB;
+ color: Black;
+ clear: both;
+ float: none;
+ margin: 2em 0em;
+ padding: 0.5em 0em 1em 0em;
+ text-align: center;
+}
=== Zope3/src/zope/app/browser/skins/basic/www/zopetopwidgets.css 1.1 => 1.2 ===
--- /dev/null Wed Dec 25 09:14:13 2002
+++ Zope3/src/zope/app/browser/skins/basic/www/zopetopwidgets.css Wed Dec 25 09:12:41 2002
@@ -0,0 +1,351 @@
+/*****************************************************************************
+ *
+ * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
+ * All Rights Reserved.
+ *
+ * This software is subject to the provisions of the Zope Public License,
+ * Version 2.0 (ZPL). A copy of the ZPL should accompany this distribution.
+ * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
+ * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
+ * FOR A PARTICULAR PURPOSE.
+ *
+ *****************************************************************************
+
+ These are the Widget CSS declarations.
+
+ TODO: table.listing,
+ table.box
+
+ $Id$
+*/
+
+input.standalone {
+ background: #A1A1F1 url(linkOpaque.gif) left no-repeat;
+ color: Black;
+ cursor: pointer;
+ font-weight: normal;
+ padding: 1px 1px 1px 15px;
+}
+
+input.context {
+ background: White url(linkTransparent.gif) left no-repeat;
+ color: Black;
+ cursor: pointer;
+ font-weight: normal;
+ padding: 1px 1px 1px 15px;
+}
+
+input.noborder {
+/* radiobuttons and checkmarks, different behaviour in Moz and IE.
+ Border necessary in Moz, not in IE */
+ border: none;
+ margin: 0;
+ background-color: transparent;
+}
+
+div.row {
+ clear: both;
+ min-height: 4em;
+ margin-top: 1em;
+}
+
+.group {
+ border: 1px solid #7B7AC6;
+ margin: 2em 0em 1em 0em;
+ width: 94%;
+ padding: 1em 0em;
+}
+
+.legend {
+ position : relative;
+ top: -1.8em;
+ left: 1em;
+ background: White;
+ padding: 0.5em;
+}
+
+span.label {
+ float: left;
+ font-weight: bold;
+ text-align: right;
+ width: 15%;
+ position : relative;
+ left: -1em;
+}
+
+span.field {
+ float: left;
+ text-align: left;
+ width: 55%;
+}
+
+span.info {
+ background-color: transparent;
+ float: right;
+ text-align: left;
+ width: 28%;
+}
+
+.error {
+ /* Class for error indication in forms */
+ background: #FFCE7B;
+ border: 1px solid #FFA500;
+ margin: 1em;
+}
+
+.required {
+/* Used in addition to class "label" on required elements */
+ background: url(required.gif) 2em no-repeat;
+}
+
+span.card {
+ background: #A1A1F1;
+ border-color: #7B7AC6;
+ border-width: 1px;
+ border-style: solid;
+ float: left;
+ margin: 1em;
+ padding: 1em;
+ text-align: center;
+ width: 15%;
+}
+
+table.listing {
+ /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
+ border-collapse: collapse;
+ border-left: 1px solid #7B7AC6;
+ border-bottom: 1px solid #7B7AC6;
+ margin: 1em 0em 1em 0em;
+}
+
+table.listing th {
+ background: #A1A1F1;
+ border-top: 1px solid #7B7AC6;
+ border-bottom: 1px solid #7B7AC6;
+ border-right: 1px solid #7B7AC6;
+ color: #000000;
+ font-weight: normal;
+ padding: 0em 1em 0em 1em;
+}
+
+table.listing tr.odd {
+ /*every second line should be shaded */
+ background: transparent;
+}
+
+table.listing tr.even {
+ background: #ECFAFF;
+}
+
+table.listing td {
+ border-right: 1px solid #7B7AC6;
+ padding: 2px 1em 2px 1em;
+}
+
+table.listing a:hover {
+ text-decoration: underline;
+}
+
+table.listing img{
+ vertical-align: middle;
+}
+
+table.box {
+/* The Plone Box(tm) (Navigation, Related etc) */
+ background: transparent;
+ border-collapse: collapse;
+ border-bottom: 1px solid #7B7AC6;
+ border-left: 1px solid #7B7AC6;
+ margin: 0px;
+ margin-bottom: 1px;
+}
+
+table.box th {
+ background: #A1A1F1;
+ border-top: 1px solid #7B7AC6;
+ border-bottom: 1px solid #7B7AC6;
+ border-right: 1px solid #7B7AC6;
+ color: Black;
+ font-weight: normal;
+ padding: 0px 1px;
+ text-align: left;
+}
+
+table.box th.empty {
+ background-color: transparent;
+ border: none;
+ border-bottom: 1px solid #7B7AC6;
+}
+
+table.box tr.odd {
+/*every second line should be shaded */
+ background: transparent;
+}
+
+table.box tr.even {
+ background-color: #99CCFF;
+}
+
+table.box td {
+ border-right: 1px solid #7B7AC6;
+ padding: 0px 4px 0px 2px;
+}
+
+table.box img{
+ vertical-align: middle;
+}
+
+div.boxDetails {
+/*the line that contains the date for news and other info */
+ text-align: right;
+}
+
+table.box a {
+}
+
+table.box a.comment {
+/* special link for comments - default behavior is to display the discussion
+ icon next to the link */
+ background-image: url(discussionitem_icon.gif);
+ background-repeat: no-repeat;
+ background-position: 0px -2px;
+ padding: 0em 0em 0.5em 2em;
+ margin: 0;
+ display: block;
+}
+
+table.box a.marker {
+/* special format for links inside boxes - adds link image and displays the
+ link as a block (which in this case means the text will not float under
+ the link image, plus the whole thing is clickable) */
+ background: url(linkTransparent.gif) -0.5em 0px no-repeat;
+ display: block;
+ padding: 0em 0em 0em 1.5em;
+ vertical-align: top;
+}
+
+span.folderName {
+/* The folder name in folder_contents */
+ font-size: 150%;
+ font-weight: bold;
+}
+
+div.category {
+ float: left;
+ margin-right: 1em;
+ margin-bottom: 2em;
+ width: 20em;
+}
+
+div.category a.heading {
+ display: block;
+ padding: 0em 0em 0.5em 0em;
+ font-size: 1.1em;
+ text-decoration: underline;
+}
+
+div.category a {
+ text-decoration: underline;
+}
+
+div.box {
+ float: left;
+ margin-right: 1em;
+ margin-bottom: 2em;
+ width: 20em;
+ background: transparent;
+ border-collapse: collapse;
+ border: 1px solid #7B7AC6;
+}
+
+div.box div.heading {
+ background: #A1A1F1;
+ border-bottom: 1px solid #7B7AC6;
+ color: Black;
+ font-weight: normal;
+ padding: 0em 0em 0em 1em;
+ text-align: left;
+}
+
+div.box a.close {
+ float: right;
+ text-transform: none;
+ border-left: 1px solid #7B7AC6;
+ padding: 0em 0.2em;
+}
+
+div.box div.odd {
+ background: transparent;
+ padding: 1em;
+}
+
+div.box div.even {
+ background-color: #99CCFF;
+ padding: 1em;
+}
+
+div.spacer {
+ margin: 3em;
+}
+
+.private {
+ color: Black;
+}
+
+.published {
+ color: #74AE0B;
+}
+
+.pending {
+ color: #FFA500;
+}
+
+.syndicated {
+ color: #008000;
+}
+
+.expired {
+ color: Red;
+}
+
+
+div.listingBar {
+ background: #A1A1F1;
+ border-color: #7B7AC6;
+ border-style: solid;
+ border-width: 1px;
+ padding: 0em 1em;
+ text-align: right;
+ height: 1em;
+ clear: both;
+}
+
+div.listingBar span.previous {
+ text-align: left;
+ float: left;
+}
+
+div.listingBar span.next {
+ text-align: right;
+ float: right;
+}
+
+div.workspace {
+}
+
+div.workspace span.small {
+ float: left;
+ height: 30em;
+ width: 20em;
+ margin-right: 1em;
+ margin-bottom: 1em;
+}
+
+div.workspace span.big {
+ float: left;
+ height: 40em;
+ width: 40em;
+ margin-right: 1em;
+ margin-bottom: 1em;
+}