update use instructions

1 files changed, 48 insertions, 0 deletions

diff --git a/cgit-responsive.css b/cgit-responsive.css
new file mode 100644
index 0000000..514f54b
--- /dev/null
+++ b/cgit-responsive.css
@@ -0,0 +1,48 @@
+@media only screen and (max-width: 800px) {
+  /* HEADER */
+  /* remove logo (save space) */
+  div#cgit table#header td.logo {
+    display: none;
+  }
+  /* wrap title text */
+  div#cgit table#header td.main {
+    white-space: normal;
+  }
+  /* td as block */
+  div#cgit table#header td {
+    display: block;
+  }
+  /* move branch switcher to left */
+  div#cgit table#header td.form {
+    text-align: left;
+  }
+  /* Don't display author (save space) */
+  div#cgit table#header td.sub.right {
+    display: none;
+  }
+
+  /* TABS */
+  /* both tabs and form are blocks */
+  div#cgit table.tabs td {
+    display: block;
+  }
+  /* every tab is block */
+  div#cgit table.tabs td a {
+    display: block;
+    text-align: right;
+  }
+
+  /* CONTENT */
+  div#cgit div.content {
+    overflow-x: auto;
+    padding: 0.5em;
+  }
+  td.ls-mode {
+    white-space: nowrap;
+  }
+
+  /* PANEL ALIGNMENT */
+  div#cgit div.cgit-panel {
+    float: left;
+  }
+}