erp5_no_style: default style

be085089 · Romain Courteaud · afdd5aab · be085089 · be085089 · be085089
Commit be085089 authored Jun 26, 2020 by Romain Courteaud
4 changed files
--- a/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/nostyle.css.css
+++ b/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/nostyle.css.css
 body {
-  /*display: none;*/
-}
\ No newline at end of file
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+}
+body > nav#sitemap {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row: 1;
+  background-color: #DDD;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  min-height: 2.5em;
+  align-items: center;
+}
+body > nav#sitemap > a {
+  padding-left: 1em;
+  padding-right: 1em;
+}
+body > nav#sitemap ul {
+  margin: 0;
+}
+body > nav#sitemap ul,
+body > nav#sitemap li,
+body > nav#sitemap a {
+  padding: 0;
+  display: flex;
+  flex: 1;
+}
+body > nav#sitemap ul:not(:first-child),
+body > nav#sitemap li:not(:first-child),
+body > nav#sitemap a:not(:first-child) {
+  padding: 0 1em;
+}
+body main {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row: 2;
+}
+body main fieldset {
+  border: none;
+}
+body > nav#language {
+  grid-column-start: 1;
+  grid-column-end: 4;
+  grid-row: 3;
+  background-color: #DDD;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  min-height: 2.5em;
+  align-items: center;
+}
+body > nav#language > a {
+  padding-left: 1em;
+  padding-right: 1em;
+}
+body > nav#language ul {
+  margin: 0;
+}
+body > nav#language ul,
+body > nav#language li,
+body > nav#language a {
+  padding: 0;
+  display: flex;
+  flex: 1;
+}
+body > nav#language ul:not(:first-child),
+body > nav#language li:not(:first-child),
+body > nav#language a:not(:first-child) {
+  padding: 0 1em;
+}
--- a/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/nostyle.less.css
+++ b/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/nostyle.less.css
+.flattenNav() {
+  background-color: #DDD;
+
+  // Put the title and the first list on the same line
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+
+  // Increase header size
+  min-height: 2.5em;
+  align-items: center;
+
+  > a {
+    padding-left: 1em;
+    padding-right: 1em;
+  }
+
+  ul {
+    margin: 0;
+  }
+  ul, li, a {
+    padding: 0;
+    display: flex;
+    flex: 1;
+    &:not(:first-child) {
+      padding: 0 1em;
+    }
+  }
+}
+
+body {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr); 
+
+  > nav#sitemap {
+    // First row, all columns
+    grid-column-start: 1; 
+    grid-column-end: 4;
+    grid-row: 1;
+
+    .flattenNav();
+  }
+
+  main {
+    grid-column-start: 1; 
+    grid-column-end: 4; 
+    grid-row: 2;
+
+    fieldset {
+      border: none;
+    }
+  }
+
+  > nav#language { 
+    grid-column-start: 1; 
+    grid-column-end: 4; 
+    grid-row: 3;
+
+    .flattenNav();
+  }
+}
\ No newline at end of file
--- a/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/nostyle.less.xml
+++ b/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/nostyle.less.xml
+<?xml version="1.0"?>
+<ZopeData>
+  <record id="1" aka="AAAAAAAAAAE=">
+    <pickle>
+      <global name="File" module="OFS.Image"/>
+    </pickle>
+    <pickle>
+      <dictionary>
+        <item>
+            <key> <string>_Cacheable__manager_id</string> </key>
+            <value> <string>http_cache</string> </value>
+        </item>
+        <item>
+            <key> <string>__name__</string> </key>
+            <value> <string>nostyle.less</string> </value>
+        </item>
+        <item>
+            <key> <string>content_type</string> </key>
+            <value> <string>text/css</string> </value>
+        </item>
+        <item>
+            <key> <string>precondition</string> </key>
+            <value> <string></string> </value>
+        </item>
+        <item>
+            <key> <string>title</string> </key>
+            <value> <string></string> </value>
+        </item>
+      </dictionary>
+    </pickle>
+  </record>
+</ZopeData>
--- a/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/view_main.zpt
+++ b/bt5/erp5_no_style/SkinTemplateItem/portal_skins/erp5_no_style/view_main.zpt
@@ -13,7 +13,9 @@
  <head>
  <base tal:attributes="href python: '%s/' % here.getWebSiteValue().absolute_url()" />
  <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1" />
-  <link rel="stylesheet" href="nostyle.css">
+  <noscript>
+    <link rel="stylesheet" href="nostyle.css">
+  </noscript>
  <script src="portal_skins/erp5_xhtml_style/rsvp.js"></script>
  <script src="portal_skins/erp5_xhtml_style/renderjs.js"></script>
  <script src="gadget_global.js"></script>