WIP: less.js ausgebaut
authorKai Moritz <kai@juplo.de>
Tue, 27 Jun 2017 08:47:29 +0000 (10:47 +0200)
committerKai Moritz <kai@juplo.de>
Tue, 27 Jun 2017 08:47:29 +0000 (10:47 +0200)
43 files changed:
dist/thymeleaf/about.html
dist/thymeleaf/agb.html
dist/thymeleaf/blog.html
dist/thymeleaf/blog/article.html
dist/thymeleaf/blog/comments.html
dist/thymeleaf/contact.html
dist/thymeleaf/datenschutz.html
dist/thymeleaf/expertise.html
dist/thymeleaf/google-analytics.html
dist/thymeleaf/haftung-inhalte.html
dist/thymeleaf/haftung-links.html
dist/thymeleaf/impressum.html
dist/thymeleaf/index.html
dist/thymeleaf/projects.html
dist/thymeleaf/projects/accelerator.html
dist/thymeleaf/projects/fix-swf/getting-started.html
dist/thymeleaf/projects/fix-swf/overview.html
dist/thymeleaf/projects/html-experimente.html
dist/thymeleaf/projects/html-experimente/basis-layout.html
dist/thymeleaf/projects/html-experimente/breadcrumb.html
dist/thymeleaf/projects/html-experimente/druck-layout.html
dist/thymeleaf/projects/html-experimente/error.html
dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig.html
dist/thymeleaf/projects/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-kein-menü.html
dist/thymeleaf/projects/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html
dist/thymeleaf/projects/html-experimente/fast-leer-mit-menü.html
dist/thymeleaf/projects/html-experimente/formulare.html
dist/thymeleaf/projects/html-experimente/phone.html
dist/thymeleaf/projects/html-experimente/seitenaufteilung.html
dist/thymeleaf/projects/html-experimente/seitenkopf.html
dist/thymeleaf/projects/html-experimente/symbole.html
dist/thymeleaf/projects/html-experimente/tablet.html
dist/thymeleaf/projects/html-experimente/testlab.html
dist/thymeleaf/projects/html-experimente/tiny.html
dist/thymeleaf/projects/typo.html
dist/thymeleaf/references.html
dist/thymeleaf/templates/404.html
dist/thymeleaf/templates/error.html
dist/thymeleaf/templates/fragments.html
dist/thymeleaf/templates/layout.html
dist/thymeleaf/urheberrechte.html

index 884c4bc..1638653 100644 (file)
@@ -9,9 +9,9 @@
     <title>About</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 22a12b9..22b3f0e 100644 (file)
@@ -9,9 +9,9 @@
     <title>Allgemeine Geschäftsbedingungen (AGB)</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index f61366d..dfe1892 100644 (file)
@@ -9,9 +9,9 @@
     <title>Blog</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index ff309e3..2873911 100644 (file)
@@ -9,9 +9,9 @@
     <title>juplo - blog - Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
           </div><!-- .entry-meta -->
         </div><!-- .entry-header -->
         <div class="entry-content">
-          <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.lesscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
-          <p>You cannot do both, use the <a href="http://www.lesscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.lesscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode &#8211; which is best for development &#8211; and the pre-compiled mode &#8211; which is best for production. For the client-side mode you need something like:</p>
+          <p>Ever searched for a simple configuration, that lets you use your <a href="http://wiki.eclipse.org/Jetty/Feature/Jetty_Maven_Plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://wiki.eclipse.org']);" title="See the documentation for mor information">jetty-maven-plugin</a> as you are used to, while working with <a href="http://www.csscss.org/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.org']);" title="See LESS CSS documentation for mor informations">LESS</a> to simplify your stylesheets?</p>
+          <p>You cannot do both, use the <a href="http://www.csscss.org/#usage" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://www.csscss.org']);" title="More about the client-side usage of LESS">Client-side mode</a> of LESS to ease development and use the <a href="https://github.com/marceloverdijk/lesscss-maven-plugin" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://github.com']);" title="Homepage of the official LESS CSS maven plugin">lesscss-maven-plugin</a> to automatically compile the LESS-sources into CSS for production. That does not work, because your stylesheets must be linked in different ways if you are switching between the client-side mode &#8211; which is best for development &#8211; and the pre-compiled mode &#8211; which is best for production. For the client-side mode you need something like:</p>
           <pre class="prettyprint linenums">
   <code class="html">
