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

    From Nonbinary Wiki
    No edit summary
    (more test)
     
    (41 intermediate revisions by 2 users not shown)
    Line 1: Line 1:
    .main-page-header {
    .navbox {
    grid-area: header;
      --accent: #dbb6e6;
    }
    }
    .main-page-about {
     
    grid-area: about;
    .navbox .mw-collapsed {
      width: 100%;
    }
    }
    .main-page-whatsnonbinary {
     
    grid-area: whatsnonbinary;
    .navbox {
      border: 1px solid var(--accent);
    }
    }
    .main-page-getinvolved {
     
    grid-area: getinvolved;
    table.navbox-inner  {
      border-spacing: 2px;
    }
    }
    .main-page-featuredarticle {
     
    grid-area: featuredarticle;
    .navbox .navbox-title {
      background: var(--accent);
    }
    }
    .main-page-grid {
     
       display: grid;
    .navbox .navbar li {
       grid-template-columns: repeat(auto-fit, 49%);
      display: inline-block;
       grid-template-rows: auto auto auto;
      padding-left:1px;
       grid-template-areas:
    }
        'header header'
     
        'about whatsnonbinary'
    .navbox .navbox-list li {
        'getinvolved featuredarticle';
       display: inline-block;
      grid-gap: 10px;
    }
    .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;
    }
    }

    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;
    }