MediaWiki:Characters-Section.css: Difference between revisions

← Older edit

MediaWiki:Characters-Section.css (view source)

Revision as of 01:46, 29 January 2024

975 bytes added , 29 January

no edit summary

Ritsu

ElEditors, Interface administrators, Administrators

70,857

edits

@@ Line 5: / Line 5: @@
      gap: 0.5rem;
      font-size: 1.05rem;
-     padding: .25rem;
+     padding: 0 .25rem;
-     text-shadow: 1px 1px 2px rgba(0,0,0,.35);
+     border-radius: 0;
+    overflow: hidden;
+}
+.segment.section-characters .segment .segment-headers {
+    transform: skew(-10deg);
+}
+.section-characters .image-wrap {overflow:hidden; position: relative!important}
+.section-characters .segment .segment-header a, .section-characters .segment .segment-header .image-cropped {
+    transform: skew(10deg);
 }
@@ Line 13: / Line 24: @@
 }
-.section-characters a:not(.segment .segment a) {
+.section-characters .segment-header a {
      color: #fff!important;
+    text-shadow: 1px 1px 1px #000;
+    overflow: hidden;
 }
 .section-characters > .segment-contents > .mw-collapsible-content {
      display: grid;
-     grid-template-columns: repeat(4, calc(25% - 3px));
+     grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
      gap: 0.25rem;
 }
@@ Line 25: / Line 38: @@
 .section-characters .mw-collapsible-toggle a {
      display: none!important;
-}
-.section-characters .image-wrap img {
-    width: calc(512px * 0.75);
-    height: auto;
 }
 .section-characters .image-cropped {
-     width: 81px!important;
+     margin-left: -11px;
-    height: 46px!important;
 }
@@ Line 44: / Line 51: @@
      background-position: center;
      background-size: contain;
-}
-.section-characters > .segment-contents {
-    padding: 0.25rem;
 }
@@ Line 57: / Line 60: @@
      display: inline-block;
      transform: rotate(90deg);
+    position: relative;
+    bottom: 5px;
+}
+.section-characters .segment > .mw-collapsible-toggle:hover {
+    background-color: rgba(0,0,0,.25);
+}
+.section-characters .segment a {
+    font-weight: 500;
+    word-break: break-word;
+}
+.mw-content-ltr .section-characters .mw-collapsible-toggle {
+    top: 10px;
+    right: 10px;
+    z-index: 2;
+}
+.section-characters .segment table a, .section-characters td {
+    font-size: .7rem;
+}
+.section-characters table {
+    margin-bottom: 1.15rem;
+}
+.section-characters > .segment-headers {
+    display: none!important;
+}
+.section-characters > .segment-contents {
+    border: 0!important;
+}
+.section-characters .segment .segment-header .image-wrap a {
+    transform: skew(0deg);
+}
+.segment.section-characters .mw-collapsible-text {
+    display: none;
 }