Szablon:Wspólne SG.css

/* 
Kod CSS wspólny dla nowych stron głównych.
<nowiki> */
@media only screen and (min-width: 850px) {
   .mobileonly {
      display: none;
   }
   .glowna-lista {
      width: 100%;
      display: grid;
      grid-auto-columns: minmax(0, 1fr);
      grid-column-gap: 0.1em;
   }

   .glowna-panel {
      width: 100%;
   }

   .glowna-panel:nth-child(1) {
      padding-top: 0.5em;
   }

   .glowna-main-content .glowna-kolumna {
      border-radius: 5px;
   }

   .glowna-main-content .panelcss-main {
      padding-left: 5px;
      padding-right: 5px;
   }

   .glowna-container {
      margin: -2px;
      width: 100%;
   }
   .glowna-topka {
      padding: 5px;
      border-radius: 3px;
      margin-bottom: 0.1em;
   }

   .glowna-footer {
      padding: 5px;
      border-radius: 3px;
      margin-left: 0;
      margin-top: 0.1em;
   }
   .glowna-edytujspisy {
      float: right;
      margin: 0 1em 1em 0;
      font-size: 10px;
      position: relative;
      top: -2em;
   }

   /* uproszczony panelcss */
   .panelcss-header {
      border: none;
      height: 24px;
      margin: 0;
      border-radius: 3px;
      padding-top: 1px;
   }

   /* dla timelessa */
   h2::after {
      border-bottom: none !important;
   }

   .panelcss-header span {
      display: flex;
   }

   .panelcss-header-content {
      font-weight: bold;
      font-size: 15px;
      padding: 2px 2px 0 7px;
      font-family: sans-serif;
   }

   .panelcss-content {
      padding: 4px 4px 0.7em 4px;
   }

   .glowna-topka p {
      margin: 0.5em 0.2em;
   }
   
   .glowna-panel img {
      margin-bottom: 3px;
   }
}

@media only screen and (max-width: 849px) {
   .desktoponly {
      display: none;
   }
   .glowna-lista {
      gap: 0;
   }
   .glowna-kolumna {
      grid-column: 1 / span 4;
   }
   .glowna-panel {
      width: 100%;
      padding: 5px;
   }

   .glowna-edytujspisy {
      display: none;
   }
   .glowna-container {
      margin-right: 0.5em;
   }
   .panelcss-main {
      margin-top: 2em;
   }
   .panelcss-header {
      margin-top: 0 !important;
   }
   .panelcss-header-content img {
      display: none;
   }
}
/*
</nowiki>
[[Kategoria:Szablony CSS]]
*/