From 536983c5daf2ca3840b8545193be5cdf11f3aea5 Mon Sep 17 00:00:00 2001
From: helmutm <helmutm@fd906abe-77d9-0310-91a1-e0d9ade77398>
Date: Sat, 3 Dec 2005 14:27:13 +0000
Subject: [PATCH] Created 'Liquid' skin

git-svn-id: svn://svn.cy55.de/Zope3/src/cybertools/trunk@813 fd906abe-77d9-0310-91a1-e0d9ade77398
---
 browser/configure.zcml          |   1 +
 browser/liquid/__init__.py      |   4 +++
 browser/liquid/bg_cyberview.gif | Bin 0 -> 100 bytes
 browser/liquid/configure.zcml   |  28 +++++++++++++++++++
 browser/liquid/cyc-logo03.gif   | Bin 0 -> 4405 bytes
 browser/liquid/liquid4.css      |  32 ++++++++++++++++++++++
 browser/liquid/view_macros.pt   |  47 ++++++++++++++++++++++++++++++++
 7 files changed, 112 insertions(+)
 create mode 100644 browser/liquid/__init__.py
 create mode 100644 browser/liquid/bg_cyberview.gif
 create mode 100644 browser/liquid/configure.zcml
 create mode 100644 browser/liquid/cyc-logo03.gif
 create mode 100644 browser/liquid/liquid4.css
 create mode 100644 browser/liquid/view_macros.pt

diff --git a/browser/configure.zcml b/browser/configure.zcml
index 65cc86f..8180804 100644
--- a/browser/configure.zcml
+++ b/browser/configure.zcml
@@ -20,5 +20,6 @@
       />
 
   <include package=".skin" />
+  <include package=".liquid" />
 
 </configure>
diff --git a/browser/liquid/__init__.py b/browser/liquid/__init__.py
new file mode 100644
index 0000000..4bc90fb
--- /dev/null
+++ b/browser/liquid/__init__.py
@@ -0,0 +1,4 @@
+"""
+$Id$
+"""
+
diff --git a/browser/liquid/bg_cyberview.gif b/browser/liquid/bg_cyberview.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6848e48d9c01a32da47b6ed1d5c116f2382ce911
GIT binary patch
literal 100
zcmZ?wbhEHb<YMq<XkcJyXlOWa;DF*kQRkx6#FEq$h4Rdj426)4R0VfW-v9>1pDc`A
z42%pq3_t+V!oZ}|)4%fcTmHp!w%qF8d~eTh{<cRR)1GxQzB;w-9ry81KGzEw8LR<q
CjU_(-

literal 0
HcmV?d00001

diff --git a/browser/liquid/configure.zcml b/browser/liquid/configure.zcml
new file mode 100644
index 0000000..bb54e3e
--- /dev/null
+++ b/browser/liquid/configure.zcml
@@ -0,0 +1,28 @@
+<!-- $Id$ -->
+
+<configure
+   xmlns:zope="http://namespaces.zope.org/zope"
+   xmlns="http://namespaces.zope.org/browser"
+   i18n_domain="zope"
+   >
+
+  <layer name="liquid" />
+
+  <skin name="Liquid"
+        layers="liquid rotterdam default" />
+    
+  <page for="*"
+        name="skin_macros" template="view_macros.pt"
+        permission="zope.View"
+        layer="liquid" />
+
+  <resource name="liquid.css" file="liquid4.css"
+            layer="liquid" />
+
+  <resource name="cyberconcepts.gif" file="cyc-logo03.gif"
+            layer="liquid" />
+
+  <resource name="bg_cyberview.gif" file="bg_cyberview.gif"
+            layer="liquid" />
+
+</configure>
diff --git a/browser/liquid/cyc-logo03.gif b/browser/liquid/cyc-logo03.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ee7f6f6fa324f74c7d45172109892c75bff72de3
GIT binary patch
literal 4405
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
W!u1)z?TFEPi&vh`4HW@^>;C|Hxn|A)

literal 0
HcmV?d00001

diff --git a/browser/liquid/liquid4.css b/browser/liquid/liquid4.css
new file mode 100644
index 0000000..7e2c0e0
--- /dev/null
+++ b/browser/liquid/liquid4.css
@@ -0,0 +1,32 @@
+/*
+ $Id$
+
+ based on http://www.tjkdesign.com/articles/liquid/4.asp
+ 
+*/
+
+body {
+    min-width:640px;
+    margin: 0;
+    padding: 0;
+    font: 0.8em Tahoma, Helvetica, Arial, sans-serif;
+    background-color: white;
+    color: #000066;
+}
+
+#header,#menu,#content,#sub-section,#footer {
+    overflow:hidden;
+    display:inline-block
+}
+
+#header,#footer {width:100%}
+#menu,#content,#sub-section {float:left}
+#menu {width:20%}
+#content {width:60%}
+#sub-section {width:19.9%}
+#footer {clear:left}
+
+.top {
+  background-image: url('bg_cyberview.gif');
+  height: 75px;
+}
diff --git a/browser/liquid/view_macros.pt b/browser/liquid/view_macros.pt
new file mode 100644
index 0000000..422f975
--- /dev/null
+++ b/browser/liquid/view_macros.pt
@@ -0,0 +1,47 @@
+<metal:block define-macro="page"><metal:block define-slot="doctype"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></metal:block>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
+      i18n:domain="zope">
+      
+  <head metal:define-macro="head">
+    <title metal:define-slot="title"
+           tal:content="options/getTitle|view/getTitle|context/getTitle|default">
+      cyberconcepts IT-Consulting
+    </title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link href="liquid.css" rel="stylesheet" type="text/css"
+          tal:attributes="href context/++resource++liquid.css" />
+    <div metal:define-slot="headers" />
+  </head>
+  
+  <body>
+    
+    <div id="header">
+      <div class="top">
+        <a href="#" name="top" tal:attributes="href string:${request/URL/1}/@@manage">
+          <img src="cyberconcepts.gif" height="75" border="0"
+               alt="cyberconcepts IT-Consulting"
+               tal:attributes="src context/++resource++cyberconcepts.gif" />
+        </a>
+        <span metal:use-macro="context/@@standard_macros/logged_user">
+          Logged in as user
+        </span>
+      </div>
+    </div>
+    
+    <div id="menu"><h1>menu</h1></div>
+    
+    <div id="content">
+      <span metal:define-slot="body">Here comes the body</span>
+    </div>
+    
+    <div id="sub-section"><h1>sub-section</h1></div>
+    
+    <div id="footer"><h1>footer</h1>
+        <span metal:use-macro="context/@@standard_macros/footer" />
+    </div>
+
+  </body>
+
+</html>
+</metal:block>
+