[Checkins] SVN: Products.CMFDefault/trunk/Products/CMFDefault/ Initial commit for the "absolut" skin.

Charlie Clark charlie at begeistert.org
Fri Apr 2 08:07:45 EDT 2010


Log message for revision 110449:
  Initial commit for the "absolut" skin.

Changed:
  U   Products.CMFDefault/trunk/Products/CMFDefault/directories.zcml
  A   Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/
  A   Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/README.pt
  A   Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/skins.xml
  U   Products.CMFDefault/trunk/Products/CMFDefault/profiles.zcml
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/cmf.css
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/print.css
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/js/
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/js/html5.js
  A   Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt

-=-
Modified: Products.CMFDefault/trunk/Products/CMFDefault/directories.zcml
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/directories.zcml	2010-04-02 00:46:42 UTC (rev 110448)
+++ Products.CMFDefault/trunk/Products/CMFDefault/directories.zcml	2010-04-02 12:07:42 UTC (rev 110449)
@@ -13,5 +13,7 @@
   <cmf:registerDirectory name="ursine"/>
 
   <cmf:registerDirectory name="werebear"/>
-
+  
+  <cmf:registerDirectory name="absolut"/>
+  
 </configure>

Added: Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/README.pt
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/README.pt	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/README.pt	2010-04-02 12:07:42 UTC (rev 110449)
@@ -0,0 +1,9 @@
+'absolut' profile
+==============
+
+This profile supplies an alternate main template to the one provided
+in the 'zpt_generic' skins directory. The skin does pure CSS and
+requires browsers to support CSS 2.1. HTML5 are used for their semantic
+clarity only and a Javascript shim enables them for IE <= 8.
+
+Like the were and ursa skins it uses the ursa globals
\ No newline at end of file

Added: Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/skins.xml
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/skins.xml	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/profiles/absolut/skins.xml	2010-04-02 12:07:42 UTC (rev 110449)
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<object name="portal_skins" meta_type="CMF Skins Tool" allow_any="False"
+   cookie_persistence="False" default_skin="Basic"
+   request_varname="portal_skin">
+ <object name="absolut" meta_type="Filesystem Directory View"
+    directory="Products.CMFDefault:skins/absolut"/>
+ <skin-path name="absolut" based-on="Basic">
+  <layer name="absolut" insert-after="custom"/>
+ </skin-path>
+</object>

Modified: Products.CMFDefault/trunk/Products/CMFDefault/profiles.zcml
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/profiles.zcml	2010-04-02 00:46:42 UTC (rev 110448)
+++ Products.CMFDefault/trunk/Products/CMFDefault/profiles.zcml	2010-04-02 12:07:42 UTC (rev 110449)
@@ -41,5 +41,13 @@
       provides="Products.GenericSetup.interfaces.EXTENSION"
       for="Products.CMFCore.interfaces.ISiteRoot"
       />
+      
+  <genericsetup:registerProfile
+      name="absolut"
+      title="'Absolut' - the pure CSS skin"
+      description="All layouting done using CSS"
+      provides="Products.GenericSetup.interfaces.EXTENSION"
+      for="Products.CMFCore.interfaces.ISiteRoot"
+      />
 
 </configure>

Added: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/cmf.css
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/cmf.css	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/cmf.css	2010-04-02 12:07:42 UTC (rev 110449)
@@ -0,0 +1,21 @@
+/*Styles for legacy templates*/
+
+table.FormLayout {
+    width: 70%;
+}
+
+tr {
+    vertical-align: text-bottom;
+}
+
+textarea {
+    width: 100%;
+}
+
+input[type="text"] {
+    width:100%;
+}
+
+#DesktopStatusBar {
+    background: #EEE;
+}
\ No newline at end of file