-  &lt;link rel="stylesheet/less" type="text/css" href="styles.less" /&gt;
+  &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
   &lt;script src="../less.js" type="text/javascript"&gt;&lt;/script&gt;
   </code>
           </pre>
           <p>While, for the pre-compiled mode, you want to link to your stylesheets as usual, with:</p>
           <pre class="prettyprint linenums">
   <code class="html">
-  &lt;link rel="stylesheet/less" type="text/css" href="styles.css" /&gt;
+  &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
   </code>
           </pre>
           <p>While looking for a solution to this dilemma, I stumbled accross <a href="https://code.google.com/p/wro4j/" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the documentation of ths wounderfull tool">wro4j</a>. Originally intended, to speed up page-delivery by combining and minimizing multiple resources into one through the use of a servlet-filter, this tool also comes with a maven-plugin, that let you do the same offline, while compiling your webapp.</p>
   <code class="xml">
   &lt;groups xmlns="http://www.isdc.ro/wro"&gt;
     &lt;group name="base"&gt;
-      &lt;css&gt;/less/base/*.less&lt;/css&gt;
+      &lt;css&gt;/less/base/*.css&lt;/css&gt;
     &lt;/group&gt;
   </code>
           </pre>
-          <p>wro4j looks for <code>/less/base/*.less</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
+          <p>wro4j looks for <code>/less/base/*.css</code> inside the root of the web-context, which is equal to <code>src/main/webapp</code> in a normal maven-project. There are <a href="http://code.google.com/p/wro4j/wiki/ResourceTypes" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://code.google.com']);" title="See the resource locator documentation of wro4j for more details">other ways to specifie the resources</a>, which enable you to store them elswhere. But this approach works best for our goal, because the path is understandable for both: the wro4j servlet-filter, we are configuring now for our development-environment, and the wro4j-maven-plugin, that we will configure later for build-time compilation.</p>
           <h3>wro.properties</h3>
-          <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.less</code>-sources into CSS and do that on <em>every request</em>:</p>
+          <p>wro.properties in short tells wro4j, how or if it should convert the combined sources and how it should behave. I am using the following configuration to tell wro4j, that it should convert <code>*.css</code>-sources into CSS and do that on <em>every request</em>:</p>
           <pre class="prettyprint linenums">
   <code class="properties">
   preProcessors=less4j
index a15381b..5f6f4c7 100644 (file)
@@ -9,9 +9,9 @@
     <title>juplo - blog - hibernate4-maven-plugin</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 3e3a79f..51c8d72 100644 (file)
@@ -9,9 +9,9 @@
     <title>Contact</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index d7976cf..2b16711 100644 (file)
@@ -9,9 +9,9 @@
     <title>Datenschutz</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 8443262..0322b65 100644 (file)
@@ -9,9 +9,9 @@
     <title>Expertise</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 01d1dae..e67c603 100644 (file)
@@ -9,9 +9,9 @@
     <title>Google Analytics</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 623ed5d..c80281b 100644 (file)
@@ -9,9 +9,9 @@
     <title>Haftung für Inhalte</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 5746d13..ceb39ca 100644 (file)
@@ -9,9 +9,9 @@
     <title>Haftung für Links</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 28084f0..91446d7 100644 (file)
@@ -9,9 +9,9 @@
     <title>Impressum</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 7028f97..c5efa6b 100644 (file)
@@ -9,9 +9,9 @@
     <title>Home</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index ec79381..a0416cf 100644 (file)
@@ -9,9 +9,9 @@
     <title>Projects</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 3ff683b..7cf0004 100644 (file)
@@ -9,9 +9,9 @@
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Fix SWF - Overview</title>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 5548c53..ba17063 100644 (file)
@@ -9,9 +9,9 @@
     <title>Fix SWF - Getting Started</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 67f1321..5bcc154 100644 (file)
@@ -9,9 +9,9 @@
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Fix SWF - Overview</title>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index b0c11f7..892da3e 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 2b58c36..5762100 100644 (file)
@@ -9,7 +9,7 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Basis-Layout</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../less/base.less" th:href="@{/css/base.min.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../less/base.css" th:href="@{/css/base.min.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index 83395fe..e4c0549 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Langer Breadcrumb</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 59b1906..156f916 100644 (file)
@@ -9,8 +9,8 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Druck-Layout</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/print.css" th:href="@{/css/print.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/print.css" th:href="@{/css/print.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index d412dfd..1961f7f 100644 (file)
@@ -7,9 +7,9 @@
   <head>
     <title>This Page Will Raise An Error</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
   </body>
index beb5fef..22484be 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index b574a96..4374346 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Fast leere einspaltige Seite</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 66a5379..3de8efb 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index be3496d..d6d8826 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Fast leere Seite ohne Menü</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 7b3601c..cb177db 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index c79ad90..8902bdd 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Fast leere Seite mit Menü</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index bc7264d..ab872e3 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Formulare</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index e088372..64e7513 100644 (file)
@@ -9,8 +9,8 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Layout PHONE</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index 0a36ed6..e03f9f6 100644 (file)
@@ -9,8 +9,8 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Basis-Layout &amp; Seitenaufteilung</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/seitenaufteilung.css" th:href="@{/css/seitenaufteilung.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index 28ca8f2..b356cb6 100644 (file)
@@ -9,8 +9,8 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Basis-Layout &amp; Seitenkopf</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/seitenkopf.css" th:href="@{/css/seitenkopf.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index e6cce9c..0716c36 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Symbol-Font</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index ec04885..21842eb 100644 (file)
@@ -9,8 +9,8 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Layout TABLET</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/tablet.css" th:href="@{/css/tablet.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index cdf2874..fc5defc 100644 (file)
@@ -10,9 +10,9 @@
     <title>HTML-Experimente - Media-Query-Test: BEISPIEL</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../../less/print.css" media="print"/>
     <script src="../../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index c04f9fc..fd5662b 100644 (file)
@@ -9,8 +9,8 @@
   <head layout:fragment="head">
     <title>HTML-Experimente - Layout TINY</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
index a66a5bd..0ce2638 100644 (file)
@@ -9,9 +9,9 @@
     <title>Typography</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
     <script src="../../js/less-1.7.0.min.js"></script>
     <!--*/-->
