test chrome & design updates

vcm/index.html

@@ -249,7 +249,7 @@
                  <strong>Zukunftsdialog Weilimdorf</strong> <br>
               </h1>
               <p id="redtext" style="color:red;">Hinweis: <br>
-                Die Darstellung in der Desktopversion mit dem Chrome Browser wird empfohlen. Es kann zu Änderungen in der Darstellung bei mobilen Endgeräten kommen.
+                Die Darstellung in der Desktopversion mit dem Chrome Browser wird empfohlen. Es kann zu Änderungen in der Darstellung bei mobilen Endgeräten und anderen Browsern kommen.
                 </p>
               <br>
               <!-- <p class="contentOne">Die digitale Beteiligungsplattform für das Projekt der Landeshauptstadt Stuttgart in Weilimdorf wurde von der <a href="https://www.hft-stuttgart.de/">Hochschule für Technik Stuttgart</a> zusammen mit der <a href="https://www.steg.de/">STEG</a> entwickelt.</p> -->
@@ -320,7 +320,7 @@
                     <p class="contentOne">Die Inhalte in der Karte welche für das Beteiligungsverfahren relevant sind werden über verschiedene Icons in der Karte verortet.</p>
                 </details>
               </details>
-              <button id="back-btn" onclick="showTexte();" style="display:none;float:left;" class="buttonset two"><span class="i18n_balloon_startscreen_btn">Zurück</span>
+              <button id="back-btn" onclick="showTexte();" style="display:none;float:left;" class="buttonset back"><span class="i18n_balloon_startscreen_btn">Zurück</span>
               </button>
               <button id="tourstart-btn" onclick="stopStory();" style="display:none;float:right;margin-right:2em;" class="buttonset two"><span class="i18n_balloon_startscreen_btn">Start</span>
               </button> <br>
@@ -762,6 +762,7 @@ Die weitere Entwicklung des Areals in kurz- und längerfristigen Entwicklungssch
     <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> -->
     <script src="templates/cus_Menu.js"></script>
     <script src="templates/story/virtualcitystory.js"></script>
+    <script src="templates/ipadspecific.js"></script>
  
   </body>
 </html>

vcm/templates/ipadspecific.js

+window.onload = function(){
+
+    if (checkagent() == true && is_touch_device() == true && checkIpad() == true && framework.isMobile() == false ) {
+
+        changeColor(true);
+    };
+// document.getElementById("redtext").innerHTML = "checkagent: " + checkagent() + " istouchdevice: " + is_touch_device() + " isipad:" + checkIpad();
+// checkagent();
+}
\ No newline at end of file

vcm/templates/story/story.css

@@ -27,12 +27,24 @@ header{
 .buttonset.one:hover{
     background-color:  #000000;
 }
+/* #back-btn{
+    background-color:	#B0B0B0;
+
+} */
 .buttonset.two{
     background-color: #000000;
+    width: 7rem;
 }
 .buttonset.two:hover{
     background-color: #5e5e5e;
 }
+.buttonset.back{
+    background-color: #B0B0B0;
+    width: 7rem;
+}
+.buttonset.back:hover{
+    background-color: #5e5e5e;
+}
 h1{
     color: #000000;
 }