css: prefer rem over px

website/agenda/planung/css/default.css

@@ -101,8 +101,8 @@ body,
 }
 
 #content textarea {
-    padding: 6px;
-    border: 1px solid #ccc;
+    padding: 0.5rem;
+    border: 1px solid #fff;
     box-sizing:border-box;
 }
 
@@ -112,7 +112,7 @@ body,
         font-size: 1em;
     }
     input, button {
-        padding: 16px;
+        padding: 1rem;
     }
     #calcms_nav {
         min-width: 640px;
@@ -151,9 +151,8 @@ body,
 
 #calcms_nav div a, 
 #calcms_nav select {
-    padding: 6px;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
     line-height: 3em;
 }
 
@@ -254,14 +253,14 @@ a {
 }
 
 #content table td {
-    padding: 6px;
+    padding: 0.5rem;
     border-collapse: collapse;
     border-right: 0;
     border-left: 0;
 }
 
 #content table th {
-    padding: 6px;
+    padding: 0.5rem;
     border-collapse: collapse;
 }
 
@@ -317,13 +316,14 @@ table {
 }
 
 #content td {
-    padding: 3px;
+    padding: 0.5rem;
 }
 
 #content pre, 
 .pre {
     border: 0;
-    padding: 2em;
+    padding-top:1rem;
+    padding-bottom:1rem;
     color: #000;
 }
 
@@ -366,7 +366,7 @@ table {
 #content span.warn,
 #content span.error {
     font-weight: bold;
-    padding: 1px;
+    padding: 0;
 }
 
 #content span.ok,
@@ -392,10 +392,11 @@ div.error {
 div.badge-ok, 
 div.badge-warn, 
 div.badge-error {
-    border-radius: 4px;
+    border-radius: 0.3rem;
     display: inline;
-    margin: 3px;
-    padding: 3px;
+    margin-right: 0.5rem;
+    margin-top: 0.5rem;
+    padding: 0.2rem;
     line-height:1.6rem;
     white-space: nowrap;
 }
@@ -432,7 +433,7 @@ div.badge-error {
     margin: 1em;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .12), 0 2px 10px 0
         rgba(0, 0, 0, .09);
-    border-radius: 3px;
+    border-radius: 0.3rem;
 }
 
 #content table.table tr:hover {
@@ -464,7 +465,7 @@ table.tablesorter tr {
 
 #content table.tablesorter td,
 #content table.table td {
-    padding: 0.8rem 0.4rem;
+    padding: 0.3rem;
     text-align: left;
     vertical-align: middle;
 }