X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Flayout.less;fp=src%2Fmain%2Fwebapp%2Fless%2Ftablet%2Flayout.less;h=4ddffb0d1c0e7bb30bee6cf876e99abc81391101;hp=0000000000000000000000000000000000000000;hb=8e719af3e5416142f6ad4cd9bea9c51f9f2011e4;hpb=cb1712d6fad34b2c22dee226151e674288175e17

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
new file mode 100644
index 00000000..4ddffb0d
--- /dev/null
+++ b/src/main/webapp/less/tablet/layout.less
@@ -0,0 +1,104 @@
+@import '../variables.less';
+
+body
+{
+  padding: 0 0 0 5em;
+}
+
+.cols_1
+{
+  padding-right: 3em;
+}
+.cols_1 > .content
+{
+  padding-bottom: 5.5em;
+}
+.cols_2 > .content
+{
+  padding: 0 15em 0 0;
+  margin-right: -15em;
+}
+.cols_2 > .content.cf:before,
+.cols_2 > .content.cf:after
+{
+  clear: none;
+  content: none;
+  display: inline;
+}
+.cols_2 > .content > .main
+{
+  float: none;
+  margin-right: -15em;
+  width: auto;
+  background-color: @hintergrund;
+  border-right: 3em solid @hintergrund;
+  /** Die 1px-Rahmen triggern, dass das erste Margin den Footer aufschiebt.
+      Bei einem Wert von 0 ragt dieses Margin dann einfach aus dem Footer
+      heraus... */
+  border-top: 1px solid @hintergrund;
+  border-bottom: 1px solid @hintergrund;
+}
+.cols_1 > .content > .marginal
+{
+  margin: 2em -3em 0 -5em;
+}
+.cols_1 > .content > .marginal div.m
+{
+  margin: -.125em 3em 0 5em;
+  padding: 2em 0;
+  background-color: @heller;
+  border-bottom: .125em solid @hintergrund;
+}
+.cols_2 > .content > .marginal
+{
+  float: left;
+  margin: 0 0 0 -5em;
+  padding: 2em 0 5em 5em;
+  position: static;
+  width: 100%;
+  border-top: 3em solid @hintergrund;
+}
+.cols_2 > .content > .marginal > div.m
+{
+  margin-right: -12em;
+}
+.cols_2 > .content #nav
+{
+  position: static;
+  width: auto;
+  border-right: .125em solid @hintergrund;
+}
+.cols_2 > .content #nav > #menu
+{
+  position: absolute;
+  top: -7em; /** 112px */
+  right: 3em;
+  margin: 0;
+}
+
+/** Faux-Column-Hack-Eigengewächs anpassen */
+#page.cols_2
+{
+  max-width: none;
+  border-right-width: 15em;
+}
+.cols_2 > #header
+{
+  margin-right: -15em;
+  border-right: 3em solid @hintergrund;
+}
+.cols_2 > #breadcrumb
+{
+  right: -15em;
+}
+.cols_2 > #footer
+{
+  position: static;
+  float: right;
+  margin-right: -15em;
+  padding: 0;
+  width: 15em;
+  background-color: @heller;
+  border-top: 3em solid @hintergrund;
+}
+