Template:Change History/styles.css: Difference between revisions

@@ Line 1: / Line 1: @@
-/* For [[Template:Change History]] */
 .change-history-header {
-	display: flex;
+    display: inline-flex;
-	justify-content: space-between;
+    font-size: 88%;
-	align-items: center;
+    margin: 0.5em 0;
-	font-size: 88%;
-	margin: 0.3em 0;
 }
 .change-history-content {
-	overflow: auto;
+    overflow: auto;
-	max-height: 330px;
+    max-height: 330px;
-	padding: 0.5em;
+    padding: 0.5em;
-	box-sizing: border-box;
+    box-sizing: border-box;
-	-moz-box-sizing: border-box;
+    background: transparent;
-	-moz-border-radius-topleft: 0.5em;
+    border-radius: 4px;
-	background: transparent;
+}
-	border-radius: 4px;
+.change-history-content hr + p {
-	hr + p {
+	margin-block: 0;
-		margin-block: 0;
-	}
 }
 .change-history-header a.external {
      background-image: none !important;
-     padding: 2px 10px;
+	margin-left: 0.75em;
+     padding: 2px 8px;
      border-radius: 20px;
-     background-color: var(--theme-color-3);
+     background-color: var(--background-color-2);
-    font-weight: 700;
+     color: var(--color-base);
-     color: var(--page-text-color);
+}
-    &:hover {
+.change-history-header a.external:hover {
-        background-color: var(--theme-color-5);
+    background-color: var(--background-color-3);
-        transition: ease 0.2s;
+    transition: ease 0.2s;
-        text-decoration: none;
+    text-decoration: none;
-    }
 }