[Checkins] SVN: Sandbox/luciano/kirbi/src/kirbi/ master macro template, css integration, initial layout work

Luciano Ramalho luciano at ramalho.org
Sun Jul 8 14:52:05 EDT 2007


Log message for revision 77633:
  master macro template, css integration, initial layout work
  

Changed:
  U   Sandbox/luciano/kirbi/src/kirbi/app_templates/master.pt
  U   Sandbox/luciano/kirbi/src/kirbi/book_templates/details.pt
  D   Sandbox/luciano/kirbi/src/kirbi/static/circulante-logo-212x48.png
  A   Sandbox/luciano/kirbi/src/kirbi/static/circulante-logo-transp-212x51.png
  A   Sandbox/luciano/kirbi/src/kirbi/static/favicon.ico
  A   Sandbox/luciano/kirbi/src/kirbi/static/master.css

-=-
Modified: Sandbox/luciano/kirbi/src/kirbi/app_templates/master.pt
===================================================================
--- Sandbox/luciano/kirbi/src/kirbi/app_templates/master.pt	2007-07-08 16:32:01 UTC (rev 77632)
+++ Sandbox/luciano/kirbi/src/kirbi/app_templates/master.pt	2007-07-08 18:52:04 UTC (rev 77633)
@@ -5,15 +5,33 @@
   <title metal:define-slot="title">
     Kirbi
   </title>
+  <link rel="stylesheet" type="text/css"
+        tal:attributes="href static/master.css" />
+  <link rel="shortcut icon" type="image/vnd.microsoft.icon"
+        tal:attributes="href static/favicon.ico" />
+
   <metal:hdr define-slot="headers">
     <!-- Additional headers here... -->
   </metal:hdr>
+
 </head>
 <body>
-  <img tal:attributes="src static/circulante-logo-212x48.png"
-       title="Circulante.org" width="212" height="48">
+  <div class="top">
+    <a tal:attributes="href python:view.application_url()">
+        <img tal:attributes="src static/circulante-logo-transp-212x51.png"
+        title="Circulante.org" width="212" height="51" />
+    </a>
+    <ul>
+        <li><a tal:attributes="href python:view.application_url('pac')">catalog</a></li>
+        <li><a tal:attributes="href python:view.application_url()">collection</a></li>
+        <li><a tal:attributes="href python:view.application_url()">friends</a></li>
+        <li><a tal:attributes="href python:view.application_url()">leases</a></li>
+    </ul>
+  </div>
+  <div class="body">
   <div metal:define-slot="body">
     Your content here...
   </div>
+  </div>
 </body>
-</html>
\ No newline at end of file
+</html>

Modified: Sandbox/luciano/kirbi/src/kirbi/book_templates/details.pt
===================================================================
--- Sandbox/luciano/kirbi/src/kirbi/book_templates/details.pt	2007-07-08 16:32:01 UTC (rev 77632)
+++ Sandbox/luciano/kirbi/src/kirbi/book_templates/details.pt	2007-07-08 18:52:04 UTC (rev 77633)
@@ -7,34 +7,37 @@
 <body>
   <div metal:fill-slot="body">
 
-    <p><a tal:attributes="href python:view.url(context.__parent__)">
-            Catalog
-    </a></p>
+    <div class="details">
+    <img id="cover" tal:attributes="src view/coverUrl">
 
     <h1 tal:content="view/main_title">Main Title</h1>
     <h2 tal:content="view/sub_title">sub-title</h2>
 
-    <dl>
-        <dt>Creators</dt>
-            <dd tal:content="view/creatorsLine">Joe Doe</dd>
-        <dt>ISBN-13</dt>
-            <dd tal:content="view/isbn13">9780123456789</dd>
-        <dt>Edition</dt>
-            <dd tal:content="context/edition">2nd</dd>
-        <dt>Publisher</dt>
-            <dd tal:content="context/publisher">Sample Publishing Co.</dd>
-        <dt>Issued</dt>
-            <dd tal:content="context/issued">2006-12-31</dd>
-        <dt>Language</dt>
-            <dd tal:content="context/language">pt</dd>
-    </dl>
+    <table>
+        <tr><th>Creators</th>
+            <td tal:content="view/creatorsLine">Joe Doe</td>
+        </tr>
+        <tr><th>ISBN-13</th>
+            <td tal:content="view/isbn13">9780123456789</td>
+        </tr>
+        <tr><th>Edition</th>
+            <td tal:content="context/edition">2nd</td>
+        </tr>
+        <tr><th>Publisher</th>
+            <td tal:content="context/publisher">Sample Publishing Co.</td>
+        </tr>
+        <tr><th>Issued</th>
+            <td tal:content="context/issued">2006-12-31</td>
+        </tr>
+        <tr><th>Language</th>
+            <td tal:content="context/language">pt</td>
+        </tr>
+    </table>
 
-    <img tal:attributes="src view/coverUrl">
-
     <p><a tal:attributes="href python:view.url('edit')">
             Edit
     </a></p>
-
+    </div>
   </div>
   </body>
 </html>

Deleted: Sandbox/luciano/kirbi/src/kirbi/static/circulante-logo-212x48.png
===================================================================
(Binary files differ)

Added: Sandbox/luciano/kirbi/src/kirbi/static/circulante-logo-transp-212x51.png
===================================================================
(Binary files differ)


Property changes on: Sandbox/luciano/kirbi/src/kirbi/static/circulante-logo-transp-212x51.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: Sandbox/luciano/kirbi/src/kirbi/static/favicon.ico
===================================================================
(Binary files differ)


Property changes on: Sandbox/luciano/kirbi/src/kirbi/static/favicon.ico
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: Sandbox/luciano/kirbi/src/kirbi/static/master.css
===================================================================
--- Sandbox/luciano/kirbi/src/kirbi/static/master.css	                        (rev 0)
+++ Sandbox/luciano/kirbi/src/kirbi/static/master.css	2007-07-08 18:52:04 UTC (rev 77633)
@@ -0,0 +1,63 @@
+body {
+    margin: 0px;
+}
+div.top {
+    background-color: #6060a8;
+    width: 100%;
+}
+.top img {
+    margin-left: 6px;
+    margin-top: 4px;
+    margin-bottom: 4px;
+    vertical-align: middle;
+    border: none;
+}
+.top a:link, .top a:visited {
+    color: yellow;
+    text-decoration: none;
+}
+.top ul {
+    display: inline;
+    position: absolute;
+    right: 10px;
+    top: 0px;
+}
+.top li {
+    display: inline;
+    line-height: 1.5;
+    margin-right: 10px;
+    padding-bottom: 1px;
+    border-bottom: 1px solid yellow;
+}
+h1, h2, h3, dt {
+    font-family: sans-serif;
+    font-weight: bold;
+}
+h1 { font-size: 16pt; }
+h2 { font-size: 13pt; }
+h3 { font-size: 11pt; }
+dt, th { font-size: 10pt; }
+
+div.body {
+    margin: 20px;
+}
+
+.details img#cover {
+    margin-left: 5px;
+    margin-right: 20px;
+    float: left;
+    border: 1px solid lightgray;
+}
+
+.details h1, h2, h3, dt {
+    font-family: sans-serif;
+    font-weight: bold;
+}
+.details th {
+    font-family: sans-serif;
+    font-weight: bold;
+    font-size: 10pt;
+    color: gray;
+    text-align: right;
+    padding-right: 5px;
+}



More information about the Checkins mailing list