Rule CSS in access-control

Geonovum · Jun 7, 2024 · 9ba2b3e · 9ba2b3e
1 parent f74c6c5
commit 9ba2b3e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/API-strategie-modules/access-control/index.html b/API-strategie-modules/access-control/index.html
@@ -4,12 +4,11 @@
 <head>
   <meta content="text/html; charset=utf-8" http-equiv="content-type">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <script src="https://cdn.jsdelivr.net/gh/digitalbazaar/respec-mermaid@1.0.1/dist/main.js" class="remove"></script>
+  <script class="remove" src="https://cdn.jsdelivr.net/gh/w3c/respec-mermaid@1.1.0/dist/main.js"></script>
   <script src="https://tools.geostandaarden.nl/respec/config/geonovum-config.js" class="remove"></script>
   <script src="js/config.js" class="remove"></script>
   <script class="remove"> respecConfig = {...organisationConfig, ...respecConfig}</script>
-  <script>document.title = respecConfig.title</script>
-  <!-- titel wordt overschreven door config.js-->
+  <link rel="stylesheet" type="text/css" href="./media/style.css">
   <title>API Access control module</title>
   <link rel="shortcut icon" type="image/x-icon" href="https://tools.geostandaarden.nl/respec/style/logos/Geonovum.ico" />
   <script src="https://gitdocumentatie.logius.nl/publicatie/respec/builds/respec-nlgov.js" class="remove" async></script>

diff --git a/API-strategie-modules/access-control/media/style.css b/API-strategie-modules/access-control/media/style.css
@@ -0,0 +1,23 @@
+/*-- Design rule block ------------------------------------------------------------*/
+.rule {
+  margin: 1em 0;
+  padding: 1em 2em;
+  border-left-width: 0.5em;
+  border-left-style: solid;
+  border-color: #8CCBF2;
+  background: rgb(241, 246, 253);
+}
+
+.rulelab {
+  color: #005A9C;
+}
+
+.rulelab a {
+  font-weight: bold;
+}
+
+.flag {
+  float: right;
+  text-decoration: underline dotted;
+  text-transform: capitalize;
+}