Add a smaller version of the site logo and title for small screens

[rails.git] / public / stylesheets / small.css

diff --git a/public/stylesheets/small.css b/public/stylesheets/small.css
index b11aebf69cf0688b0e0e964be8aaa20e64371fb8..59a38bba49618a23ad0b2b886b657a7761111fbb 100644 (file)
--- a/public/stylesheets/small.css
+++ b/public/stylesheets/small.css
@@ -38,6 +38,28 @@ h1 {
   margin-right: 1px;
 }
 
+/* Rules for the site name - shown when left sidebar is hidden */
+
+#small-title {
+  font-size: 12px;
+  line-height: 14px;
+  display: block;
+  position: absolute;
+  top: 0;
+  margin: 3px;
+}
+
+#small-title img {
+  position: absolute;
+}
+
+#small-title h1 {
+  position: absolute;
+  left: 18px;
+  font-size: 12px;
+  margin: 2px;
+}
+
 /* Rules for greeting bar in the top right corner */
 
 #greeting {