style(boxes): attempt to fix colours (#13)

Author: amyheather

css/boxes.css

@@ -1,11 +1,7 @@
-.card {
-  --card-bg: #9dd0e2;
-  --text-color: black;
-  --card-border: #9dd0e2;
-
-  background-color: var(--card-bg);
-  color: var(--text-color);
-  border: 2px solid var(--card-border);
+.card-blue {
+  background-color: #9dd0e2;
+  color: black;
+  border: 2px solid #9dd0e2;
   border-radius: 8px;
   padding: 1.2em 1em 0.5em 1em;
   margin: 1.5em 0;
@@ -14,25 +10,45 @@
 }
 
 .card-open {
-  --card-bg: #201b45;
-  --text-color: white;
-  --card-border: black;
+  background-color: #201b45;
+  color: white;
+  border: 2px solid black;
+  border-radius: 8px;
+  padding: 1.2em 1em 0.5em 1em;
+  margin: 1.5em 0;
+  position: relative;
+  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.15);
 }
 
 .card-review {
-  --card-bg: #82c1b1;
-  --text-color: white;
-  --card-border: #68b47a;
+  background-color: #82c1b1;
+  color: white;
+  border: 2px solid #68b47a;
+  border-radius: 8px;
+  padding: 1.2em 1em 0.5em 1em;
+  margin: 1.5em 0;
+  position: relative;
+  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.15);
 }
 
 .card-reproduce {
-  --card-bg: #d56e46;
-  --text-color: white;
-  --card-border: #d16136;
+  background-color: #d56e46;
+  color: white;
+  border: 2px solid #d16136;
+  border-radius: 8px;
+  padding: 1.2em 1em 0.5em 1em;
+  margin: 1.5em 0;
+  position: relative;
+  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.15);
 }
 
 .card-reuse {
-  --card-bg: #8265f8;
-  --text-color: white;
-  --card-border: #7352f7;
+  background-color: #8265f8;
+  color: white;
+  border: 2px solid #7352f7;
+  border-radius: 8px;
+  padding: 1.2em 1em 0.5em 1em;
+  margin: 1.5em 0;
+  position: relative;
+  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.15);
 }

pages/research/jos_mri.qmd

@@ -36,25 +36,25 @@ The four JOS-MRI badges are:
 
 ![](jos_mri_resources/badges.png){alt-text="JOS-MRI badges"}
 
-::: {.card .card-open}
+::: {.card-open}
 
 **Open Research Object:** Models submitted for assessment are available in a public repository and distributed under standard open licences. This badge applies to all relevant artefacts, including code, data, models developed in commercial software, and supplementary materials such as scripts.
 
 :::
 
-::: {.card .card-review}
+::: {.card-review}
 
 **Research Object Reviewed:** Models are reviewed by the JOS-MRI Editors and their teams to confirm that the artefacts are functional and accurately reflect the implementation details reported in the associated paper.
 
 :::
 
-::: {.card .card-reproduce}
+::: {.card-reproduce}
 
 **Results Reproduced:** The submitted models are executed and tested by the JOS-MRI Editors and their teams to verify that the reported results can be successfully reproduced.
 
 :::
 
-::: {.card .card-reuse}
+::: {.card-reuse}
 
 **Research Object Reusable:** The submitted artefacts are evaluated for their reusability, using established frameworks such as Sharing Tools and Artefacts for Reusable Simulations (STARS), STrengthening the Reporting of Empirical Simulation Studies (STRESS), Overview, Design concepts and Details (ODD) protocol for agent-based models and System Dynamics Model Documentation and Assessment (SDM-Doc).