better print

public/extensioncontentscript.css

@@ -1,20 +1,55 @@
-.BH-Monster-button {
-    display: inline-block !important;
-    margin-right: 10px !important;
-    margin-bottom: 20px !important;
-    width: auto !important;
-    padding: 0 15px !important;
-    border-color: #bc0f0f !important;
+@media print {
+    .image,
+    .details-aside,
+    .ddb-pronunciation-clip,
+    .more-links,
+    .BH-Monster-button,
+    .site-interactions,
+    .atf,
+    #footer {
+        display: none !important;
+    }
+    a[href]:after {
+        content: none !important;
+    }
+    .ad-container {
+        height: 0px !important;
+        margin-bottom: 0px !important;
+    }
+    .more-info.details-more-info,
+    .details-container {
+        padding-top: 26px !important;
+        border-top-color: rgb(236, 233, 233) !important;
+        border-top-style: solid !important;
+        border-top-width: 1px !important;
+    }
+    header.main {
+        height: 0px !important;
+        visibility: hidden !important;
+    }
+    #site-main::before {
+        background-image: none !important;
+    }
 }
 
-.BH-Monster-button span::before {
-    content: '';
-    display: inline-block;
-    height: 12px;
-    width: 12px;
-    background: url("chrome-extension://__MSG_@@extension_id__/icon-white.svg") no-repeat;
-    background-size: cover;
-    margin-right: 10px;
-    -webkit-transform: translateY(1px);
-    transform: translateY(1px)
+@media screen {
+    .BH-Monster-button {
+        display: inline-block !important;
+        margin-right: 10px !important;
+        margin-bottom: 20px !important;
+        width: auto !important;
+        padding: 0 15px !important;
+        border-color: #bc0f0f !important;
+    }
+    .BH-Monster-button span::before {
+        content: '';
+        display: inline-block;
+        height: 12px;
+        width: 12px;
+        background: url("chrome-extension://__MSG_@@extension_id__/icon-white.svg") no-repeat;
+        background-size: cover;
+        margin-right: 10px;
+        -webkit-transform: translateY(1px);
+        transform: translateY(1px)
+    }
 }

public/manifest.json

@@ -1,6 +1,6 @@
 {
     "name": "Beyond Help",
-    "version": "0.2.0",
+    "version": "0.1.1",
     "description": "Chrome extension with helpers to https://www.dndbeyond.com/.",
     "background": {
         "scripts": [
@@ -22,6 +22,16 @@
             "css": [
                 "extensioncontentscript.css"
             ]
+        },
+        {
+            "matches": [
+                "https://www.dndbeyond.com/characters/backgrounds*",
+                "https://www.dndbeyond.com/magic-items*",
+                "https://www.dndbeyond.com/spells*"
+            ],
+            "css": [
+                "extensioncontentscript.css"
+            ]
         }
     ],
     "commands": {