aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrubo77 <github@r.z11.de>2016-09-16 22:09:07 +0200
committerrubo77 <github@r.z11.de>2016-09-16 22:09:07 +0200
commit6b12669ec9cdd967fa59c2fcfb0ac5501b02f67a (patch)
tree076d312e398f8c069880ecd26ab449a88745753e
parentc74947720e495756014dd8919ac51e15a57fbe32 (diff)
Template Head: Kartenlink statt Logo bei geringer Auflösung
-rw-r--r--_layouts/base.html14
-rw-r--r--stylesheets/app.css23
2 files changed, 24 insertions, 13 deletions
diff --git a/_layouts/base.html b/_layouts/base.html
index 5e30e89..acb17a0 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -53,7 +53,6 @@
</head>
<body>
- <div class="nodealarm-link"><a href="nodealarm.html">Anmelden</a></div>
<!-- Header and Nav -->
@@ -75,21 +74,10 @@
<li><a href="http://mesh.freifunk.in-kiel.de">Karte</a></li>
</ul>
</div>
- <style type="text/css">
- .numnodes{
- position:absolute;margin-left:-120px; margin-top:24px;
- width: 118px;
- height: 92px;
- }
- @media only screen and (max-width: 870px) {
- .numnodes{
- display: none;
- }
- }
- </style>
<iframe class="numnodes" src="/numnodes.html" border="0" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
</div>
+ <div class="nodealarm-link"><a href="nodealarm.html">Anmelden</a></div>
<!-- End Header and Nav -->
{{ content }}
diff --git a/stylesheets/app.css b/stylesheets/app.css
index 4c2541f..c198903 100644
--- a/stylesheets/app.css
+++ b/stylesheets/app.css
@@ -140,6 +140,14 @@ textarea:focus, input[type='text']:focus, input[type='email']:focus, input[type=
padding-right:2px;
}
+.numnodes{
+ position:absolute;
+ margin-left:-120px;
+ margin-top:24px;
+ width: 118px;
+ height: 92px;
+}
+
/* -----------------------------------------
responsive design
----------------------------------------- */
@@ -151,6 +159,21 @@ textarea:focus, input[type='text']:focus, input[type='email']:focus, input[type=
}
}
+@media only screen and (max-width: 870px) {
+ div.header {
+ background: transparent !important;
+ }
+ .numnodes{
+ margin-left:-20px;
+ }
+}
+
+@media only screen and (max-width: 670px) {
+ .numnodes{
+ display: none;
+ }
+}
+
@media only screen and (max-width: 570px) {
div.header {
background: transparent !important;