index b1f8a00..6424f66 100644 (file)
@@ -9,9 +9,9 @@
     <title>References</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index 5e49ca7..658f885 100644 (file)
@@ -9,9 +9,9 @@
     <title>404: Page Not Found!</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index fc4c6af..1e5a6c4 100644 (file)
@@ -9,9 +9,9 @@
     <title>An Unexpected Error Occured!</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>
index c5a23a0..3b66851 100644 (file)
@@ -3,9 +3,9 @@
   <head>
     <title>Fragments</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.css" media="print"/>
     <script src="../../js/less-1.7.0.min.js"></script>
   </head>
   <body>
index 3dc14a2..0b77b61 100644 (file)
@@ -9,9 +9,9 @@
     <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/base.less" th:href="@{/css/base.min.css}"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen" th:remove="all"/>
-    <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print" th:remove="all"/>
+    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../less/base.less" th:href="@{/css/base.min.css}"/>
+    <link rel="stylesheet" type="text/css" href="../../less/screen.less" media="screen" th:remove="all"/>
+    <link rel="stylesheet" type="text/css" href="../../less/print.less" media="print" th:remove="all"/>
     <style type="text/css" th:inline="text">
       @import '[[@{/css/screen.min.css}]]' screen;
       @import '[[@{/css/print.min.css}]]' print;
@@ -21,7 +21,7 @@
       <script src="../../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
     <![endif]-->
     <!--[if IE 8]>
-      <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/ie8.less" th:href="@{/css/ie8.min.css}"/>
+      <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../less/ie8.css" th:href="@{/css/ie8.min.css}"/>
     <![endif]-->
     <script src="../../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
index ad2a2c3..a4b8f56 100644 (file)
@@ -9,9 +9,9 @@
     <title>Urheberrecht</title>
     <!--/*-->
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
-    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+    <link rel="stylesheet" type="text/css" href="../less/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../less/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../less/print.css" media="print"/>
     <script src="../js/less-1.7.0.min.js"></script>
     <!--*/-->
   </head>