[Checkins] SVN: z3ext.preferences/trunk/ added default css styles

Nikolay Kim fafhrd at datacom.kz
Wed Oct 15 06:56:48 EDT 2008


Log message for revision 92210:
  added default css styles

Changed:
  U   z3ext.preferences/trunk/CHANGES.txt
  U   z3ext.preferences/trunk/setup.py
  U   z3ext.preferences/trunk/src/z3ext/preferences/browser/configure.zcml
  U   z3ext.preferences/trunk/src/z3ext/preferences/browser/group.py
  U   z3ext.preferences/trunk/src/z3ext/preferences/browser/index.pt
  U   z3ext.preferences/trunk/src/z3ext/preferences/browser/layout.pt
  U   z3ext.preferences/trunk/src/z3ext/preferences/browser/layoutcontent.pt
  U   z3ext.preferences/trunk/src/z3ext/preferences/browser/navigation.pt
  A   z3ext.preferences/trunk/src/z3ext/preferences/browser/styles.css

-=-
Modified: z3ext.preferences/trunk/CHANGES.txt
===================================================================
--- z3ext.preferences/trunk/CHANGES.txt	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/CHANGES.txt	2008-10-15 10:56:46 UTC (rev 92210)
@@ -2,12 +2,14 @@
 CHANGES
 =======
 
-1.4.0 (2008-10-14)
+1.4.0 (2008-10-15)
 ------------------
 
 - UI api refactored
 
+- Added default css styles
 
+
 1.3.2 (2008-05-16)
 ------------------
 

Modified: z3ext.preferences/trunk/setup.py
===================================================================
--- z3ext.preferences/trunk/setup.py	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/setup.py	2008-10-15 10:56:46 UTC (rev 92210)
@@ -76,9 +76,10 @@
 			  'zope.app.principalannotation',
                           'z3c.traverser',
 			  'z3c.autoinclude',
-			  'z3ext.layout',
-			  'z3ext.layoutform',
+			  'z3ext.layout >= 1.5.1',
+			  'z3ext.layoutform >= 1.2.3',
                           'z3ext.statusmessage',
