Beanz/flatpress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS of the Leggero style had some glitches on mobile devices. Fixed by laborix, thank you very much :)

Browse Source
This commit is contained in:
azett 2022-03-26 13:59:49 +01:00
parent 1f2f56538e
commit be550f4666
6 changed files with 130 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
fp-interface/themes/leggero/leggero/preview.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 20 KiB

7
fp-interface/themes/leggero/leggero/res/admin.css
View File

@ -9,6 +9,9 @@ Name: Leggero
Author: NoWhereMan & drudo
Version: 0.1
Module: admin.css
last change: 2022-02-19
*/
@import url(common.css);
@ -240,6 +243,10 @@ input.maxsize, select.maxsize { width: 100% }
}
#plugin-table td {
padding: 1em .6em;
}
.admin-entry-commentlist td ,
.admin-widgets-blockparser td ,
.admin-plugin-default td {

47
fp-interface/themes/leggero/leggero/res/column.css
View File

@ -10,7 +10,7 @@ Author: NoWhereMan & drudo
Version: 0.2
Module: style.css
last change: 2020-08-08
last change: 2022-03-17
*/
@ -19,17 +19,13 @@ last change: 2020-08-08
/* ===== COLUMN ===== */
#column {
float: right;
/* width: 195px !important;
width: 180px; */
width: 28%;
font-size: 80% !important;
font-size: 75%;
height:1%;
margin: 1em;
padding: 0.7em;
/* margin-bottom: 5px;
padding: 10px; */
/* border-left: solid 1px #ccc */
/* border-left: solid 1px #ccc; */
}
#column h4 {
@ -54,3 +50,42 @@ last change: 2020-08-08
#column fieldset { margin: 0 5px 0 5px }
#column legend { font-size: 100% }
/* =======================================================
The following definitions take care of the Calendar plugin
======================================================= */
.calendar {
margin: 0;
padding: 0 0 2em 0;
font-size: 80%;
}
.calendar-month {
margin: 0;
padding: 0.4em 0 0.4em 0;
color: #333;
background-color: transparent;
font-weight: bold;
border-bottom: 0.1em solid #333;
}
.calendar th {
padding: 0.4em;
color: #fff;
background-color: #c37576;
}
.calendar td {
padding: 0.4em;
text-align: center;
}
.current-day {
color: #333;
background-color: transparent;
border: 2px solid #c37576;
}
/* =======================================================
End of Calendar plugin
======================================================= */

31
fp-interface/themes/leggero/leggero/res/common.css
View File

@ -10,7 +10,7 @@ Author: NoWhereMan & drudo
Version: 0.2
Module: common.css
last change: 2020-08-08
last change: 2022-03-13
*/
@ -45,6 +45,29 @@ img {
height: auto;
}
/*
* Caution: The .center definition is used both by the Quickgallery and the ExtendedImg plugin!
*/
.center {
display: block;
margin-left: auto;
margin-right: auto
}
/* Plugin: QuickGallery */
.img-gallery img {
display: inline;
margin: 0.4em;
}
/* Plugin: QuickGallery */
.img-gallery img .center {
display: inline;
}
blockquote {
width: 90%;
color: #666;
@ -65,8 +88,8 @@ pre {
overflow: auto;
width: 90%;
margin: 1em 1em;
padding: 5px 10px;
margin: 1em 1em 2em 1em;
padding: 1em 0.5em;
/* fix overflow in IE */
min-height: 40px;
@ -223,7 +246,7 @@ h4 { font-size: 1.2em; }
#main p { line-height: 1.5em; margin-top: 1.2em; }
#main img { margin: 0.5em }
/* #main img { margin: 0.5em } */
#main img.emoticon { margin: 0; padding: 0 }

63
fp-interface/themes/leggero/leggero/res/style.css
View File

@ -10,7 +10,7 @@ Author: NoWhereMan & drudo
Version: 0.2
Module: style.css
last change: 2020-08-08
last change: 2022-03-12
*/
@ -39,23 +39,24 @@ body { margin: 80px 0 0 0 }
/* 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; */
margin: 0;
padding: 1em 0.5em 0 0.5em;
}
#main ul.entry-footer {
margin: 0;
padding: 2em 0 1em 0 ;
width: 98%;
text-align: right;
}
#column {
width: 100%;
font-size: 80%;
margin-bottom: 2em;
padding: 0.5em;
margin: 0;
padding: 1em 0.5em 2em 0.5em;
/* border: 1px solid red; */
overflow: auto; /* shit, bei 84% Bildbreite wird es eng! */
}
@ -65,10 +66,17 @@ body { margin: 80px 0 0 0 }
/* Kleinbildschirme */
@media only screen and (max-width: 480px) {
body {
margin: 1px 0 0 0;
padding: 0;
width: 100%;
}
#body-container {
margin: 0;
padding: 0;
width: 98%;
padding: 0.5em;
width: 96%;
border: none;
}
#head {
@ -77,18 +85,39 @@ body { margin: 80px 0 0 0 }
width: 100%;
}
#outer-container {
h1 {
margin: 0;
padding: 0;
width: 100%;
padding: 0.5em 0 0 0.2em;
}
.subtitle {
margin: 0;
padding: 0.5em 0.5em 1em 0.5em;
}
#main {
margin: 0;
padding: 0;
padding: 1em 0.4em 0 0;
width: 100%;
}
.entry {
margin: 0;
padding: 0 0.5em 1em 0.5em
}
#main ul.entry-footer {
margin: 0;
padding: 2em 0 1em 0;
width: 98%;
text-align: right;
}
#main pre {
margin: 0;
padding: 0 0 0 1.5em;
}
#column {
margin: 0;
padding: 0;

12
fp-interface/themes/leggero/leggero/style.conf.php
View File

@ -2,16 +2,16 @@
/*
* Style Name: Leggero
* Style URI: http://www.flatpress.org/
* Description: The default FlatPress theme which brings a breath of fresh mint air.
* Version: 0.705
* Author: NoWhereMan and Drudo
* Author URI: http://www.flatpress.org/
* Description: The default FlatPress theme which brings a breath of fresh mint air. Responsive and a great start for own themes!
* Version: 1.2
* Author: NoWhereMan and Drudo, optimised by Laborix
* Author URI: https://www.flatpress.org/
*/
$style ['name'] = 'leggero';
$style ['author'] = 'NoWhereMan';
$style ['www'] = 'http://www.flatpress.org/';
$style ['www'] = 'https://www.flatpress.org/';
$style ['version'] = 0.705;
$style ['version'] = 1.2;
$style ['style_def'] = 'style.css';
$style ['style_admin'] = 'admin.css';