MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 60: / Line 60: @@
 }
 /*END GRID FORMATTING*/
+/*BEGIN ABILITY FORMATTING*/
+.ability-table {
+    width: 100%;
+    border-collapse: collapse;
+}
+.ability-table table {
+    width: 100%;
+    table-layout: fixed;
+}
+.ability-table th {
+    color: white;
+    padding: 8px;
+}
+.ability-table th:nth-child(1),
+.ability-table td:nth-child(1) {
+    width: 13%; /*name*/
+}
+.ability-table th:nth-child(2),
+.ability-table td:nth-child(2) {
+    width: 14%; /*type*/
+}
+.ability-table th:nth-child(3),
+.ability-table td:nth-child(3) {
+    width: 12%; /*range*/
+}
+.ability-table th:nth-child(4),
+.ability-table td:nth-child(4) {
+    width: 9%; /*cooldown*/
+}
+.ability-table th:nth-child(5),
+.ability-table td:nth-child(5) {
+    width: 62%; /*description*/
+}
+.ability-table td:nth-child(5) {
+    font-size: 12px; /*description text font size*/
+}
+/* light theme */
+.skin-theme-clientpref-day .ability-table th {
+    background-color: #E4E9F1;
+    color: black;
+}
+/* dark theme */
+.skin-theme-clientpref-night .ability-table th {
+    background-color: #191E29;
+    color: white;
+}
+/* auto theme */
+.skin-theme-clientpref-os .ability-table th {
+    background-color: var(--color-surface-2);
+    color: inherit;
+}
+/*END ABILITY FORMATTING*/
 /* BEGIN GALLERY TRANSFORMATIONS */
@@ Line 173: / Line 237: @@
 	background: none !important;
 	padding: 0 !important;
-	color: #002bb8 !important;
+	color: #5ca3d6 !important;
 }
@@ Line 218: / Line 282: @@
 	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
 	break-inside: avoid-column;
+}
+/* ===============CONTENT THAT MARTY HAS ADDED TO REFLECT RESPONSIVE IMAGE RESCALING ON THE /TEST PAGE=============== */
+/* To make images responsive */
+.res-img img {
+	border-radius: 5px;
+	max-width:100%;
+	height:auto;
+    object-fit: cover;
+    transition: transform 0.3s ease;
+}
+.res-img:hover img {
+    transform: scale(1.05);
 }