Styling für sehr kleine Bildschirmgrößen hinzugefügt

[website] / src / main / webapp / WEB-INF / templates / html5page.jsp
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp

index 46f581e..15aabc3 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -10,8 +10,11 @@
      <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
      <link rel="stylesheet" type="text/css" href="css/base.css" />
      <style type="text/css">
-      @import 'css/screen.css' screen and (min-width: 960px)
+      @import 'css/screen.css' screen and (min-width: 960px);
+      @import 'css/phone.css' screen and (max-width: 599px);
+      @import 'css/tiny.css' screen and (max-width: 399px);
      </style>
+    <script src="js/base.js"></script>
      <!--[if IE 8]>
        <script src="js/ie8.js"></script>
      <![endif]-->
@@ -22,7 +25,7 @@
        <script src="js/ie6.js"></script>
      <![endif]-->
    </head>
-  <body>
+  <body onload="prettyPrint()">
      <div id="page">
        <header id="header">
          <a href="/" title="Home" id="logo">juplo</a>