MediaWiki:Characters-Section.css: Difference between revisions

← Older edit

MediaWiki:Characters-Section.css (view source)

Revision as of 01:46, 29 January 2024

1,427 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 {
+.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;
 }
-.section-characters > .mw-collapsible-toggle a {
+.section-characters .mw-collapsible-toggle a {
+    display: none!important;
+}
+.section-characters .image-cropped {
+    margin-left: -11px;
+}
+.mw-content-ltr .section-characters .segment > .mw-collapsible-toggle::after {
+    content: "";
+    display: block;
+    width: 15px;
+    height: 15px;
+    background-position: center;
+    background-size: contain;
+}
+.section-characters > .segment-contents .segment-contents {
+    padding: 0;
+}
+.section-characters .arrow {
+    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 .image-wrap img {
+.section-characters > .segment-contents {
-     width: calc(512px * 0.75);
+     border: 0!important;
-    height: auto;
 }
-.section-characters .image-cropped {
+.section-characters .segment .segment-header .image-wrap a {
-     width: 81px!important;
+     transform: skew(0deg);
-     height: 46px!important;
+}
+.segment.section-characters .mw-collapsible-text {
+     display: none;
 }