made table-styles globally aavilable for all tables, not only colonnade

templates/default-layout.lucius

@@ -254,3 +254,79 @@ a.btn.btn-info:hover,
 .btn.btn-info:hover {
   background-color: var(--color-grey)
 }
+
+/* GENERAL TABLE STYLES */
+.table {
+  margin: 21px 0;
+  width: 100%;
+}
+
+.table--striped {
+
+  .table__row:not(.no-stripe):nth-child(even) {
+    background-color: rgba(0, 0, 0, 0.03);
+  }
+}
+
+.table--hover {
+
+  .table__row:not(.no-hover):not(.table__row--head):hover {
+    background-color: rgba(0, 0, 0, 0.07);
+  }
+}
+
+/* TABLE DESIGN */
+.table__row {
+
+  /* TODO: move outside of table__row as soon as tds and ths get their own class */
+  /* .table__td, .table__th { */
+  td, th {
+    padding-top: 14px;
+    padding-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    max-width: 300px;
+  }
+
+  /* .table__td { */
+  td {
+    font-size: 16px;
+    color: #808080;
+    line-height: 1.4;
+    vertical-align: top;
+  }
+
+  /* .table__th { */
+  th {
+    background-color: var(--color-dark);
+    position: relative;
+    font-size: 16px;
+    color: #fff;
+    line-height: 1.4;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    font-weight: bold;
+    text-align: left;
+  }
+}
+
+@media (max-width: 1200px) {
+
+  .table th {
+    padding: 4px 6px;
+  }
+}
+
+.table__td-content {
+  max-height: 100px;
+  overflow-y: auto;
+}
+
+.table__th-link {
+  color: white;
+  font-weight: bold;
+
+  &:hover {
+    color: inherit;
+  }
+}

templates/profile.hamlet

@@ -1,40 +1,37 @@
-<div .ui.container>
+<div .profile>
 
-    <h1>
+  <table .table.table--striped.table--hover>
-      _{MsgProfileHeading} #{userDisplayName}
+    <tr.table__row>
-
-    <table .table .table-striped >
-      <tr>
       <th> _{MsgName}
       <td> #{display userDisplayName}
-      <tr>
+    <tr.table__row>
       <th> _{MsgMatrikelNr}
       <td> #{display userMatrikelnummer}
-      <tr>
+    <tr.table__row>
       <th> _{MsgEMail}
       <td> #{display userEmail}
-      <tr>
+    <tr.table__row>
       <th> _{MsgIdent}
       <td> #{display userIdent}
-      <tr>
+    <tr.table__row>
       <th> _{MsgPlugin}
       <td> #{display userPlugin}
     $if not $ null admin_rights
-        <tr>
+      <tr.table__row>
         <th> Administrator
         <td>
           <ul>
             $forall institute <- admin_rights
               <li>#{display institute}
     $if not $ null lecturer_rights
-        <tr>
+      <tr.table__row>
         <th> Lehrberechtigt
         <td>
           <ul>
             $forall institute <- lecturer_rights
               <li>#{display institute}
     $if not $ null lecture_owner
-        <tr>
+      <tr.table__row>
         <th> Eigene Kurse
         <td>
           <ul>
@@ -42,7 +39,7 @@
               <li>
                 <a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh}
     $if not $ null lecture_corrector
-        <tr>
+      <tr.table__row>
         <th> Korrektor
         <td>
           <ul>
@@ -50,24 +47,24 @@
               <li>
                 <a href=@{CourseR tid csh CShowR}>#{display tid} - #{csh}
     $if not $ null studies
-        <tr>
+      <tr.table__row>
         <th> Studiengänge
         <td>
           <table .table .table-striped .table-hover>
-                <tr>
+            <tr.table__row>
               <th> Abschluss
               <th> Studiengang
               <th> Studienart
               <th> Semester
 
             $forall (degree,field,fieldtype,semester) <- studies
-                  <tr>
+              <tr.table__row>
                 <td> #{display degree}
                 <td> #{display field}
                 <td> #{display fieldtype}
                 <td> #{display semester}
     $if not $ null participant
-        <tr>
+      <tr.table__row>
         <th> Teilnehmer
         <td>
           <ul>

templates/table/colonnade.hamlet

@@ -3,7 +3,7 @@ $newline never
   $maybe sortableP <- pSortable
     $with toSortable <- toSortable sortableP
       <thead>
-        <tr .table__row.table__row--head>
+        <tr .table__row>
           $forall OneColonnade{..} <- getColonnade dbtColonnade
             <!-- TODO: give ths a class 'table__th' -->
             <!-- TODO: wrap content of th in 'div.table__th-content' -->

templates/table/colonnade.lucius

@@ -1,83 +1,4 @@
-
+/* SORTABLE TABLE */
-.table {
-  margin: 21px 0;
-  width: 100%;
-}
-
-.table--striped {
-
-  .table__row:not(.no-stripe):nth-child(even) {
-    background-color: rgba(0, 0, 0, 0.03);
-  }
-}
-
-.table--hover {
-
-  .table__row:not(.no-hover):not(.table__row--head):hover {
-    background-color: rgba(0, 0, 0, 0.07);
-  }
-}
-
-/* TABLE DESIGN */
-.table__row {
-
-  /* TODO: move outside of table__row as soon as tds and ths get their own class */
-  /* .table__td, .table__th { */
-  td, th {
-    padding-top: 14px;
-    padding-bottom: 10px;
-    padding-left: 10px;
-    padding-right: 10px;
-    max-width: 300px;
-  }
-
-  /* .table__td { */
-  td {
-    font-size: 16px;
-    color: #808080;
-    line-height: 1.4;
-    vertical-align: top;
-  }
-
-  &.table__row--head {
-    background-color: var(--color-dark);
-  }
-
-  /* .table__th { */
-  th {
-    position: relative;
-    font-size: 16px;
-    color: #fff;
-    line-height: 1.4;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    font-weight: bold;
-    text-align: left;
-  }
-}
-
-@media (max-width: 1200px) {
-
-  .table th {
-    padding: 4px 6px;
-  }
-}
-
-.table__td-content {
-  max-height: 100px;
-  overflow-y: auto;
-}
-
-.table__th-link {
-  color: white;
-  font-weight: bold;
-
-  &:hover {
-    color: inherit;
-  }
-}
-
-/* SORTABLE */
 .table {
 
   /* TODO: move outside of table as soon as tds and ths get their own class */