test

webapp/index.php

@@ -127,41 +127,40 @@ if($_GET["action"] == "filme"){
 }else if($_GET["action"] == "rechte"){
 	$titel = "Rechteverwaltung";
 	$content = '<div class="content"><h1>Rechteverwaltung</h1>';
-	$JavaScript ='<style>.table-header-rotated {
+	$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>';
+					}
+					.csstransforms .table-header-rotated td {
+					  width: 30px;
+					}
+					.no-csstransforms .table-header-rotated th {
+					  padding: 5px 10px;
+					}
+					.table-header-rotated td {
+					  text-align: center;
+					  padding: 10px 5px;
+					  border: 1px solid #ccc;
+					}
+					.csstransforms .table-header-rotated th.rotate {
+					  height: 140px;
+					  white-space: nowrap;
+					}
+					.csstransforms .table-header-rotated th.rotate > div {
+					  -webkit-transform: translate(25px, 51px) rotate(315deg);
+					          transform: translate(25px, 51px) rotate(315deg);
+					  width: 30px;
+					}
+					.csstransforms .table-header-rotated th.rotate > div > span {
+					  border-bottom: 1px solid #ccc;
+					  padding: 5px 10px;
+					}
+					.table-header-rotated th.row-header {
+					  padding: 0 10px;
+					  border-bottom: 1px solid #ccc;
+					}
+					
+				    </style>';
 	$JavaScriptOLD = '<style>th.rotate {
 					  /* Something you can count on */
 					  height: 140px;