-[id$="/[edit]"] input[type=radio].tab ~ div.tab.help .himg,
-[id$="/[edit]"] input[type=radio].tab ~ div.tab.help .hdoc,
-[id$="/[newpage]"] input[type=radio].tab ~ div.tab.help .himg,
-[id$="/[newpage]"] input[type=radio].tab ~ div.tab.help .hdoc {
- display: none;
+
+@media(min-width: 540pt) {
+ .half {
+ display: inline-block;
+ width: 50%;
+ padding-right: 1em;
+ vertical-align: top;
+ }
+ h1.half, h2.half, h3.half, h4.half, h5.half, h6.half {
+ width: 50%;
+ }
+ .right {
+ float: right;
+ clear: both;
+ width: 33%;
+ margin: .25em 0 .5em 1em;
+ }
+ .left {
+ float: left;
+ clear: both;
+ width: 33%;
+ margin: .25em 1em .5em 0;
+ }
+ .left .left, .left .right,
+ .right .left, .right .right,
+ .half .left, .half .right {
+ float: none;
+ width: 100%;
+ margin: .25em 0 .5em 0;
+ }
+ section.left > :first-child,
+ section.right > :first-child {
+ float: none;
+ margin: 0 0 .5em 0;
+ }
+ .left > section:first-child > :first-child,
+ .right > section:first-child > :first-child {
+ margin-top: 0;
+ }
+ .left table, .right table, .half table {
+ width: 100%;
+ }
+
+ .left input.search, .left input[type="search"],
+ .right input.search, .right input[type="search"] {
+ width: 80%;
+ width: calc(100% - 2.5em);
+ }
+ ul.searchresults, ol.searchresults {
+ min-width: 50%;
+ }
+}
+
+
+/* === Editor === */
+
+[id$="/[edit]"] main .pagemenu {
+ margin-bottom: 1em;
+}
+
+.tab[name=edithelp] ~ .tab.editor textarea,
+.tab[name=edithelp] ~ .tab.syntax,
+.tab[name=edithelp] ~ .tab.attach,
+.tab[name=edithelp] ~ .tab.transl {
+ background-color: #FFF;
+ min-height: 20em; min-height: 50vh;
+}
+
+.tab[name=edithelp] ~ .tab.editor textarea {
+ width: 100%;
+ font-family: monospace;
+ font-size: inherit;