[Zope3-checkins] CVS: Zope3/src/zope/app/browser/skins/zopetop/www - zopetop.css:1.1 view_macros.pt:1.3 widget_macros.pt:1.4 zmi_stylesheet.css:NONE zopetop_scripts.js:NONE zopetopbasic.css:NONE zopetopstructure.css:NONE zopetopwidgets.css:NONE

Sidnei da Silva sidnei@x3ng.com.br
Sat, 1 Mar 2003 10:49:46 -0500


Update of /cvs-repository/Zope3/src/zope/app/browser/skins/zopetop/www
In directory cvs.zope.org:/tmp/cvs-serv26158/www

Modified Files:
	view_macros.pt widget_macros.pt 
Added Files:
	zopetop.css 
Removed Files:
	zmi_stylesheet.css zopetop_scripts.js zopetopbasic.css 
	zopetopstructure.css zopetopwidgets.css 
Log Message:
Zopetop Cleanup. Drag-n-drop isnt working anymore and I dont know how to fix. If Shane cannot fix it either, I will remove it.

=== Added File Zope3/src/zope/app/browser/skins/zopetop/www/zopetop.css ===
/*****************************************************************************
 *
 * 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: zopetop.css,v 1.1 2003/03/01 15:49:40 sidnei Exp $
*/


body {
    font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
    background: #FFFFFF;
    color: #000066;
    margin: 0;
    padding: 0;
}

#drag-feedback-box {
  border: 1px dotted black;
  position: absolute;
  display: none;
  z-index: 1000;
}

div.top { 
  background-image: url('bg_top.jpg');
  height: 37px;
}

div.top div.user { 
  position: absolute;
  top: 1em;
  right: 1em;
  color: white;
}


a {
    text-decoration: none;
    color: #000066;
    background-color: transparent;
}

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: left;
}

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;
    color: Black;
    margin: 1px 1px 1px 1px;
}

select {
    font: 1em Tahoma, Helvetica, Arial, sans-serif;
    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;
}

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.columns { 
   width: 100%;
   padding: 0;
   margin: 0;
   border-collapse: collapse;
}

table.columns td{ 
  vertical-align: top;
}

table.columns td.main { 
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-bottom: 1px solid #7B7AC6;
}

table.columns td.left {
    background-color: #ccccff;
    border-right: 1px solid #7B7AC6;
    border-bottom: 1px solid #7B7AC6;
    width: 20%;
}

table.columns td.right {
    background-color: #ccccff;
    border-left: 1px solid #7B7AC6;
    border-bottom: 1px solid #7B7AC6;
    width: 20%;
}


div.breadcrumbs{ 
    background-color: #ccccff;
    margin-top: 0.5em;
    padding: 0.5em;
}

div.breadcrumbs img { 
  vertical-align: middle;
}

div.breadcrumbs span.help { 
   float: right;
   position: relative;
   bottom: 0.2em;
}

.darker {
    background-color: #7B7AC6;
}

.hilite {
    background: #FFFFFF;
}

.background {
    border-bottom: 1px solid #7B7AC6;
}

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

.context-menu {
  position: absolute;
  border: 1px outset;
  background-color: Menu;
  color: MenuText;
  cursor: default;
  z-index: 1000;
  visibility: hidden;
  display: table;
}

.context-menu-item {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.drop-target {
  border: 2px solid transparent;
  visibility: hidden;
}



=== Zope3/src/zope/app/browser/skins/zopetop/www/view_macros.pt 1.2 => 1.3 ===
--- Zope3/src/zope/app/browser/skins/zopetop/www/view_macros.pt:1.2	Wed Dec 25 09:12:43 2002
+++ Zope3/src/zope/app/browser/skins/zopetop/www/view_macros.pt	Sat Mar  1 10:49:40 2003
@@ -7,24 +7,12 @@
     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 context/++resource++zopetopBasic.css" />
-<link href="zopetopWidgets.css" rel="stylesheet" type="text/css"
-        tal:attributes="href context/++resource++zopetopWidgets.css" />
-<link href="zopetopStructure.css" rel="stylesheet" type="text/css"
-        tal:attributes="href context/++resource++zopetopStructure.css" />
+<link href="zopetop.css" rel="stylesheet" type="text/css"
+        tal:attributes="href context/++resource++zopetop.css" />
 <script type="text/javascript" src="pdlib.js"
         tal:attributes="src context/++resource++pdlib.js"></script>
-<script type="text/javascript" src="zopetop_scripts.js"
-        tal:attributes="src context/++resource++zopetop_scripts.js"></script>
 
-<style type="text/css"><!--
-#drag-feedback-box {
-  border: 1px dotted black;
-  position: absolute;
-  display: none;
-  z-index: 1000;
-}
+<style type="text/css">
 </style>
 
 <div metal:define-slot="headers">
@@ -33,6 +21,58 @@
 
 </head>
 <body>
