[Checkins] SVN: z3c.form/branches/pcardune-sphinx/. Customize layout template and css to have the same header as the

Paul Carduner paulcarduner at gmail.com
Fri Apr 25 03:48:41 EDT 2008


Log message for revision 85719:
  
  Customize layout template and css to have the same header as the
  zope.org site.  We need a logo for zope 3 docs.
  

Changed:
  U   z3c.form/branches/pcardune-sphinx/.static/default.css
  A   z3c.form/branches/pcardune-sphinx/.templates/layout.html

-=-
Modified: z3c.form/branches/pcardune-sphinx/.static/default.css
===================================================================
--- z3c.form/branches/pcardune-sphinx/.static/default.css	2008-04-25 07:19:27 UTC (rev 85718)
+++ z3c.form/branches/pcardune-sphinx/.static/default.css	2008-04-25 07:48:40 UTC (rev 85719)
@@ -3,6 +3,67 @@
  * CUSTOMIZED Sphinx Doc Design
  */
 
+#zope-page-header{
+  background: #f9f9f9;
+  margin: 0px;
+  width: 999px;
+  margin: auto;
+  border-bottom: 1px solid #d3d3d3;
+}
+
+#portal-logo img{
+  border: 0px;
+  margin: 0.5em 0em 0.5em 36px;
+  float: left;
+}
+
+#zope-page-header ul{
+  height: auto;
+  line-height: 4em;
+  display: inline;
+  text-align: center;
+  padding-bottom: .5em;
+  margin-bottom: 10px;
+}
+
+#zope-page-header ul li{
+  display: inline;
+}
+
+#zope-page-header ul li a{
+  padding: 0em 1em;
+  font-weight: bold;
+  border: 1px solid #f9f9f9;
+}
+
+#zope-page-header ul li a:hover{
+  padding: 0em 1em;
+  border: 1px solid #d3d3d3;
+  background: white;
+  color: #333;
+}
+
+#portal-feature{
+  background: white;
+  padding: 0px 140px 0px 50px;
+  width: 809px;
+  margin: auto;
+}
+#portal-feature img{
+  float: left;
+  margin: 1em 0;
+}
+#feature-blurb{
+  height: auto;
+  font-size: 1.8em;
+  padding: 38px 0px  0.5em 250px;
+}
+#feature-blurb p{
+  line-height: 1.2em;
+  margin: 0 0 .75em;
+}
+
+
 body {
     font: 75% "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
     background: #474747 url(http://zode01.lovelysystems.com/body_bg.png) repeat-x scroll left top;

Added: z3c.form/branches/pcardune-sphinx/.templates/layout.html
===================================================================
--- z3c.form/branches/pcardune-sphinx/.templates/layout.html	                        (rev 0)
+++ z3c.form/branches/pcardune-sphinx/.templates/layout.html	2008-04-25 07:48:40 UTC (rev 85719)
@@ -0,0 +1,167 @@
+{%- include "macros.html" %}
+{%- block doctype -%}
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+  "http://www.w3.org/TR/html4/loose.dtd">
+{%- endblock %}
+{%- macro relbar %}
+{# this macro needs to stay in layout.html due to it containing blocks #}
+    <div class="related">
+      <h3>Navigation</h3>
+      <ul>
+        <li class="right" style="margin-right: 10px"><a href="{{ pathto('genindex') }}" title="General Index" accesskey="I">index</a></li>
+        {%- if use_modindex %}
+        <li class="right"><a href="{{ pathto('modindex') }}" title="Global Module Index" accesskey="M">modules</a> |</li>
+        {%- endif %}
+        {%- if next %}
+          <li class="right"><a href="{{ next.link|e }}" title="{{ next.title|striptags }}" accesskey="N">next</a> |</li>
+        {%- endif %}
+        {%- if prev %}
+          <li class="right"><a href="{{ prev.link|e }}" title="{{ prev.title|striptags }}" accesskey="P">previous</a> |</li>
+        {%- endif %}
+        {%- if builder == 'web' %}
+          <li class="right"><a href="{{ pathto('settings') }}"
+                               title="Customize your viewing settings" accesskey="S">settings</a> |</li>
+        {%- endif %}
+        {%- block rootrellink %}
+        <li><a href="{{ pathto('index') }}">{{ project }} v{{ release }} documentation</a> &raquo;</li>
+        {%- endblock %}
+        {%- for parent in parents %}
+          <li><a href="{{ parent.link|e }}" accesskey="U">{{ parent.title }}</a> &raquo;</li>
+        {%- endfor %}
+        {%- block relbaritems %}{% endblock %}
+      </ul>
+    </div>
+{%- endmacro %}
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    {%- if builder != 'htmlhelp' %}
+      {%- set titlesuffix = " &mdash; " + project + " Documentation" %}
+    {%- endif %}
+    <title>{{ title|striptags }}{{ titlesuffix }}</title>
+    {%- if builder == 'web' %}
+    <link rel="stylesheet" href="{{ pathto('index') }}?do=stylesheet{%
+      if in_admin_panel %}&admin=yes{% endif %}" type="text/css">
+    {%- for link, type, title in page_links %}
+    <link rel="alternate" type="{{ type|e(true) }}" title="{{ title|e(true) }}" href="{{ link|e(true) }}">
+    {%- endfor %}
+    {%- else %}
+    <link rel="stylesheet" href="{{ pathto('_static/' + style, 1) }}" type="text/css">
+    <link rel="stylesheet" href="{{ pathto('_static/pygments.css', 1) }}" type="text/css">
+    {%- endif %}
+    {%- if builder != 'htmlhelp' %}
+    <script type="text/javascript">
+      var DOCUMENTATION_OPTIONS = {
+        URL_ROOT:   '{{ pathto("", 1) }}',
+        VERSION:    '{{ release }}'
+      };
+    </script>
+    <script type="text/javascript" src="{{ pathto('_static/jquery.js', 1) }}"></script>
+    <script type="text/javascript" src="{{ pathto('_static/interface.js', 1) }}"></script>
+    <script type="text/javascript" src="{{ pathto('_static/doctools.js', 1) }}"></script>
+    {%- endif %}
+{%- block rellinks %}
+    {%- if hasdoc('about') %}
+    <link rel="author" title="About these documents" href="{{ pathto('about') }}">
+    {%- endif %}
+    <link rel="contents" title="Global table of contents" href="{{ pathto('contents') }}">
+    <link rel="index" title="Global index" href="{{ pathto('genindex') }}">
+    <link rel="search" title="Search" href="{{ pathto('search') }}">
+    {%- if hasdoc('copyright') %}
+    <link rel="copyright" title="Copyright" href="{{ pathto('copyright') }}">
+    {%- endif %}
+    <link rel="top" title="{{ project }} Documentation" href="{{ pathto('index') }}">
+    {%- if parents %}
+    <link rel="up" title="{{ parents[-1].title|striptags }}" href="{{ parents[-1].link|e }}">
+    {%- endif %}
+    {%- if next %}
+    <link rel="next" title="{{ next.title|striptags }}" href="{{ next.link|e }}">
+    {%- endif %}
+    {%- if prev %}
+    <link rel="prev" title="{{ prev.title|striptags }}" href="{{ prev.link|e }}">
+    {%- endif %}
+{%- endblock %}
+{%- block extrahead %}{% endblock %}
+  </head>
+  <body>
+    <div id="zope-page-header">
+      <a href="http://zode01.lovelysystems.com" accesskey="1" id="portal-logo">
+	<img width="110" height="36" title="" alt="" src="http://zode01.lovelysystems.com/logo.png"/>
+      </a>
+	
+      <ul id="portal-globalnav">
+	<li class="plain" id="portaltab-index_html">
+	  <a title="" href="http://zode01.lovelysystems.com">Home</a>
+	</li>
+	<li class="plain" id="portaltab-get-started">
+	  <a title="Get Zope" href="http://zode01.lovelysystems.com/get-started">Get started</a>
+	</li>
+	<li class="plain" id="portaltab-examples">
+	  <a title="See what Zope is all about" href="http://zode01.lovelysystems.com/examples">Examples</a>
+	</li>
+	<li class="selected" id="portaltab-projects">
+	  <a title="Learn how to use Zope" href="http://zode01.lovelysystems.com/projects">Projects</a>
+	</li>
+	  <li class="plain" id="portaltab-community">
+	    <a title="All about the Zope community" href="http://zode01.lovelysystems.com/community">Community</a>
+	  </li>
+	  <li class="plain" id="portaltab-foundation">
+	    <a title="All about the Zope Foundation" href="http://zode01.lovelysystems.com/foundation">Foundation</a>
+	  </li>
+      </ul>
+    </div>
+    <div id="portal-feature">
+      <img class="featureImage" title="Projects" alt="Projects" src="http://zode01.lovelysystems.com/home/image_mini"/>
+      <div id="feature-blurb">
+	<p>Zope 3 has lots of documentation embedded in the source code, in the form of doctests, which is sometimes hard to find.</p>
+	<p>Here you can easily browse and search through the documentation.<br />&nbsp;</p>
+      </div>
+    </div>
+{%- block beforerelbar %}{% endblock %}
+{%- block relbar1 %}{{ relbar() }}{% endblock %}
+{%- block afterrelbar %}{% endblock %}
+
+{%- block beforesidebar1 %}{% endblock %}
+{%- block sidebar1 %}{# possible location for sidebar #}{% endblock %}
+{%- block aftersidebar1 %}{% endblock %}
+
+{%- block beforedocument %}
+{% endblock %}
+    <div class="document">
+      <div class="documentwrapper">
+      {%- if builder != 'htmlhelp' %}
+        <div class="bodywrapper">
+      {%- endif %}
+          <div class="body">
+            {% block body %}{% endblock %}
+          </div>
+      {%- if builder != 'htmlhelp' %}
+        </div>
+      {%- endif %}
+      </div>
+{%- block afterdocument %}{% endblock %}
+
+{%- block beforesidebar2 %}{% endblock %}
+{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
+{%- block aftersidebar2 %}{% endblock %}
+      <div class="clearer"></div>
+    </div>
+
+{%- block relbar2 %}{{ relbar() }}{% endblock %}
+
+{%- block beforefooter %}{% endblock %}
+{%- block footer %}
+    <div class="footer">
+    {%- if hasdoc('copyright') %}
+      &copy; <a href="{{ pathto('copyright') }}">Copyright</a> {{ copyright }}.
+    {%- else %}
+      &copy; Copyright {{ copyright }}.
+    {%- endif %}
+    {%- if last_updated %}
+      Last updated on {{ last_updated }}.
+    {%- endif %}
+    </div>
+{%- endblock %}
+{%- block afterfooter %}{% endblock %}
+  </body>
+</html>


Property changes on: z3c.form/branches/pcardune-sphinx/.templates/layout.html
___________________________________________________________________
Name: svn:eol-style
   + native



More information about the Checkins mailing list