User:Ondo/vector-2022.css: Difference between revisions

    From Nonbinary Wiki
    No edit summary
    (more test)
     
    (4 intermediate revisions by the same user not shown)
    Line 1: Line 1:
    /* Infobox template style, copyed from en.wikipedia.org */
    .navbox {
    .infobox {
      --accent: #dbb6e6;
    border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
    }
    }
    .infobox caption {
     
    font-size: 125%;
    .navbox .mw-collapsed {
    font-weight: bold;
      width: 100%;
    padding: 0.2em;
    text-align: center;
    }
    }
    .infobox td,
     
    .infobox th {
    .navbox {
    vertical-align: top;
      border: 1px solid var(--accent);
    /* @noflip */
    text-align: left;
    }
    .infobox.bordered {
    border-collapse: collapse;
    }
    .infobox.bordered td,
    .infobox.bordered th {
    border: 1px solid #a2a9b1;
    }
    .infobox.bordered .borderless td,
    .infobox.bordered .borderless th {
    border: 0;
    }
    }


    .infobox.sisterproject {
    table.navbox-inner  {
    width: 20em;
      border-spacing: 2px;
    font-size: 90%;
    }
    }


    .infobox.standard-talk {
    .navbox .navbox-title {
    border: 1px solid #c0c090;
      background: var(--accent);
    background-color: #f8eaba;
    }
    .infobox.standard-talk.bordered td,
    .infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
    }
    }


    /* styles for bordered infobox with merged rows */
    .navbox .navbar li {
    .infobox.bordered .mergedtoprow td,
      display: inline-block;
    .infobox.bordered .mergedtoprow th {
      padding-left:1px;
    border: 0;
    border-top: 1px solid #a2a9b1;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
    }
    }


    .infobox.bordered .mergedrow td,
    .navbox .navbox-list li {
    .infobox.bordered .mergedrow th {
      display: inline-block;
    border: 0;
    /* @noflip */
    border-right: 1px solid #a2a9b1;
    }
    }
     
    .navbox .navbox-list ul {
    /* Styles for geography infoboxes, eg countries,
      margin: 0px !important;
      country subdivisions, cities, etc.           */
    .infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
    }
    }


    .infobox.geography  td,
    .navbox .navbox-list li::after {
    .infobox.geography  th {
      content: " · ";
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.4em 0.6em;
    }
    }
    .infobox.geography .mergedtoprow td,
    .navbox .navbox-list li:last-of-type:after {
    .infobox.geography .mergedtoprow th {
      content: none;
    border-top: 1px solid #a2a9b1;
    padding: 0.4em 0.6em 0.2em 0.6em;
    }
    }


    .infobox.geography .mergedrow td,
    .navbox .navbox-group {
    .infobox.geography .mergedrow th {
      background: var(--accent);
    border: 0;
      padding: 5px 10px !important;
    padding: 0 0.6em 0.2em 0.6em;
    }
    }


    .infobox.geography .mergedbottomrow td,
    .navbox .navbox-abovebelow {
    .infobox.geography .mergedbottomrow th {
      background: var(--accent) !important;
    border-top: 0;
      font-size: 80%;
    border-bottom: 1px solid #a2a9b1;
      padding: 3px 5px !important;
    padding: 0 0.6em 0.4em 0.6em;
    }
    }


    .infobox.geography .maptable td,
    .infobox.geography .maptable th {
    border: 0;
    padding: 0;
    }


    /* for the infobox renovation, own style */
    .vector-search-box {
    .infobox-test img {
    background: red !important;
        max-width: 320px;
    }
    }

    Latest revision as of 03:12, 21 July 2024

    .navbox {
      --accent: #dbb6e6;
    }
    
    .navbox .mw-collapsed {
      width: 100%;
    }
    
    .navbox {
      border: 1px solid var(--accent);
    }
    
    table.navbox-inner  {
      border-spacing: 2px;
    }
    
    .navbox .navbox-title {
      background: var(--accent);
    }
    
    .navbox .navbar li {
      display: inline-block;
      padding-left:1px;
    }
    
    .navbox .navbox-list li {
      display: inline-block;
    }
    .navbox .navbox-list ul {
      margin: 0px !important;
    }
    
    .navbox .navbox-list li::after {
      content: " · ";
    }
    .navbox .navbox-list li:last-of-type:after {
      content: none;
    }
    
    .navbox .navbox-group {
      background: var(--accent);
      padding: 5px 10px !important;
    }
    
    .navbox .navbox-abovebelow {
      background: var(--accent) !important;
      font-size: 80%;
      padding: 3px 5px !important;
    }
    
    
    .vector-search-box {
    	background: red !important;
    }