Added: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/css/screen.css	2010-04-02 12:07:42 UTC (rev 110449)
@@ -0,0 +1,115 @@
+/* global style definitions */
+
+body {
+    width: 60em;
+    max-width: 76.255em;
+    margin: 252px auto 1em auto; 
+    background: #FFF url(images/header.jpg) no-repeat center 0%;
+    font: normal 100%;
+}
+
+img {
+    border: 0;
+}
+
+nav a { 
+    text-decoration: none;
+}
+
+nav a:hover {
+    text-decoration: underline;
+}
+
+
+nav#top {
+    float: left;
+    width: 48%;
+    margin: 1em 0em 1em 20em;
+    font-size: 0.75em;
+}
+
+nav#top a{
+    display: block;
+    float: left;
+    width: 25%;
+    }
+
+#top a:hover {
+    font-weight: bold;
+}
+
+nav#left {
+    clear: left;
+}
+
+nav#left, {
+    float: left;
+    border: 2px solid #EEE;
+    border-top: 2px solid #DDD;
+    border-left: 2px solid #DDD;
+    margin: 0;
+    padding: 0 0 0 0.625em;
+    width: 13.5em;
+}
+
+nav ul { /* all lists */
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    }
+
+nav li { /* all list items */
+    margin-top: 1em;
+    }
+    
+nav li ul li {
+    margin: 0;
+    margin-left: 1.5em;
+}
+
+nav li a{
+    display: block;
+    font-size: 0.875em;
+    font-weight: bold;
+    }
+
+nav li ul li a{
+    font-weight: normal;
+}
+
+nav#left a {
+    color: #b4975d;
+}
+
+nav#left a:hover{
+    color: #c63540;
+}
+
+#main {
+/*    490px 30.625em*/
+    float: left;
+    width: 28.625em;
+    border-top: 2px solid #DDD;
+    margin: 0 0.625em 0 0.625em;
+    padding: 0 0.375em 0 0.375em;
+    font-size: 0.875em;
+}
+
+#main a {
+    text-decoration: none;
+    border-bottom: 1px dotted #000;
+}
+
+#main a:hover {
+    background: #DDD;
+}
+
+#footer {
+    clear: left;
+    width: 29em;
+    margin: 1em auto;
+    }
+
+#footer a {
+    font-size: 0.75em;
+}
\ No newline at end of file

Added: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/js/html5.js
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/js/html5.js	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/js/html5.js	2010-04-02 12:07:42 UTC (rev 110449)
@@ -0,0 +1,20 @@
+// Modified fo legibility http://remysharp.com/2009/01/07/html5-enabling-script/
+        
+function add_elements()
+    // Add HTML 5 specific elements for Internet Explorer
+    {
+    if(!/*@cc_on!@*/0)
+       {return;
+        }
+    var elements = ["abbr", "article", "aside", "audio", "canvas", "datalist",
+             "details", "figure", "figcaption", "footer", "header", "hgroup",
+             "mark" ,"menu", "meter", "nav", "output", "progress", "section",
+             "summary", "time", "video"];
+
+    for (i in elements)
+        {
+        document.createElement(elements[i]);
+        }
+    }
+
+add_elements();
\ No newline at end of file

