projects
/
website
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Umstellung auf Thymeleaf: Schritt 3 RELOADED - Thymleaf mit LayoutDialect
[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
44ab7d5
..
a5959e5
100644
(file)
--- a/
src/main/webapp/less/tablet/layout.less
+++ b/
src/main/webapp/less/tablet/layout.less
@@
-23,11
+23,11
@@
body
.nomenu .content
{
padding: 0 0 5em 0;
.nomenu .content
{
padding: 0 0 5em 0;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
padding-bottom: 4em;
}
{
padding-bottom: 4em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
padding-bottom: 3.25em;
}
{
padding-bottom: 3.25em;
}
@@
-44,11
+44,11
@@
body
float: none;
width: auto;
padding: 0 3em 0 5em;
float: none;
width: auto;
padding: 0 3em 0 5em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
padding: 0 2em 0 3em;
}
{
padding: 0 2em 0 3em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
padding: 0 1em 0 2.5em;
}
{
padding: 0 1em 0 2.5em;
}
@@
-81,12
+81,12
@@
body
#header
{
padding: 1em 3em 2em 5em;
#header
{
padding: 1em 3em 2em 5em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
margin-left: -1.5em;
padding: .5em 2em 2em 3em;
}
{
margin-left: -1.5em;
padding: .5em 2em 2em 3em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
margin-left: -1.2em;
padding: 1em 1em 2em 2.5em;
{
margin-left: -1.2em;
padding: 1em 1em 2em 2.5em;
@@
-101,11
+101,11
@@
body
position: static;
border-right: .125em solid @hintergrund;
margin-left: 20em;
position: static;
border-right: .125em solid @hintergrund;
margin-left: 20em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
margin-left: 18.5em;
}
{
margin-left: 18.5em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
margin-left: 17.5em;
#menu > li.about
{
margin-left: 17.5em;
#menu > li.about
@@
-130,12
+130,12
@@
body
width: auto;
top: -9em;
right: 3em;
width: auto;
top: -9em;
right: 3em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
top: -7.7em;
right: 2em;
}
{
top: -7.7em;
right: 2em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
top: -6.5em;
right: 1em;
{
top: -6.5em;
right: 1em;
@@
-147,22
+147,22
@@
body
}
#menu > li.m
{
}
#menu > li.m
{
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
padding: 0 0 0 3em;
}
{
padding: 0 0 0 3em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
padding: 0 0 0 2em;
}
}
#menu > li.m > .m
{
{
padding: 0 0 0 2em;
}
}
#menu > li.m > .m
{
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
font-size: 200%; /* 32px */
}
{
font-size: 200%; /* 32px */
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
font-size: 150%; /* 24px */
}
{
font-size: 150%; /* 24px */
}
@@
-171,12
+171,12
@@
body
#menu > li.m > a.m.selected:before,
#menu > li.m > strong.m:before
{
#menu > li.m > a.m.selected:before,
#menu > li.m > strong.m:before
{
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
content: '> ';
margin-left: -.95em;
}
{
content: '> ';
margin-left: -.95em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
}
}
{
}
}
@@
-196,11
+196,11
@@
body
.nomenu #footer
{
padding: 0 3em 1.5em 5em;
.nomenu #footer
{
padding: 0 3em 1.5em 5em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
padding: 0 2em 1em 3em;
}
{
padding: 0 2em 1em 3em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
padding: 0 1em .75em 2.5em;
}
{
padding: 0 1em .75em 2.5em;
}
@@
-216,13
+216,13
@@
body
{
left: 11.9em;
right: 3em;
{
left: 11.9em;
right: 3em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
font-size: 87.5%; /* 14px */
top: 7.2em;
left: 9.8em;
}
{
font-size: 87.5%; /* 14px */
top: 7.2em;
left: 9.8em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
top: 5.8em;
left: 7em;
{
top: 5.8em;
left: 7em;
@@
-239,12
+239,12
@@
body
background-color: @heller;
position: relative;
top: -4.5em;
background-color: @heller;
position: relative;
top: -4.5em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
padding-left: 3em;
padding-right: 2em;
}
{
padding-left: 3em;
padding-right: 2em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
padding-left: 2.5em;
padding-right: 1em;
{
padding-left: 2.5em;
padding-right: 1em;
@@
-253,12
+253,12
@@
body
.menu .content > .marginal > aside.m
{
margin: 0 -12em 1em 20em;
.menu .content > .marginal > aside.m
{
margin: 0 -12em 1em 20em;
- @media (max-width:
@maxsmalltablet
)
+ @media (max-width:
(@maxsmalltablet)
)
{
margin-left: 18.5em;
margin-right: -13em;
}
{
margin-left: 18.5em;
margin-right: -13em;
}
- @media (max-width:
@maxsmallertablet
)
+ @media (max-width:
(@maxsmallertablet)
)
{
margin-left: 17.5em;
margin-right: -14em;
{
margin-left: 17.5em;
margin-right: -14em;