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

Various corrections in the stylesheet

Browse Source 
- fixed vertical alignment of BBCode toolbar in write panel
- Fixes a problem in the admin area when rendering font-sizes in Safari, Chrome and Firefox (iPhone/iPad)
- Lucida Console [code] ... [/code]is now correct as a font in the CSS file
- in the admin area, the configuration panel has been revised
- the menu bar is now centered if the screen width is less than 768px
This commit is contained in:
Fraenkiman 2023-11-02 22:53:09 +01:00
parent 53fda8663d
commit 5e916c2db0
5 changed files with 324 additions and 357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@ Author: NoWhereMan & drudo
Version: 0.1 Version: 0.1
Module: admin.css Module: admin.css
last change: 2022-02-19 last change: 2023-11-01
*/ */
@ -22,40 +22,34 @@ last change: 2022-02-19
.buttonbar input { .buttonbar input {
padding: .3em; padding: .3em;
background: #bdbdbd url(../imgs/buttonsh.png) repeat-x; background: #bdbdbd url(../imgs/buttonsh.png) repeat-x
} }
.buttonbar input:hover { .buttonbar input:hover {
padding: .3em; padding: .3em;
background: #d3d3d3 url(../imgs/buttonsh2.png) repeat-x; background: #d3d3d3 url(../imgs/buttonsh2.png) repeat-x
} }
/* ===== HEADERS TAGS ===== */ /* ===== HEADERS TAGS ===== */
h1, h1,
h2 { h2 {
font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif; font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
margin: auto; margin: auto
} }
h2 { h2 { border-bottom: 1px solid #ddd; margin: 0.5em 0 }
border-bottom: 1px solid #ddd;
}
#admin-content h2, #admin-content h2,
#admin-content form h2 { #admin-content form h2 {
font-style: normal; font-style: normal;
padding: unset; padding: unset
} }
body { background: #eee; } body { background: #eee }
/* === Redefines some stuff in inline mode === */ /* === Redefines some stuff in inline mode === */
body#inline-body { body#inline-body { background: white }
background: white;
}
body#inline-body input {
}
/* ===== Smartphone and Tablet ===== */ /* ===== Smartphone and Tablet ===== */
@media (max-width: 1920px) { /* prevents too large font size on mobile devices */ @media (max-width: 1920px) { /* prevents too large font size on mobile devices */
@ -66,7 +60,6 @@ body#inline-body input {
} }
} }
/* === Conflict with inner h1 === */ /* === Conflict with inner h1 === */
#admin-content h1 { color: black } #admin-content h1 { color: black }
@ -91,7 +84,7 @@ ul#admin-tabmenu {
padding: .5em; padding: .5em;
background: #000; background: #000;
-moz-border-radius-topleft:3px; -moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px; -moz-border-radius-topright:3px
} }
ul#admin-tabmenu li { ul#admin-tabmenu li {
@ -107,7 +100,7 @@ ul#admin-tabmenu li a {
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
padding: 0.5em; padding: 0.5em;
margin: .1em; margin: .1em
} }
ul#admin-tabmenu li a.admin-tab-current, ul#admin-tabmenu li a.admin-tab-current,
@ -115,12 +108,10 @@ ul#admin-tabmenu li a:hover {
color: black; color: black;
font-weight: normal; font-weight: normal;
background-color: #ddd; background-color: #ddd;
-moz-border-radius: 2px; -moz-border-radius: 2px
} }
ul#admin-tabmenu li a.admin-tab-current { ul#admin-tabmenu li a.admin-tab-current { font-weight: bold }
font-weight: bold;
}
/* ===== submenu ====== */ /* ===== submenu ====== */
@ -130,17 +121,14 @@ ul#admin-tabmenu li a.admin-tab-current {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
#admin-submenu li { #admin-submenu li { display:inline; font-size: 80% }
display:inline;
font-size: 80%;
}
#admin-submenu li a { #admin-submenu li a {
padding: 0 1em ; padding: 0 1em ;
color: #000; color: #000;
border-left: 1px solid #eee; border-left: 1px solid #eee;
border-right: 1px solid #eee; border-right: 1px solid #eee;
font-weight: normal; font-weight: normal
} }
#admin-submenu li a:hover, #admin-submenu li a:hover,
@ -149,12 +137,10 @@ ul#admin-tabmenu li a.admin-tab-current {
background: #555; background: #555;
padding: .1em 1em .3em; padding: .1em 1em .3em;
-moz-border-radius: 3px; -moz-border-radius: 3px;
text-decoration: none; text-decoration: none
} }
#admin-submenu li a.active { #admin-submenu li a.active { font-weight: bold }
font-weight: bold;
}
/* ===== MAIN MENU ITEM ===== */ /* ===== MAIN MENU ITEM ===== */
@ -183,7 +169,7 @@ input#subject {
} }
textarea.code { textarea.code {
font-family: Lucida Console, Monaco, monospace; font-family: 'Lucida Console', Monaco, monospace;
font-size: 90% font-size: 90%
} }
@ -194,11 +180,9 @@ textarea.code {
padding-left: 1em padding-left: 1em
} }
#admin-bbcode-toolbar p { display: inline }
#admin-bbcode-toolbar select { width: 10em } #admin-bbcode-toolbar select { width: 10em }
#admin-content table { width: 100%; } #admin-content table { width: 100% }
#admin-content td { #admin-content td {
font-size: 0.8em; font-size: 0.8em;
@ -207,16 +191,14 @@ textarea.code {
padding: .9em; padding: .9em;
*/ */
background: #e6e6e6; background: #e6e6e6;
text-align: center; text-align: center
} }
#admin-content .enabled td { #admin-content .enabled td { background: inherit }
background: inherit;
}
#admin-content td.main-cell { #admin-content td.main-cell {
width: 30%; width: 30%;
text-align: left; text-align: left
} }
#admin-content th { #admin-content th {
@ -227,15 +209,27 @@ textarea.code {
padding: 8px padding: 8px
} }
input.maxsize, select.maxsize { width: 100% } input.maxsize, select.maxsize { width: 99% }
#admin-bbcode-toolbar { #admin-bbcode-toolbar {
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-right: 0.7%; padding-right: 0.7%;
display: table;
border: none border: none
} }
#admin-bbcode-toolbar p {
display: table-cell;
vertical-align: middle;
line-height: 1em
}
#admin-bbcode-toolbar p img {
vertical-align: middle;
cursor: pointer
}
#admin-bbcode-toolbar legend { display: none } #admin-bbcode-toolbar legend { display: none }
#admin-content ul, #admin-content ul,
@ -245,18 +239,14 @@ input.maxsize, select.maxsize { width: 100% }
border: none; border: none;
width: 99%; width: 99%;
margin: auto; margin: auto;
height: 11em; height: 11em
} }
#plugin-table td { #plugin-table td { padding: 1em .6em }
padding: 1em .6em;
}
.admin-entry-commentlist td , .admin-entry-commentlist td ,
.admin-widgets-blockparser td , .admin-widgets-blockparser td ,
.admin-plugin-default td { .admin-plugin-default td { padding: 1em .6em }
padding: 1em .6em;
}
#admin-drafts { #admin-drafts {
border-top: 1px solid #bbb; border-top: 1px solid #bbb;
@ -264,137 +254,113 @@ input.maxsize, select.maxsize { width: 100% }
padding: .4em; padding: .4em;
color: #555; color: #555;
background-color: #ddd; background-color: #ddd;
overflow: auto; overflow: auto
} }
#admin-drafts p { #admin-drafts p {
font-weight: bold; font-weight: bold;
float: left; float: left;
padding: 0; padding: 0;
margin: 0; margin: 0
} }
#admin-content #admin-drafts ul { #admin-content #admin-drafts ul { margin: 0; padding: 0 }
margin: 0; padding: 0;
}
#admin-drafts li { #admin-drafts li {
float:left; float:left;
list-style-position: inside; list-style-position: inside;
margin: 0; padding-left: 1em; margin: 0; padding-left: 1em
} }
/* ===== PREVIEW SETTINGS ===== */ /* ===== PREVIEW SETTINGS ===== */
#post-preview { #post-preview { min-width: 39em }
min-width: 39em;
}
#post-preview .entry { padding: 2em; max-height: 20em; overflow: auto } #post-preview .entry { padding: 2em; max-height: 20em; overflow: auto }
#post-preview div.entry h2, #post-preview div.entry h2,
#post-preview div.entry h3 { #post-preview div.entry h3 { border-bottom: none }
border-bottom: none;
}
#post-preview div.entry h2 { #post-preview div.entry h2 {
font-style: italic; font-style: italic;
margin: 0; margin: 0;
padding: 1em 0 1em 0; padding: 1em 0 1em 0
} }
#post-preview div.entry h4 { #post-preview div.entry h4 { margin: 2em 0 0 0 }
margin: 2em 0 0 0;
}
.entry-footer { .entry-footer { text-align: right }
text-align: right;
}
/* ===== UPLOAD PANEL ===== */ /* ===== UPLOAD PANEL ===== */
#admin-uploader-filelist { #admin-uploader-filelist { margin: 1em auto }
margin: 1em auto;
}
#admin-uploader-thumbs { #admin-uploader-thumbs { list-style-type: none }
list-style-type: none;
}
#admin-uploader-thumbs li.thumb { #admin-uploader-thumbs li.thumb {
float:left; float:left;
width: 110px; width: 110px;
height: 110px; height: 110px;
padding: 1em 4px; padding: 1em 4px;
margin: 1em; margin: 1em
} }
/* (applies only to the inline version */ /* (applies only to the inline version */
#upload { #upload { margin-top: .5em }
margin-top: .5em
}
/* ===== THEME PANEL ===== */ /* ===== THEME PANEL ===== */
#current-theme h5, #current-theme h5,
#available-themes h5 { #available-themes h5 { font-size: 1em }
font-size: 1em;
}
#current-theme { #current-theme {
margin-bottom: 4em; margin-bottom: 4em;
overflow:hidden; overflow:hidden
} }
#current-theme img { #current-theme img {
float:left; float:left;
border: 1px solid #ddd; border: 1px solid #ddd;
margin-right: 2em; margin-right: 2em
} }
#available-themes { #available-themes { clear: both }
clear: both;
}
#available-themes img { #available-themes img { border: 1px solid #eee }
border: 1px solid #eee
}
#available-themes ul { #available-themes ul { list-style-type: none }
list-style-type: none;
}
#available-themes ul li { #available-themes ul li {
float:left; float:left;
padding: 1em; padding: 1em;
border: 1px solid #fff; border: 1px solid #fff;
text-align: center; text-align: center;
width: 300px; width: 300px
} }
#available-themes ul li:hover { #available-themes ul li:hover {
background: #eee; background: #eee;
border: 1px solid #ddd; border: 1px solid #ddd
} }
/* ===== WIDGET PANEL ====== */ /* ===== WIDGET PANEL ====== */
#admin-widgetset-list { #admin-widgetset-list { width: 30em }
width: 30em;
}
#admin-widgetset-list ul { #admin-widgetset-list ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
margin-bottom: 2em; margin-bottom: 2em;
text-align: left; text-align: left
} }
li.admin-widgetset { li.admin-widgetset {
padding: .5em; padding: .5em;
margin-bottom: 2em; margin-bottom: 2em;
border: 1px solid #ddd; border: 1px solid #ddd
} }
#available-widgets { #available-widgets {
@ -406,7 +372,7 @@ li.admin-widgetset {
width: 30%; width: 30%;
z-index: 1000; z-index: 1000;
position: relative; position: relative;
text-align: left; text-align: left
} }
#widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/ #widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
@ -417,7 +383,7 @@ li.admin-widgetset {
padding: 2em; padding: 2em;
text-align: center; text-align: center;
border: 2px solid #f00; border: 2px solid #f00;
margin: 2em; margin: 2em
} }
.widget-available { /*colors for available widgets while dragging*/ .widget-available { /*colors for available widgets while dragging*/
@ -425,7 +391,7 @@ li.admin-widgetset {
color: #fff; color: #fff;
background-color: rgba(34, 102, 0, 0.7); background-color: rgba(34, 102, 0, 0.7);
border: 2px solid #2f0; border: 2px solid #2f0;
z-index: 2000; z-index: 2000
} }
.widget-installed { /*colors for installed widgets while dragging*/ .widget-installed { /*colors for installed widgets while dragging*/
@ -433,12 +399,12 @@ li.admin-widgetset {
color: #fff; color: #fff;
background-color: rgba(0, 34, 102, 0.7); background-color: rgba(0, 34, 102, 0.7);
border: 2px solid #00f; border: 2px solid #00f;
z-index: 2000; z-index: 2000
} }
#available-widgets ul, .admin-widgetset ul { #available-widgets ul, .admin-widgetset ul {
padding-left: 0; padding-left: 0;
margin-left: 0; margin-left: 0
} }
li.widget-instance, li.widget-instance,
@ -449,7 +415,7 @@ li.widget-class {
padding: .5em; padding: .5em;
height: 30px; height: 30px;
background-color: white; background-color: white;
list-style-type: none; list-style-type: none
} }
.admin-widgetset h3 { .admin-widgetset h3 {
@ -457,7 +423,7 @@ li.widget-class {
margin-bottom:1em; margin-bottom:1em;
padding: .3em; padding: .3em;
background: #eee; background: #eee;
border: 1px solid #ddd; border: 1px solid #ddd
} }
#available-widgets h2 { #available-widgets h2 {
@ -466,7 +432,7 @@ li.widget-class {
margin-bottom:1em; margin-bottom:1em;
padding: .3em; padding: .3em;
border: 1px solid #eee; border: 1px solid #eee;
background: #999; background: #999
} }
.widget-instance .textinput { .widget-instance .textinput {
@ -476,142 +442,133 @@ li.widget-class {
font-style: oblique; font-style: oblique;
color: blue; color: blue;
border: #fff 2px solid; border: #fff 2px solid;
text-align: right; text-align: right
} }
.widget-instance .textinput:hover { .widget-instance .textinput:hover {
border: #d00 2px solid; border: #d00 2px solid;
background-color:white; background-color: white
} }
.widget-instance .textinput:focus { .widget-instance .textinput:focus {
font-style: normal; font-style: normal;
border: #f00 2px solid; border: #f00 2px solid;
background-color:white; background-color:white;
text-align: left; text-align: left
} }
.widgetname a, .widgetname a,
.widgetname a:link, .widgetname a:link,
.widgetname a:visited { .widgetname a:visited { color: #ddd }
color: #ddd;
}
.widget-placeholder { .widget-placeholder {
padding: .5em; padding: .5em;
font-style: oblique; font-style: oblique;
text-align: center; text-align: center;
border: 1px dashed #ddd; border: 1px dashed #ddd
} }
.widget-dragger { .widget-dragger {
text-align: left; text-align: left;
z-index: 1000; z-index: 1000;
padding: .5em; padding: .5em;
height: 30px !important; height: 30px !important
} }
/* ===== CONFIG PANEL ===== */ /* ===== CONFIG PANEL ===== */
.option-set .option-list {
margin-bottom: 4em;
}
.option-list ul li { .option-set .option-list { margin-bottom: 3em }
list-style-type: none;
} .option-list ul li { list-style-type: none }
.option-set dt { .option-set dt {
width: 33%; width: 33%;
text-align:right; text-align:right;
margin-top: 1.8em; margin-top: 0.5em;
line-height: 1.5em; line-height: 1em;
font-weight: bold; font-weight: bold
} }
.option-set dt label { .option-set dt label { padding-top: .2em }
padding-top: .2em;
.option-list dd label {
position: relative;
vertical-align: middle;
display: flex
} }
.option-set dd { .option-set dd {
margin-left: 35%; margin-left: 35%;
margin-top: -1.7em; bottom: 1.24em;
line-height: 1.5em; line-height: 1.5em;
position: relative
} }
.option-set dd p { .option-set dd p { margin: 0 }
margin: 0;
.option-set dd p.text {
display: inline;
vertical-align: middle
} }
.option-set dd input{ .option-list dd code {
margin-bottom: .2em; position: relative;
font-size: 1em
} }
.textinput, .bigtextinput, .smalltextinput { .option-set dd input{ margin-bottom: .2em }
padding: .5em;
}
.textinput:focus, .bigtextinput:focus, .smalltextinput:focus { .textinput, .bigtextinput, .smalltextinput { padding: .1em }
font-weight: bold;
} .textinput:focus, .bigtextinput:focus, .smalltextinput:focus { font-weight: bold }
.widetextinput { .widetextinput {
width: 99%; width: 99%;
font-size: 1.3em; font-size: 1.3em;
color: #333333; color: #333333
} }
.option-set input.textinput , .option-set input.textinput ,
.option-set select.textinput { .option-set select.textinput { width: 20em }
width: 20em;
}
.option-set input.bigtextinput { .option-set input.bigtextinput { width: 30em }
width: 30em;
} .option-set input.smalltextinput { width: 5em }
.option-set input.smalltextinput {
width: 5em;
}
/* ===== SPECIAL HOVERS ====== */ /* ===== SPECIAL HOVERS ====== */
a.link-disable, a.link-disable,
a.link-delete, a.link-delete,
a.link-enable, a.link-enable,
a.link-general { a.link-general {
padding: .9em; padding: .9em
} }
td.main-cell a.link-general {display:block} td.main-cell a.link-general {display:block}
a.link-disable:hover, a.link-delete:hover { a.link-disable:hover, a.link-delete:hover {
background-color: red; background-color: red;
color: white; color: white
} }
a.link-enable:hover { a.link-enable:hover {
background-color: green; background-color: green;
color: white; color: white
} }
a.link-general:hover, .main-cell a:hover { a.link-general:hover, .main-cell a:hover {
background-color: #aaa; background-color: #aaa;
color: black; color: black
} }
/* ===== NOTIFICATIONS ===== */ /* ===== NOTIFICATIONS ===== */
.hint { .hint { cursor: help }
cursor: help;
}
.draft { background-color: #333 } .draft { background-color: #333 }
/* (already defined in common, here we put just some tuning settings) */ /* (already defined in common, here we put just some tuning settings) */
#admin-content ul.msgs { #admin-content ul.msgs { margin:0 }
margin:0;
}
form { form { margin: auto }
margin: auto;
}

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

@ -10,12 +10,11 @@ Author: NoWhereMan & drudo
Version: 0.2 Version: 0.2
Module: style.css Module: style.css
last change: 2022-03-17 last change: 2023-11-01
*/ */
/* ===== COLUMN ===== */ /* ===== COLUMN ===== */
#column { #column {
float: right; float: right;
@ -24,13 +23,12 @@ last change: 2022-03-17
font-size: 75%; font-size: 75%;
height:1%; height:1%;
margin: 1em; margin: 1em;
padding: 0.7em; padding: 0.7em
/* border-left: solid 1px #ccc; */
} }
#column h4 { #column h4 {
/* Titles of the sections */ /* Titles of the sections */
margin-bottom: .5em; margin-bottom: .5em
} }
#column p, #column div { margin: 10px 5px } #column p, #column div { margin: 10px 5px }
@ -55,10 +53,14 @@ last change: 2022-03-17
The following definitions take care of the Calendar plugin The following definitions take care of the Calendar plugin
======================================================= */ ======================================================= */
#widget_calendar table.calendar {
font-size: 85%
}
.calendar { .calendar {
margin: 0; margin: 0;
padding: 0 0 2em 0; padding: 0 0 2em 0;
font-size: 80%; font-size: 80%
} }
.calendar-month { .calendar-month {
@ -67,24 +69,24 @@ The following definitions take care of the Calendar plugin
color: #333; color: #333;
background-color: transparent; background-color: transparent;
font-weight: bold; font-weight: bold;
border-bottom: 0.1em solid #333; border-bottom: 0.1em solid #333
} }
.calendar th { .calendar th {
padding: 0.4em; padding: 0.4em;
color: #fff; color: #fff;
background-color: #c37576; background-color: #c37576
} }
.calendar td { .calendar td {
padding: 0.4em; padding: 0.4em;
text-align: center; text-align: center
} }
.current-day { .current-day {
color: #333; color: #333;
background-color: transparent; background-color: transparent;
border: 2px solid #c37576; border: 2px solid #c37576
} }
/* ======================================================= /* =======================================================
End of Calendar plugin End of Calendar plugin

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

@ -10,7 +10,7 @@ Author: NoWhereMan & drudo
Version: 0.2 Version: 0.2
Module: common.css Module: common.css
last change: 2023-10-23 last change: 2023-11-01
*/ */
@ -62,7 +62,9 @@ img {
/* Plugin: QuickGallery */ /* Plugin: QuickGallery */
.img-gallery img .center { display: inline } .img-gallery img .center {
display: inline
}
blockquote { blockquote {
width: 90%; width: 90%;
@ -85,7 +87,9 @@ pre {
width: 90%; width: 90%;
margin: 1em 1em 2em 1em; margin: 1em 1em 2em 1em;
padding: 1em 0.5em; padding: 1em 0.5em;
height: auto !important min-height: 40px;
height: auto !important;
height: 40px
} }
ul, li, ol { margin: 0; padding: 0 } ul, li, ol { margin: 0; padding: 0 }
@ -139,7 +143,6 @@ a:hover {
} }
/* ===== HEADERS TAGS ===== */ /* ===== HEADERS TAGS ===== */
h1 { h1 {
/* Title of the blog */ /* Title of the blog */
@ -201,7 +204,6 @@ h4 { font-size: 1.2em }
} }
/* ===== DIV CONTAINER "MAIN" ===== */ /* ===== DIV CONTAINER "MAIN" ===== */
#outer-container { #outer-container {
width: 100%; width: 100%;
@ -209,9 +211,8 @@ h4 { font-size: 1.2em }
} }
/* ===== MAIN ===== */ /* ===== MAIN ===== */
#main h4 { margin: 2em 0 0 0} #main h4 { margin: 2em 0 0 0 }
#main { #main {
float: left; float: left;
@ -235,70 +236,70 @@ h4 { font-size: 1.2em }
padding: 0 1.6em 0 1.6em padding: 0 1.6em 0 1.6em
} }
#commentform fieldset p { margin: 0 0 .5em 0 } #commentform fieldset p { margin: 0 0 .5em 0 }
#comments li { #comments li {
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
padding: 5px; padding: 5px;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
background: #efefef background: #efefef
} }
/* === Class of main block === */ /* === Class of main block === */
h6.date { h6.date {
font-size: 80%; font-size: 80%;
color: #aaa color: #aaa
} }
.date { /* date under titles of the entry */ .date { /* date under titles of the entry */
font-size: 80%; font-size: 80%;
font-style: oblique; font-style: oblique;
color: gray; color: gray;
margin: .2em 0 0 0 margin: .2em 0 0 0
} }
/* .entry class */ /* .entry class */
.entry { .entry {
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
padding: 0; padding: 0;
overflow: auto overflow: auto
} }
#main>.entry { #main>.entry {
overflow: hidden; /* rest of the world :) */ overflow: hidden; /* rest of the world :) */
} }
/* end of .entry */ /* end of .entry */
#main ul.entry-footer { /* entry footer */ #main ul.entry-footer { /* entry footer */
clear: both; clear: both;
font-size: 80%; font-size: 80%;
color: gray; color: gray;
margin: 2em 0 .5em 0; margin: 2em 0 .5em 0;
text-align: right text-align: right
} }
.entry-footer li { display: block } .entry-footer li { display: block }
.admincontrols { /* [edit] and [delete] */ .admincontrols { /* [edit] and [delete] */
font-size: 80%; font-size: 80%;
text-align: right text-align: right
} }
.buttonbar { text-align: center } .buttonbar { text-align: center }
.buttonbar input { .buttonbar input {
text-align: center; text-align: center;
margin: .1em .5em; margin: .1em .5em;
padding: 0 1em padding: 0 1em
} }
.navigation { /* next entries & previous entries link */ .navigation { /* next entries & previous entries link */
font-size: 80%; font-size: 80%;
margin-bottom: 5em margin-bottom: 5em }
}
form#search ul { list-style-type: none } form#search ul { list-style-type: none
}
/* ===== FOOTER ===== */ /* ===== FOOTER ===== */

