projects
/
website
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Tablet-Layout für kleinere Bildschirme überarbeitet
[website]
/
src
/
main
/
webapp
/
less
/
tablet
/
layout.less
diff --git
a/src/main/webapp/less/tablet/layout.less
b/src/main/webapp/less/tablet/layout.less
index
6d97d70
..
0597607
100644
(file)
--- a/
src/main/webapp/less/tablet/layout.less
+++ b/
src/main/webapp/less/tablet/layout.less
@@
-1,11
+1,27
@@
body
{
padding: 0 0 0 5em;
body
{
padding: 0 0 0 5em;
+ @media (max-width: @maxsmalltablet)
+ {
+ padding: 0 0 0 3.5em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding: 0 0 0 2.5em;
+ }
}
.cols_1
{
padding-right: 3em;
}
.cols_1
{
padding-right: 3em;
+ @media (max-width: @maxsmalltablet)
+ {
+ padding-right: 2em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ padding-right: 1em;
+ }
}
.cols_1 > .content
{
}
.cols_1 > .content
{
@@
-15,6
+31,7
@@
body
{
padding: 0 15em 0 0;
margin-right: -15em;
{
padding: 0 15em 0 0;
margin-right: -15em;
+ z-index: 2;
}
.cols_2 > .content.cf:before,
.cols_2 > .content.cf:after
}
.cols_2 > .content.cf:before,
.cols_2 > .content.cf:after
@@
-30,6
+47,15
@@
body
width: auto;
background-color: @hintergrund;
border-right: 3em solid @hintergrund;
width: auto;
background-color: @hintergrund;
border-right: 3em solid @hintergrund;
+ @media (max-width: @maxsmalltablet)
+ {
+ margin-top: -.5em;
+ border-right-width: 2em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ border-right-width: 1em;
+ }
/** 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... */
/** 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... */
@@
-84,6
+110,14
@@
body
{
margin-right: -15em;
border-right: 3em solid @hintergrund;
{
margin-right: -15em;
border-right: 3em solid @hintergrund;
+ @media (max-width: @maxsmalltablet)
+ {
+ border-right-width: 2em;
+ }
+ @media (max-width: @maxsmallertablet)
+ {
+ border-right-width: 1em;
+ }
}
.cols_2 > #breadcrumb
{
}
.cols_2 > #breadcrumb
{