Styling für Tablets 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 46c4e08..3a80904 100644 (file)
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -9,9 +9,11 @@
    <head>
      <title>juplo - <t:getAsString name="title"/></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" type="text/css" href="${base}css/base.css" />
      <style type="text/css">
-      @import '${base}css/screen.css' screen and (min-width: 960px);
+      @import '${base}css/screen.css' screen and (min-width: 750px);
+      @import '${base}css/tablet.css' screen and (min-width: 750px) and (max-width: 939px);
        @import '${base}css/phone.css' screen and (max-width: 599px);
        @import '${base}css/tiny.css' screen and (max-width: 399px);
      </style>
@@ -27,7 +29,7 @@
      <![endif]-->
    </head>
    <body onload="prettyPrint()">
-    <div id="page" class="<t:getAsString name="contentclass"/>">
+    <div id="page" class="<t:getAsString name="contentclass"/> cf">
        <header id="header">
          <a href="${base}index.html" title="Home" id="logo">juplo</a>
          <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>