test

webapp/index.php

@@ -127,7 +127,42 @@ if($_GET["action"] == "filme"){
 }else if($_GET["action"] == "rechte"){
 	$titel = "Rechteverwaltung";
 	$content = '<div class="content"><h1>Rechteverwaltung</h1>';
-	$JavaScript = '<style>th.rotate {
+	$JavaScript ='<style>.table-header-rotated {
+					  border-collapse: collapse;
+					  .csstransforms & td {
+					    width: 30px;
+					  }
+					  .no-csstransforms & th {
+					    padding: 5px 10px;
+					  }
+					  td {
+					    text-align: center;
+					    padding: 10px 5px;
+					    border: 1px solid #ccc;
+					  }
+					  .csstransforms & th.rotate {
+					    height: 140px;
+					    white-space: nowrap;
+					    // Firefox needs the extra DIV for some reason, otherwise the text disappears if you rotate 
+					    > div {
+					      transform: 
+					        // Magic Numbers
+					        translate(25px, 51px)
+					        // 45 is really 360-45
+					        rotate(315deg);
+					      width: 30px;
+					    }
+					    > div > span {
+					      border-bottom: 1px solid #ccc;
+					      padding: 5px 10px;
+					    }
+					  }
+					  th.row-header {
+					    padding: 0 10px;
+					    border-bottom: 1px solid #ccc;
+					  }
+					}</style>';
+	$JavaScriptOLD = '<style>th.rotate {
 					  /* Something you can count on */
 					  height: 140px;
 					  white-space: nowrap;