+			  'z3ext.resourcepackage',
                           ],
       extras_require = dict(test=['zope.app.testing',
                                   'zope.testing',

Modified: z3ext.preferences/trunk/src/z3ext/preferences/browser/configure.zcml
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/configure.zcml	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/configure.zcml	2008-10-15 10:56:46 UTC (rev 92210)
@@ -96,4 +96,11 @@
      zcml:condition="installed z3c.breadcrumb"
      factory=".breadcrumb.PreferenceGroupBreadcrumb" />
 
+  <!-- styles -->
+  <z3ext:resourceinclude
+     name="z3ext-preferences.css"
+     library="z3ext"
+     type="stylesheet"
+     file="styles.css" filetype="zrt" />
+
 </configure>

Modified: z3ext.preferences/trunk/src/z3ext/preferences/browser/group.py
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/group.py	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/group.py	2008-10-15 10:56:46 UTC (rev 92210)
@@ -35,6 +35,7 @@
 
         self.subgroups = subgroups
         self.hasFields = bool(schema.getFields(self.context.__schema__))
+        self.render = self.render()
 
 
 class PreferenceGroupView(PageletEditForm):

Modified: z3ext.preferences/trunk/src/z3ext/preferences/browser/index.pt
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/index.pt	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/index.pt	2008-10-15 10:56:46 UTC (rev 92210)
@@ -1,23 +1,23 @@
 <div class="z-frame">
-  <ul class="listing">
+  <ul class="z-prefs-listing">
     <li tal:repeat="item view/groups">
       <tal:block tal:define="group item/group">
-	<div class="icon" tal:define="icon group/@@zmi_icon|nothing"
+	<div class="z-prefs-icon" tal:define="icon group/@@zmi_icon|nothing"
 	     tal:condition="icon">
 	  <tal:block tal:condition="icon" tal:content="structure icon"/>
 	</div>
-	<div class="details">
+	<div class="z-prefs-details">
 	  <a tal:attributes="href string:${group/__id__}/">
 	    <tal:block tal:content="group/__title__"/></a>
 	  <div><tal:block tal:content="group/__description__"/> &nbsp;</div>
-	  
-	  <ul class="listing" tal:condition="item/subgroups">
+
+	  <ul class="z-prefs-listing" tal:condition="item/subgroups">
 	    <li tal:repeat="sgroup item/subgroups">
-	      <div class="icon" tal:define="icon sgroup/group/@@zmi_icon|nothing"
+	      <div class="z-prefs-icon" tal:define="icon sgroup/group/@@zmi_icon|nothing"
 		   tal:condition="icon">
 		<tal:block tal:condition="icon" tal:content="structure icon" />
 	      </div>
-	      <div class="details">
+	      <div class="z-prefs-details">
 		<a tal:attributes="href string:${group/__id__}/${sgroup/id}/">
 		  <tal:block tal:content="sgroup/group/__title__"/></a>
 		<div><tal:block tal:content="sgroup/group/__description__"/> 

Modified: z3ext.preferences/trunk/src/z3ext/preferences/browser/layout.pt
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/layout.pt	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/layout.pt	2008-10-15 10:56:46 UTC (rev 92210)
@@ -1,15 +1,13 @@
-<div id="z-portal-workspace"
+<div id="z-preferences"
      tal:define="context nocall:maincontext;
                  nav provider:z3ext.preferences-navigation;
 		 noNav not:nav;
 		 rendered view/render">
-  <div class="z-page">
-    <table class="wide" tal:omit-tag="noNav">
-      <tr style="vertical-align: top" tal:omit-tag="noNav">
-	<td style="padding-right: 1em; width: 200px"
-	    tal:condition="nav" tal:content="structure nav"></td>
-	<td tal:omit-tag="noNav" tal:content="structure rendered"></td>
-      </tr>
-    </table>
-  </div>
+  <table class="z-prefs-layout" tal:omit-tag="noNav">
+    <tr tal:omit-tag="noNav">
+      <td class="z-prefs-nav-wrapper"
+	  tal:condition="nav" tal:content="structure nav"></td>
+      <td tal:omit-tag="noNav" tal:content="structure rendered"></td>
+    </tr>
+  </table>
 </div>

Modified: z3ext.preferences/trunk/src/z3ext/preferences/browser/layoutcontent.pt
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/layoutcontent.pt	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/layoutcontent.pt	2008-10-15 10:56:46 UTC (rev 92210)
@@ -1,6 +1,6 @@
 <h1 tal:content="layoutcontext/__title__"></h1>
 <div class="z-page-description" tal:content="layoutcontext/__description__"></div>
 
-<div id="z-viewspace" tal:content="structure view/render">
+<div tal:content="structure view/render">
   [rendered body]
 </div>

Modified: z3ext.preferences/trunk/src/z3ext/preferences/browser/navigation.pt
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/navigation.pt	2008-10-15 08:14:17 UTC (rev 92209)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/navigation.pt	2008-10-15 10:56:46 UTC (rev 92210)
@@ -1,14 +1,14 @@
 <tal:block tal:repeat="viewlet view/viewlets"
            tal:content="structure viewlet/render" />
 
-<div class="x-listing box small">
+<div class="z-prefs-nav">
   <tal:block tal:repeat="item view/data">
     <metal:block metal:define-macro="level">
-      <div class="x-listing-item"
-	   tal:attributes="class python:item['selected'] and 'x-listing-item-selected' 
-			   or 'x-listing-item'">
+      <div class="z-prefs-nav-item"
+	   tal:attributes="class python:item['selected'] and 'z-prefs-nav-item-selected' 
+			   or 'z-prefs-nav-item'">
 	<div tal:omit-tag="not:item/level|nothing"
-	     tal:attributes="class string:level${item/level|nothing}">
+	     tal:attributes="class string:z-prefs-level${item/level|nothing}">
 	  <a tal:attributes="href string:${item/prefs/@@absolute_url}/">
 	    <al:block tal:content="structure item/icon" />
 	    <tal:block tal:content="item/title" />

Added: z3ext.preferences/trunk/src/z3ext/preferences/browser/styles.css
===================================================================
--- z3ext.preferences/trunk/src/z3ext/preferences/browser/styles.css	                        (rev 0)
+++ z3ext.preferences/trunk/src/z3ext/preferences/browser/styles.css	2008-10-15 10:56:46 UTC (rev 92210)
@@ -0,0 +1,152 @@
+/* zrt-cssregistry: */
+
+ at media all {
+
+  #z-preferences {
+    padding: 1.5em;
+    border: borderWidth borderStyle globalBorderColor;
+    background-color: globalBackgroundColor;
+    margin: 2em 1.5em 1.5em 1.5em;
+    font-size: 110%;
+  }
+
+  #z-preferences h1 {
+    font-weight: bold;
+  }
+
+  #z-preferences table.z-prefs-layout {
+    width: 100%;
+  }
+  
+  #z-preferences table.z-prefs-layout tr { 
+    vertical-align: top;
+  }
+  
+  #z-preferences .z-prefs-nav-wrapper {
+    padding-right: 1em;
+    width: 200px;
+  }
+  
+  #z-preferences .z-prefs-nav {
+    border: borderWidth borderStyle globalBorderColor;
+    border-bottom: none;
+    background: contentBackgroundColor;
+    font-size: fontSmallSize;
+  }
+  
+  #z-preferences .z-prefs-nav a {
+    text-decoration: none;
+  }
+  
+  #z-preferences .z-prefs-nav-item {
+    padding: 0.8em 0.4em 0.5em 0.4em;
+    border-bottom: borderWidth borderStyle globalBorderColor;
+  }
+  
+  #z-preferences .z-prefs-nav-item-selected {
+    padding: 0.8em 0.4em 0.5em 0.4em;
+    background-color: globalBackgroundColor;
+    border-bottom: borderWidth borderStyle globalBorderColor;
+  }
+  
+  #z-preferences .z-prefs-nav-item:hover {
+    background-color: globalBackgroundColor;
+  }
+  
+  #z-preferences .z-prefs-nav-item li span {
+    border: 0;
+    border-bottom: 1px dotted discreetColor;
+  }
+
+  ul.z-prefs-listing {
+    margin: 0.5em 0;
+    list-style: none;
+    list-style-image: none;
+    list-style-type: none;
+  }
+  
+  ul.z-prefs-listing li {
+    clear: both;
+    margin-bottom: 0.5em;
+    list-style: none;
+    list-style-image: none;
+  }
+  
+  ul.z-prefs-listing li .z-prefs-icon {
+    float: left;
+    padding-top: 8px;
+    padding-right: 0.5em;
+    height: 32px;
+  }
+  
+  ul.z-prefs-listing li a,
+  ul.z-prefs-listing li .z-cp-details a {
+    color: linkColor;
+    border: 0;
+    border-bottom: 1px dotted discreetColor;
+    text-decoration: none;
+  }
+  
+  ul.z-prefs-listing li a:visited,
+  ul.z-prefs-listing li .z-prefs-details a:visited {
+    color: linkColor;
+    background-color: transparent;
+  }
+  
+  ul.z-prefs-listing li a:active,
+  ul.z-prefs-listing li .z-prefs-details a:active {
+    color: linkColor;
+    background-color: transparent;
+  }
+  
+  ul.z-prefs-listing li span {
+    border: 0;
+    border-bottom: 1px dotted discreetColor;
+  }
+  
+  ul.z-prefs-listing li .z-prefs-details span a {
+    border-bottom: 0px;
+  }
+  
+  ul.z-prefs-listing li label {
+    font-weight: bold;
+    border-bottom: borderWidth dotted discreetColor;
+  }
+  
+  ul.z-prefs-listing li {
+    border: 1px solid contentBackgroundColor;
+  }
+  
+  ul.z-prefs-listing li .z-prefs-details div {
+    color: discreetColor;
+    font-size: fontSmallSize;
+  }
+  
+  ul.z-prefs-listing li ul.z-prefs-listing {
+    margin-left: 1.5em;
+    font-size: 110%;
+  }
+  
+  ul.z-prefs-listing li .z-prefs-details div span {
+    color: discreetColor;
+    font-size: fontSmallSize;
+    border: 0;
+  }
+
+  .z-prefs-level1 {
+    padding-left: 0.8em;
+  }
+  
+  .z-prefs-level2 {
+    padding-left: 1.6em;
+  }
+
+  #z-preferences .z-form,
+  #z-preferences .z-form-add,
+  #z-preferences .z-form-edit {
+    border: borderWidth borderStyle globalExtraBorderColor;
+    margin-top: 0em;
+    padding: 1em;
+    background: contentBackgroundColor;
+  }
+}



More information about the Checkins mailing list