X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=less%2Ftiny%2Flayout.less;fp=less%2Ftiny%2Flayout.less;h=805da7ae0cf6c91333f62cf803a5bf6f51031620;hp=0000000000000000000000000000000000000000;hb=6b7ab8c11e0c5d43952fc7a3a114cb1c1e85a310;hpb=152a67959bd3f9243489a648d4021eb2a0667679

diff --git a/less/tiny/layout.less b/less/tiny/layout.less
new file mode 100644
index 00000000..805da7ae
--- /dev/null
+++ b/less/tiny/layout.less
@@ -0,0 +1,67 @@
+body
+{
+  font-size: 75%; /** 12px */
+}
+#header
+{
+  font-size: 75%;
+  margin: .25em .5em 1em 1em;
+}
+#nav:target
+{
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+#breadcrumb,
+#nav:target > a.hide
+{
+  top: .5em;
+  right: .5em;
+}
+.content > .main,
+#footer
+{
+  margin: 0;
+  padding: 0 .5em;
+}
+.content > .marginal
+{
+  padding: 1em .5em 999em .5em;
+  margin-bottom: -991em;
+}
+
+@media (max-width: 210px)
+{
+  #nav:target
+  {
+    padding-top: 0;
+  }
+}
+@media (max-width: 150px)
+{
+  #header
+  {
+    font-size: 50%;
+  }
+  #header > hr.h
+  {
+    display: block;
+    margin: 0;
+  }
+  #slogan
+  {
+    display: none;
+  }
+  #breadcrumb,
+  #nav:target > a.hide
+  {
+    top: .2em;
+    line-heigth: 2.3em;
+    width: 2.4em;
+  }
+  #breadcrumb > a.hide:before,
+  #nav:target > a.hide:before
+  {
+    font-size: 264%; /** Vielfaches von 12px */
+  }
+}