italicize the older release names too

[nano-editor.git] / style.css

diff --git a/style.css b/style.css
index b865d006a1e90de7b52950404307d8327225ffc1..cd59d15db87eb6642abdff02a224cb3e47862a86 100644 (file)
--- a/style.css
+++ b/style.css
@@ -69,23 +69,67 @@ table#homepage {
        padding-bottom: 3em;
 }
 
-table#bottom td.indented {
+table#top td,
+div#bottom .indented {
        padding-left: 1ch;
        padding-right: 1ch;
 }
 
+table#docs,
+table#download {
+       width: 80%;
+}
+
+div#bottom {
+       display: flex;
+       flex-wrap: wrap;
+}
+div#bottom span.menuitem {
+       flex-basis: 25%;
+       flex-grow: 1;
+       flex-shrink: 0;
+       line-height: 1em;
+       white-space: nowrap;
+}
+
 /* Mobile (i.e. phones) */
 @media only screen and (max-width: 768px) {
 body {
        margin: 0px;
 }
 
+blockquote {
+       margin: 1em 0 1em 0;
+}
+
 table#homepage {
        font-size: x-small;
 }
 
-table#bottom td.indented {
+table#top td,
+div#bottom .indented {
        padding-left: 0.5ch;
        padding-right: 0.5ch;
 }
+
+div#bottom span.menuitem {
+       font-size: large;
+       line-height: inherit;
+}
+
+table#docs,
+table#download {
+       width: 100%;
+}
+
+#screenshots ul {
+       padding-left: 0;
+}
+}
+
+@media only screen and (max-width: 600px) {
+div#bottom span.menuitem {
+       flex-basis: 50%;
+       line-height: 1.5em;
+}
 }