+<div class="top">
+  <img src="zope3logo.jpg" width="366" height="37" 
+                   alt="Zope 3 Logo"
+                   tal:attributes="src context/++resource++zope3logo.jpg" />
+  <span metal:use-macro="views/standard_macros/logged_user">
+      Logged in as user
+  </span>
+</div>
+<table class="columns">
+   <tr>
+     <td class="left">
+            <div class="box-holder">
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+                 tal:attributes="src context/++resource++spacer3.gif" /> 
+	    <span metal:use-macro="views/standard_macros/explorer_box" />
+            </div>
+            <div class="box-holder">
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+                 tal:attributes="src context/++resource++spacer3.gif" /> 
+            <span metal:use-macro="views/standard_macros/search_box" />
+            </div>
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+             tal:attributes="src context/++resource++spacer3.gif" />
+     </td>
+     <td class="main">
+         <span metal:use-macro="views/standard_macros/content_header_bar" />
+         <span metal:define-slot="body"></span>
+     </td>
+     <td class="right">
+            <div class="box-holder">
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+             tal:attributes="src context/++resource++spacer3.gif" />
+            <span metal:use-macro="views/standard_macros/metadata_box" />
+            </div>
+            <div class="box-holder">
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+             tal:attributes="src context/++resource++spacer3.gif" />
+            <span metal:use-macro="views/standard_macros/views_box" />
+            </div>
+            <div class="box-holder">
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+             tal:attributes="src context/++resource++spacer3.gif" />
+            <span metal:use-macro="views/standard_macros/services_box" />
+            </div>
+            <img src="spacer3.gif" width="150" height="8" class="drop-target"
+             tal:attributes="src context/++resource++spacer3.gif" />
+
+     </td>
+   </tr>
+</table>
+
+<!--
 <table width="100%" border="0" cellspacing="0" cellpadding="0"
        class="top-table">
   <tr> 
@@ -62,17 +102,6 @@
         </tr>
       </table></td>
   </tr>
-<!--
-  <tr> 
-    <td background="bg_bar.gif"
-         tal:attributes="background context/++resource++bg_bar.gif"> 
-      <span metal:use-macro="views/standard_macros/services_bar" />
-    </td>
-  </tr>
-  <tr>
-    <td bgcolor="#7d7cc0" height="1"></td>
-  </tr>
--->
 </table>
 <table width="100%" border="0" cellspacing="0" cellpadding="0"
        class="main-table">
@@ -90,7 +119,7 @@
             </div>
             <img src="spacer3.gif" width="150" height="8" class="drop-target"
              tal:attributes="src context/++resource++spacer3.gif" />
-          </td>
+w          </td>
           <td valign="top" class="hilite">
             <table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">
               <tr> 
@@ -178,7 +207,7 @@
           </td>
         </tr>
 </table>
-
+-->
 
 <div id="box-context-menu" class="context-menu">
 <div class="context-menu-item" onmouseup="Box_add()">Add a box...</div>


=== Zope3/src/zope/app/browser/skins/zopetop/www/widget_macros.pt 1.3 => 1.4 ===
--- Zope3/src/zope/app/browser/skins/zopetop/www/widget_macros.pt:1.3	Mon Feb  3 07:30:12 2003
+++ Zope3/src/zope/app/browser/skins/zopetop/www/widget_macros.pt	Sat Mar  1 10:49:40 2003
@@ -9,9 +9,9 @@
 <body>
 
 
-<span metal:define-macro="logged_user"
+<div class="user" metal:define-macro="logged_user"
    >Logged in as <span tal:replace="request/user/getTitle"
-   >dtremea</span></span>
+   >dtremea</span></div>
 
 
 <table metal:define-macro="services_box" align="center" class="box"
@@ -172,26 +172,26 @@
   </table>
 
 
-<table metal:define-macro="content_header_bar" width="100%" border="0" cellpadding="0" cellspacing="0">
-  <tr> 
-    <td width="26"> <img src="closed_folder.gif" width="26" height="25"
-      tal:attributes="src context/++resource++closed_folder.gif"/>
-    </td>
-    <td width="95">Folder at </td>
-    <td><span
+<div class="breadcrumbs" metal:define-macro="content_header_bar">
+  <span class="help">
+    <a href="#">
+      Help
+      <img src="help.gif" width="25" height="25"
+           tal:attributes="src context/++resource++help.gif"/>
+    </a>
+  </span>
+
+  Location:
+  <span
       metal:define-macro="breadcrumbs"
 	  tal:omit-tag=""
       tal:repeat="breadcrumb context/@@absolute_url/breadcrumbs"> <a href="" 
       tal:attributes="href breadcrumb/url"
       tal:content="string:${breadcrumb/name}/"
-      >name</a></span></td>
-    <td width="45" align="right">Help </td>
-    <td width="25"> <img src="help.gif" width="25" height="25"
-      tal:attributes="src context/++resource++help.gif"/>
-    </td>
-  </tr>
-</table>
+      >name</a></span>
 
+</div>
+  
 <div metal:define-macro="footer">
   <p>Powered by Zope</p>
 </div>

=== Removed File Zope3/src/zope/app/browser/skins/zopetop/www/zmi_stylesheet.css ===

=== Removed File Zope3/src/zope/app/browser/skins/zopetop/www/zopetop_scripts.js ===

=== Removed File Zope3/src/zope/app/browser/skins/zopetop/www/zopetopbasic.css ===

=== Removed File Zope3/src/zope/app/browser/skins/zopetop/www/zopetopstructure.css ===

=== Removed File Zope3/src/zope/app/browser/skins/zopetop/www/zopetopwidgets.css ===