Update website

admin/phpMyAdmin/themes/pmahomme/scss/_card.scss

@@ -0,0 +1,120 @@
+.card {
+  margin-top: 2rem;
+  margin-bottom: 0.5rem;
+
+  > .card-header + .card-body {
+    padding-top: 0;
+  }
+}
+
+.card,
+.card-footer {
+  @if $direction == rtl {
+    text-shadow: -1px 1px 2px #fff inset;
+    -moz-box-shadow: -1px 1px 2px #fff inset;
+    -webkit-box-shadow: -1px 1px 2px #fff inset;
+    box-shadow: -1px 1px 2px #fff inset;
+  } @else {
+    text-shadow: 1px 1px 2px #fff inset;
+    -moz-box-shadow: 1px 1px 2px #fff inset;
+    -webkit-box-shadow: 1px 1px 2px #fff inset;
+    box-shadow: 1px 1px 2px #fff inset;
+  }
+}
+
+.card-header {
+  position: relative;
+  top: -1rem;
+  margin: 0 5px;
+  width: max-content;
+  max-width: 100%;
+  font-weight: bold;
+  padding: 5px 10px;
+  border: 1px solid #aaa;
+  font-size: 1em;
+  -moz-box-shadow: 3px 3px 15px #bbb;
+  -webkit-box-shadow: 3px 3px 15px #bbb;
+  box-shadow: 3px 3px 15px #bbb;
+
+  &,
+  &:first-child {
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+  }
+}
+
+.card-footer {
+  color: $th-color;
+  background: $th-background;
+  padding: 0.5em;
+}
+
+#maincontainer .card-header,
+.accordion > .card > .card-header {
+  position: static;
+  width: auto;
+  margin: 0;
+  border: none;
+
+  &:first-child {
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
+  }
+}
+
+#maincontainer {
+  .card {
+    background-color: $navi-background;
+    border: $card-border-width solid #999;
+
+    @if $direction == rtl {
+      -moz-box-shadow: -2px 2px 5px #ccc;
+      -webkit-box-shadow: -2px 2px 5px #ccc;
+      box-shadow: -2px 2px 5px #ccc;
+    } @else {
+      -moz-box-shadow: 2px 2px 5px #ccc;
+      -webkit-box-shadow: 2px 2px 5px #ccc;
+      box-shadow: 2px 2px 5px #ccc;
+    }
+
+    > .card-header + .card-body {
+      padding-top: $card-spacer-x;
+    }
+  }
+
+  .card-header {
+    padding: 0.1em $card-spacer-x;
+    background-color: #bbb;
+    color: #fff;
+    font-size: 1.6em;
+    font-weight: normal;
+    text-shadow: 0 1px 0 #777;
+    -moz-box-shadow: 1px 1px 15px #999 inset;
+    -webkit-box-shadow: 1px 1px 15px #999 inset;
+    box-shadow: 1px 1px 15px #999 inset;
+  }
+}
+
+.accordion {
+  > .card {
+    margin-top: 0;
+    margin-bottom: 0;
+
+    > .card-header {
+      background-color: inherit;
+      box-shadow: none;
+
+      .btn {
+        color: #235a81;
+
+        &:active {
+          box-shadow: none;
+        }
+      }
+    }
+
+    .card-body {
+      background-color: #fff;
+    }
+  }
+}