4
fp-interface/themes/leggero/leggero/res/globals.css
View File

@ -12,7 +12,6 @@ Module: globals.css
*/ */
.alignleft { float: left } .alignleft { float: left }
.alignright { float: right } .alignright { float: right }
@ -50,8 +49,7 @@ Module: globals.css
border-top: 1px solid; border-top: 1px solid;
border-bottom: 1px solid; border-bottom: 1px solid;
border-color: #f8e674; border-color: #f8e674;
background: #fffdd5; background: #fffdd5
} }
.field-error { .field-error {

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

@ -10,12 +10,11 @@ Author: NoWhereMan & drudo
Version: 0.2 Version: 0.2
Module: style.css Module: style.css
last change: 2022-03-12 last change: 2023-11-01
*/ */
/* imports common style ruleset */ /* imports common style ruleset */
@import url(common.css); @import url(common.css);
@import url(globals.css); @import url(globals.css);
@ -24,105 +23,115 @@ last change: 2022-03-12
@import url(column.css); @import url(column.css);
/* defines rules specific to the front page */ /* defines rules specific to the front page */
body { margin: 80px 0 0 0 } body { margin: 80px 0 10px 0 }
#comments li.comment-admin { #comments li.comment-admin { padding: 1em }
padding:1em
}
#comments li.comment-admin strong.comment-name { font-size:140% } #comments li.comment-admin strong.comment-name { font-size:140% }
#widget-searchbox form { #widget-searchbox div.buttonbar {
/* text-align: center; */ margin: 10px -5px;
text-align: left
} }
/* 800er Bildschirme zum Beispiel iPad Hochformat */ /* 800er Bildschirme zum Beispiel iPad Hochformat */
@media only screen and (max-width: 768px) { @media (max-width: 768px) {
#main { #main {
width: 100%; width: 97%;
margin: 0; margin: 0;
padding: 1em 0.5em 0 0.5em; padding: 1em 0.5em 0 0.5em
} }
#main ul.entry-footer { #main ul.entry-footer {
margin: 0; margin: 0;
padding: 2em 0 1em 0 ; padding: 2em 0 1em 0 ;
width: 98%; width: 98%;
text-align: right; text-align: right
} }
#column { #column {
width: 100%; width: 100%;
font-size: 80%; font-size: 80%;
margin: 0; margin: 0;
padding: 1em 0.5em 2em 0.5em; padding: 1em 0.5em 2em 0.5em;
/* border: 1px solid red; */ overflow: auto;
overflow: auto; /* shit, bei 84% Bildbreite wird es eng! */ text-align: center
} }
#widget-searchbox div.buttonbar {
text-align: center
}
#widget_calendar table.calendar {
margin-left: auto;
margin-right: auto;
text-align: center
}
blockquote {
border-left: unset !IMPORTANT
}
} }
/* Kleinbildschirme */ /* Kleinbildschirme */
@media only screen and (max-width: 480px) { @media (max-width: 480px) {
body { body {
margin: 1px 0 0 0; margin: 1px 0 0 0;
padding: 0; padding: 0;
width: 100%; width: 100%
} }
#body-container { #body-container {
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5em;
width: 96%; width: 96%;
border: none; border: none
} }
#head { #head {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%
} }
h1 { h1 {
margin: 0; margin: 0;
padding: 0.5em 0 0 0.2em; padding: 0.5em 0 0 0.2em
} }
.subtitle { .subtitle {
margin: 0; margin: 0;
padding: 0.5em 0.5em 1em 0.5em; padding: 0.5em 0.5em 1em 0.5em;
} }
#main { #main {
margin: 0; margin: 0;
padding: 1em 0.4em 0 0; padding: 1em 0.4em 0 0;
width: 100%; width: 100%
} }
.entry { .entry {
margin: 0; margin: 0;
padding: 0 0.5em 1em 0.5em padding: 0 0.5em 1em 0.5em
} }
#main ul.entry-footer { #main ul.entry-footer {
margin: 0; margin: 0;
padding: 2em 0 1em 0; padding: 2em 0 1em 0;
width: 98%; width: 98%;
text-align: right; text-align: right
} }
#main pre { #main pre {
margin: 0; margin: 0;
padding: 0 0 0 1.5em; padding: 0 0 0 1.5em
} }
#column { #column {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%
} }
} }