<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>
<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>
<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>
<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 – which is best for development – and the pre-compiled mode – 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 – which is best for development – and the pre-compiled mode – which is best for production. For the client-side mode you need something like:</p>
<pre class="prettyprint linenums">
<code class="html">
- <link rel="stylesheet/less" type="text/css" href="styles.less" />
+ <link rel="stylesheet" type="text/css" href="styles.css" />
<script src="../less.js" type="text/javascript"></script>
</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">
- <link rel="stylesheet/less" type="text/css" href="styles.css" />
+ <link rel="stylesheet" type="text/css" href="styles.css" />
</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">
<groups xmlns="http://www.isdc.ro/wro">
<group name="base">
- <css>/less/base/*.less</css>
+ <css>/less/base/*.css</css>
</group>
</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
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<!--/*-->
<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>
<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>
<!--/*-->
<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>
<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>
<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">
<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>
<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">
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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">
<head layout:fragment="head">
<title>HTML-Experimente - Basis-Layout & 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">
<head layout:fragment="head">
<title>HTML-Experimente - Basis-Layout & 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">
<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>
<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">
<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>
<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">
<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>
<!--*/-->
<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>
<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>
<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>
<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>
<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;
<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>
<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>