Themes: mono: mobile first behavior

diff --git a/www/themes/mono/scuttle.css b/www/themes/mono/scuttle.css
index 02f261f8cdb70788b6f5b98d0139182885728935..7f2e50e2e1bc6f662252cb7bb6aba1d449874562 100644 (file)
--- a/www/themes/mono/scuttle.css
+++ b/www/themes/mono/scuttle.css
@@ -671,3 +671,33 @@ a.bookmarklet {
 .ui-autocomplete {
     width: 458px;
 }
+
+/* Mobile First behavior */
+
+#search, #sidebar {
+       visibility: hidden;
+       display: none;
+}
+
+ol#bookmarks {
+       width: 95%;
+}
+
+#welcome {
+       width: 80%;
+}
+
+@media only screen and (min-width : 800px) {
+       #search, #sidebar {
+               visibility: inherit;
+               display: inherit;
+       }
+
+       ol#bookmarks {
+               width: inherit;
+       }
+
+       #welcome {
+               width: inherit;
+       }
+}