Z My Little Donkey Wiki
Skocz do: nawigacja, szukaj
m (moar space)
m (.left-sidebox margin-right)
 
(Nie pokazano 4 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 1: Linia 1:
 
/* Umieszczony tutaj kod CSS wpłynie na wygląd skórki Nowoczesna */
 
/* Umieszczony tutaj kod CSS wpłynie na wygląd skórki Nowoczesna */
 +
.noresize {
 +
  max-width: 100%;
 +
  overflow-x: auto;
 +
}
 +
 +
.left-sidebox {
 +
  float: left;
 +
  width: 25em;
 +
  margin-right: 10px;
 +
}
 +
 
@media (max-width: 800px) {
 
@media (max-width: 800px) {
 
   #p-personal ul, #p-cactions ul {
 
   #p-personal ul, #p-cactions ul {
Linia 27: Linia 38:
 
     display: none;
 
     display: none;
 
   }
 
   }
 +
}
  
−
  .mw-parser-output #mp-topbanner {
 
−
    min-width: 0;
 
−
  }
 
  
−
   .mw-parser-output #mp-welcomecount, .mw-parser-output #mp-portals {
+
@media (max-width: 479px) {
−
    margin: 0.4em;
+
   .infobox, .vertical-navbox, .left-sidebox {
−
     width: auto;
+
     width: 100% !important;
−
    text-align: center;
 
 
   }
 
   }
−
 
−
  .mw-parser-output #mp-portals {
 
−
    position: initial;
 
−
    right: 0;
 
−
    top: 0;
 
−
    min-width: 0;
 
−
    font-size: 95%;
 
−
  }
 
−
 
−
  .mw-parser-output #mp-left, .mw-parser-output #mp-left+td, .mw-parser-output #mp-right {
 
−
    display: block;
 
−
    width: 100%;
 
−
  }
 
−
 
 
}
 
}

Aktualna wersja na dzień 00:24, 11 wrz 2026

/* Umieszczony tutaj kod CSS wpłynie na wygląd skórki Nowoczesna */
.noresize {
  max-width: 100%;
  overflow-x: auto;
}

.left-sidebox {
  float: left;
  width: 25em;
  margin-right: 10px;
}

@media (max-width: 800px) {
  #p-personal ul, #p-cactions ul {
    display: flex;
    justify-content: space-around;
  }

  #p-personal li, #p-cactions li {
    flex-grow: 1;
    text-align: center;
    margin: 0;
  }

  #p-personal li a {
    padding: 0;
  }

  #p-cactions, #mw_content {
    margin: 0;
  }

  #mw_portlets {
    display: none;
  }

  li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#ca-talk, li#ca-watch, li#ca-unwatch {
    display: none;
  }
}


@media (max-width: 479px) {
  .infobox, .vertical-navbox, .left-sidebox {
    width: 100% !important;
  }
}