make quote jump button a button

core/css/bbc.css

@@ -28,8 +28,26 @@ div.quote .subq {
 
 div.quote .subq .userlink { flex-grow: 1; }
 
+div.quote .subq .qjump {
+	background: var(--default-button-background);
+	border: var(--default-button-border);
+}
+
+div.quote .subq .qjump:hover {
+	background: var(--hover-button-background);
+	border: var(--hover-button-border);
+}
+
+div.quote .subq .qjump:active {
+	background: var(--active-button-background);
+	border: var(--active-button-border);
+}
+
 div.quote .subq .qjump a {
-    padding: 4px;
+	display: block;
+	text-decoration: none;
+	color: var(--main-text);
+	padding: 4px;
 }
 
 div.spoiler {

core/css/usercard.css

@@ -0,0 +1,31 @@
+.usercard {
+	--main-text: #000000;
+	background-image: var(--usercard-image, none);
+	background-color: var(--usercard-color, var(--secondary-container-background));
+	color: var(--main-text, #000000);
+	border: 1px solid #7e7e7e;
+	padding: 8px;
+	background-position: 50% 50%;
+	font-family: var(--primary-font);
+	text-shadow: 
+		-1px -1px 0 var(--usercard-outline), 
+		0px -1px 0 var(--usercard-outline), 
+		1px -1px 0 var(--usercard-outline), 
+		-1px 0px 0 var(--usercard-outline), 
+		-1px 1px 0 var(--usercard-outline), 
+		0px 1px 0 var(--usercard-outline), 
+		1px 1px 0 var(--usercard-outline),
+		1px 0px 0 var(--usercard-outline);
+}
+
+.usercard div.aframe {
+	display: inline-block;
+}
+.usercard .aframe {
+	background-size: 100%;
+	width: 128px; height: 128px;
+}
+.usercard .aframe.small {
+	image-rendering: auto;
+	width: 64px; height: 64px;
+}

core/style.css

@@ -1,5 +1,6 @@
-/* == BUTTONS */ @import url('css/buttons.css');
+/* BUTTONS */ @import url('css/buttons.css');
-/* = TABBED CONTAINERS */ @import url('css/tabbed-container.css');
+/* TABBED CONTAINERS */ @import url('css/tabbed-container.css');
+/* USER CARD */ @import url('css/usercard.css');
 
 /* Prevent automatic browser scaling and non-linear rendering */
 .pixel,
@@ -232,39 +233,6 @@ div.page-selector div.pagebutton.curpage a:visited {
 div.page-selector div.pagebutton.backpage { border-right: none; }
 div.page-selector div.pagebutton.forwpage { border-left: none; }
 
-/* == USER CARDS */
-.usercard {
-	--main-text: #000000;
-	background-image: var(--usercard-image, none);
-	background-color: var(--usercard-color, var(--secondary-container-background));
-	color: var(--main-text, #000000);
-	border: 1px solid #7e7e7e;
-	padding: 8px;
-	background-position: 50% 50%;
-	font-family: var(--primary-font);
-	text-shadow: 
-		-1px -1px 0 var(--usercard-outline), 
-		0px -1px 0 var(--usercard-outline), 
-		1px -1px 0 var(--usercard-outline), 
-		-1px 0px 0 var(--usercard-outline), 
-		-1px 1px 0 var(--usercard-outline), 
-		0px 1px 0 var(--usercard-outline), 
-		1px 1px 0 var(--usercard-outline),
-		1px 0px 0 var(--usercard-outline);
-}
-
-.usercard div.aframe {
-	display: inline-block;
-}
-.usercard .aframe {
-	background-size: 100%;
-	width: 128px; height: 128px;
-}
-.usercard .aframe.small {
-	image-rendering: auto;
-	width: 64px; height: 64px;
-}
-
 /* == MAIN BODY */
 
 body {