Jump to content

MediaWiki:Gadget-forward.css: Difference between revisions

From Philosophical Research
m responsive
m responsive
Line 11: Line 11:
@media screen and (max-width: 100rem) {
@media screen and (max-width: 100rem) {
  .data_wavebuild.three .row  { display: block; }  /* disable grid */
  .data_wavebuild.three .row  { display: block; }  /* disable grid */
  dl.hue.data_wavebuild.three .row .p134 dd  { min-width: 12em; }  /* save just a bit of space */
  dl.hue.data_wavebuild.three .row .p134 dd  { min-width: 11.5em; }  /* save just a bit of space */
}
}
@media screen and (max-width: 72rem) {  /* approximately mobile size */
@media screen and (max-width: 72rem) {  /* approximately mobile size */

Revision as of 10:54, 3 November 2025

/* Gadget "WavebuildForward"  -  reorder Wavebuilder combinations to look as they do in Wavebuilder dictionaries
To use this, go to Preferences and select  gadget-WavebuildForward -   [https://research.moraleconomy.au/index.php?title=Special:Preferences#mw-prefsection-gadgets] */

.data_wavebuild.three .row.p135 dd.value-main, .data_wavebuild.three .row.p135 .wrap.p145, .data_wavebuild.three .row.p135 .wrap.p134 dt,
.data_wavebuild.three .row.p153 dd.value-main, .data_wavebuild.three .row.p153 .wrap.p145, .data_wavebuild.three .row.p153 .wrap.p134 dt
  { outline: 5px solid red; display: none; }
.data_wavebuild.three .row.p135 .wrap.p134 .result, .data_wavebuild.three .row.p153 .wrap.p134
  { display: inline-block; }

/* try to delay grid nastily wrapping on small screens */
@media screen and (max-width: 100rem) {
 .data_wavebuild.three .row  { display: block; }  /* disable grid */
 dl.hue.data_wavebuild.three .row .p134 dd  { min-width: 11.5em; }  /* save just a bit of space */
}
@media screen and (max-width: 72rem) {   /* approximately mobile size */
 .data_wavebuild.three .row dt  { display: none; }
 dl.hue.data_wavebuild.three .row .p134 dd  { min-width: auto; }  /* save space */
}

/* [[C:Wavebuilder templates]] */