Added: Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt
===================================================================
--- Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt	                        (rev 0)
+++ Products.CMFDefault/trunk/Products/CMFDefault/skins/absolut/main_template.pt	2010-04-02 12:07:42 UTC (rev 110449)
@@ -0,0 +1,136 @@
+<metal:macro metal:define-macro="master">
+<!DOCTYPE html>
+<html tal:define="globals context/@@ursine_globals;
+                  portal_url globals/portal_url;
+                  object_title globals/object_title;
+                  object_description globals/object_description"
+      i18n:domain="cmf_default">
+<head>
+  
+ <title tal:content="globals/page_title">Title goes here</title>
+ 
+ <!--[if IE]>
+ <script src="js/html5.js"
+         tal:attributes="src string: ${portal_url}/js/html5.js"></script>
+ <![endif]-->
+ <!--[if lte IE 6]><meta name="name" content="content"><![endif]-->
+ 
+ <link rel="icon" 
+      tal:attributes="href string:${portal_url}/images/favicon.png"
+      href="images/favicon.png" type="image/x-icon" />
+ <link rel="stylesheet" type="text/css" 
+      tal:attributes="href string:${portal_url}/css/cmf.css"
+      href="cmf.css" media="screen" />
+ <link rel="stylesheet" type="text/css" 
+      tal:attributes="href string:${portal_url}/css/screen.css" 
+      href="/screen.css" media="screen"/>
+ <link rel="stylesheet" type="text/css" 
+      tal:attributes="href string:${portal_url}/css/print.css"
+      href="print.css" media="print" />
+ 
+ <metal:slot define-slot="base" />
+ <metal:slot define-slot="styles" />
+</head>
+
+<body>
+
+ <div id="Desktop">
+
+  <div id="Breadcrumbs">
+   <span class="breadcrumb"
+         tal:repeat="bc globals/breadcrumbs">
+    <a href="."
+        tal:attributes="href bc/url"
+        tal:content="bc/id">ID</a>
+   </span>
+  </div>
+
+  <p id="DesktopStatusBar"
+     tal:condition="globals/status_message"
+     tal:content="globals/status_message"
+     i18n:translate="">Status message.</p>
+
+  <metal:slot metal:define-slot="body">
+   <metal:slot metal:define-slot="header" />
+   <metal:slot metal:define-slot="main" />
+  </metal:slot>
+
+ </div>
+
+ <div id="object_meta">
+  <img id="object_icon"
+       src="icon" align="left" title="Type" alt="[X]" height="16" width="16"
+       tal:condition="globals/icon"
+       tal:attributes="src globals/icon;
+                       alt globals/typename;
+                      "
+       i18n:attributes="alt" />
+  <div id="object_id"
+       tal:content="globals/trunc_id">ID</div>
+  <div id="object_type"
+       tal:content="globals/typename">TYPENAME</div>
+  <div id="workflow_state"
+       tal:content="globals/wf_state">WORKFLOW STATE</div>
+ </div>
+
+ <ul id="object_actions_menu">
+  <li tal:repeat="action globals/object_actions">
+  <a href="#object_action"
+      tal:attributes="href action/url;
+                      target action/link_target|nothing"
+      tal:content="action/title"
+      i18n:translate="">OBJECT ACTION_TITLE</a><br />
+  </li>
+ </ul>
+
+ <ul id="workflow_actions_menu">
+  <li tal:repeat="action globals/workflow_actions">
+  <a href="#workflow_action"
+      tal:attributes="href action/url;
+                      target action/link_target|nothing"
+      tal:content="action/title"
+      i18n:translate="">OBJECT ACTION_TITLE</a><br />
+  </li>
+ </ul>
+
+ <ul id="folder_actions_menu">
+  <li tal:repeat="action globals/folder_actions">
+  <a href="#folder_action"
+      tal:attributes="href action/url;
+                      target action/link_target|nothing"
+      tal:content="action/title"
+      i18n:translate="">FOLDER ACTION_TITLE</a><br />
+  </li>
+ </ul>
+
+ <ul id="add_actions_menu">
+  <li tal:repeat="action globals/add_actions">
+  <a href="#add_action"
+      tal:attributes="href action/url;
+                      target action/link_target|nothing"
+      tal:content="action/title"
+      i18n:translate="">ADD ACTION_TITLE</a><br />
+  </li>
+ </ul>
+
+ <ul id="user_actions_menu">
+  <li tal:repeat="action globals/user_actions">
+   <a href="#user_action"
+      tal:attributes="href action/url;
+                      target action/link_target|nothing"
+      tal:content="action/title" i18n:translate="">USER ACTION TITLE</a>
+  </li>
+ </ul>
+
+ <ul id="global_actions_menu">
+  <li tal:repeat="action globals/global_actions">
+   <a href="#global_action"
+      tal:attributes="href action/url;
+                      target action/link_target|nothing"
+      tal:content="action/title" i18n:translate="">GLOBAL ACTION TITLE</a>
+  </li>
+ </ul>
+
+</body>
+</html>
+</metal:macro>
\ No newline at end of file



More information about the checkins mailing list