diff --git a/fp-interface/themes/leggero/header.tpl b/fp-interface/themes/leggero/header.tpl
index 2975d1a..6298c13 100755
--- a/fp-interface/themes/leggero/header.tpl
+++ b/fp-interface/themes/leggero/header.tpl
@@ -1,10 +1,10 @@
-
+
{$flatpress.title|tag:wp_title:'«'}
-
-
+
+
{action hook=wp_head}
diff --git a/fp-interface/themes/leggero/leggero-v2/imgs/backshade.png b/fp-interface/themes/leggero/leggero-v2/imgs/backshade.png
new file mode 100644
index 0000000..9be237f
Binary files /dev/null and b/fp-interface/themes/leggero/leggero-v2/imgs/backshade.png differ
diff --git a/fp-interface/themes/leggero/leggero/res/column.css b/fp-interface/themes/leggero/leggero/res/column.css
index e82334a..55be5e3 100644
--- a/fp-interface/themes/leggero/leggero/res/column.css
+++ b/fp-interface/themes/leggero/leggero/res/column.css
@@ -7,8 +7,11 @@ Ispired by: http://pluxml.org theme default
Name: Leggero
Author: NoWhereMan & drudo
-Version: 0.1
+Version: 0.2
Module: style.css
+
+last change: 2020-08-08
+
*/
@@ -16,14 +19,17 @@ Module: style.css
/* ===== COLUMN ===== */
#column {
float: right;
- width: 195px !important;
- width: 180px;
+ /* width: 195px !important;
+ width: 180px; */
+ width: 28%;
font-size: 80% !important;
font-size: 75%;
height:1%;
- margin-bottom: 5px;
- padding: 10px;
- border-left: solid 1px #ccc
+ margin: 1em;
+ padding: 0.7em;
+ /* margin-bottom: 5px;
+ padding: 10px; */
+ /* border-left: solid 1px #ccc */
}
#column h4 {
diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index ce956c3..de77c71 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -7,8 +7,11 @@ Ispired by: http://pluxml.org theme default
Name: Leggero
Author: NoWhereMan & drudo
-Version: 0.1
+Version: 0.2
Module: common.css
+
+last change: 2020-08-08
+
*/
@@ -24,9 +27,10 @@ html {
body {
font-size: 100%;
padding: 0;
- text-align:center;
+ /* text-align: center; */
background: white url(../imgs/backshade.png) repeat-x;
color: black;
+ width: 100%
}
hr { display: none }
@@ -35,6 +39,12 @@ p { margin: .5em 0 }
img { border: none }
+/* Responsive Design img */
+img {
+ max-width: 100%;
+ height: auto;
+}
+
blockquote {
width: 90%;
color: #666;
@@ -122,7 +132,7 @@ h1 {
/* Title of the blog */
font-size: 2em;
letter-spacing: 2px;
- margin: 2em 0 0 0
+ margin: 2em 0 0 0.5em
}
h2 { } /* see h2.date */
@@ -133,7 +143,8 @@ h3 {
font-style: italic;
font-size: 1.5em;
color: #333333;
- margin: 0
+ margin: 0;
+ padding: 1em 0 1em 0;
}
h4 { font-size: 1.2em; }
@@ -143,10 +154,13 @@ h4 { font-size: 1.2em; }
/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
#body-container {
text-align: left;
- width: 760px !important;
+ /*width: 760px !important;
width: 748px; /* fix for I.E. */
- margin: 0 auto 0 auto;
- padding: 5px;
+ width: 85%;
+ margin: 0 auto;
+ max-width: 68em;
+ /* padding: 5px; */
+ padding: 0.3em;
border: solid 1px #ccc;
background-color: white
}
@@ -155,31 +169,40 @@ h4 { font-size: 1.2em; }
/* ===== HEAD ===== */
#head {
+ clear: both;
font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
- padding: 95px 10px 5px 5px;
+ /* padding: 95px 10px 5px 5px;
margin: 10px;
background: #c37676 url('../imgs/shade.png') repeat-x;
- border: #bbb 1px solid
+ border: #bbb 1px solid */
+ margin: 1em;
+ padding: 7em 0.6em 0.5em 0.5em;
+ border-radius: 1em;
+ border: 0;
+ background-image: linear-gradient( #aa4142, #c37576);
+ /* background: #aa4142 */
}
#head a { color: white; text-decoration: none }
+#head a:hover { color: white; text-decoration: underline }
- .subtitle {
- font-size: 100%;
- font-style: oblique;
- color: #F1F1F1;
- margin: .5em 0 0 0
- }
+.subtitle {
+ font-size: 100%;
+ font-style: oblique;
+ color: #F1F1F1;
+ margin: .5em 0 1em 1.2em
+}
/* ===== DIV CONTAINER "MAIN" ===== */
#outer-container {
- position: relative;
+ /* position: relative;
height: 1%;
margin: 0px;
padding: 0px;
border-top: 1px solid white; /* problem with I.E. */
+ width: 100%;
background-color: white
}
@@ -189,17 +212,20 @@ h4 { font-size: 1.2em; }
#main h4 { margin: 2em 0 0 0}
#main {
- float:left;
- position: relative;
+ float: left;
+ /* position: relative;
width: 508px !important;
- width: 478px;
+ width: 478px; */
+ width: 62%;
font-size: 100%;
- margin: 12px;
+ margin: 1em;
}
#main p { line-height: 1.5em; margin-top: 1.2em; }
-#main img { margin: .5em }
+#main img { margin: 0.5em }
+
+#main img.emoticon { margin: 0; padding: 0 }
/* === List === */
#main ul {
@@ -224,7 +250,7 @@ h4 { font-size: 1.2em; }
/* === Class of main block === */
h2.date {
- font-size: 0.5em;
+ font-size: 80%;
color: #aaa;
}
@@ -232,7 +258,7 @@ h4 { font-size: 1.2em; }
font-size: 80%;
font-style: oblique;
color: gray;
- margin: .2em 0 .8em 0
+ margin: .2em 0 0 0
}
/* .entry class */
@@ -284,6 +310,9 @@ h4 { font-size: 1.2em; }
clear: both;
font-size: 80%;
color: #555;
- padding: 5px;
+ background-color: #dcdcdc;
+ padding: 1em;
+ margin: 0 1em 1em 1em;
+ text-align: center;
border-top: #bbb 1px solid
}
diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index e4a70e8..d9f8b98 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -7,8 +7,11 @@ Ispired by: http://pluxml.org theme default
Name: Leggero
Author: NoWhereMan & drudo
-Version: 0.1
+Version: 0.2
Module: style.css
+
+last change: 2020-08-08
+
*/
@@ -30,5 +33,67 @@ body { margin: 80px 0 0 0 }
#comments li.comment-admin strong.comment-name { font-size:140% }
#widget-searchbox form {
- text-align: center;
+ /* text-align: center; */
}
+
+/* 800er Bildschirme zum Beispiel iPad Hochformat */
+@media only screen and (max-width: 768px) {
+
+#outer-container {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#main {
+ width: 100%;
+ padding: 0.5em;
+ /* border: 1px solid yellow; */
+}
+
+#column {
+ width: 100%;
+ font-size: 80%;
+ margin-bottom: 2em;
+ padding: 0.5em;
+ /* border: 1px solid red; */
+ overflow: auto; /* shit, bei 84% Bildbreite wird es eng! */
+}
+
+}
+
+/* Kleinbildschirme */
+@media only screen and (max-width: 480px) {
+
+#body-container {
+ margin: 0;
+ padding: 0;
+ width: 98%;
+}
+
+#head {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#outer-container {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#main {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+#column {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+
+}
\ No newline at end of file