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

Merge pull request #271 from Fraenkiman/Makeup-Flatmaas-Rev-Style

Browse Source 
Makeup flatmaas rev style
This commit is contained in:
Frank Hochmuth 2023-11-12 23:23:09 +01:00 committed by GitHub
commit 4122cfa13a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 108 additions and 148 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
fp-interface/themes/leggero/flatmaas-rev/res/admin.css Executable file → Normal file
View File

@ -13,7 +13,7 @@ Version: 0.0.1
Module: admin.css Module: admin.css
*/ */
@import url(common.css); @import url('common.css');
/* small navigation on top */ /* small navigation on top */
#admin-small-nav { #admin-small-nav {
@ -36,7 +36,7 @@ ul#admin-tabmenu {
} }
ul#admin-tabmenu li { ul#admin-tabmenu li {
display:inline; display: inline;
color: #555533; color: #555533;
font-size: x-small; font-size: x-small;
font-weight: normal; font-weight: normal;
@ -150,7 +150,7 @@ ul#admin-tabmenu a#admin-tab-current {
border: none; border: none;
padding: 0; padding: 0;
padding-right: 0.7%; padding-right: 0.7%;
margin:0 margin: 0
} }
#admin-bbcode-toolbar legend { display: none } #admin-bbcode-toolbar legend { display: none }
@ -181,7 +181,7 @@ ul#admin-tabmenu a#admin-tab-current {
background: #eee; background: #eee;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
text-align:center; text-align: center;
padding: .1em .3em .2em padding: .1em .3em .2em
} }
@ -202,7 +202,7 @@ ul#admin-tabmenu a#admin-tab-current {
border-top: 3px solid #ccc; border-top: 3px solid #ccc;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
text-decoration:none text-decoration: none
} }
#admin-submenu li a.active { #admin-submenu li a.active {
@ -242,12 +242,12 @@ input#subject {
} }
textarea.code { textarea.code {
font-family: 'Lucida Console', Monaco, monospace; font-family: "Lucida Console", Monaco, monospace;
font-size: 90% font-size: 90%
} }
#admin-entry-categories ul { #admin-entry-categories ul {
display:block; display: block;
list-style-type: none; list-style-type: none;
margin-right: 10px; margin-right: 10px;
padding-left: 1em padding-left: 1em
@ -257,8 +257,6 @@ textarea.code {
#admin-bbcode-toolbar select { width: 10em } #admin-bbcode-toolbar select { width: 10em }
/* #admin-content { background: url(../imgs/nib-logo.png) bottom right no-repeat } */
#admin-content table { width: 100%; border-collapse: collapse } #admin-content table { width: 100%; border-collapse: collapse }
#admin-content td { #admin-content td {
@ -323,7 +321,7 @@ input.maxsize, select.maxsize { width: 99% }
#admin-content #admin-drafts ul {margin: 0; padding: 0 } #admin-content #admin-drafts ul {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
} }
@ -349,7 +347,7 @@ input.maxsize, select.maxsize { width: 99% }
#admin-uploader-thumbs { list-style-type: none } #admin-uploader-thumbs { 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;
@ -464,7 +462,7 @@ li.widget-class {
} }
.admin-widgetset h3 { .admin-widgetset h3 {
margin-bottom:1em; margin-bottom: 1em;
padding: .3em; padding: .3em;
background: #eee; background: #eee;
border: 1px solid #ddd border: 1px solid #ddd
@ -491,13 +489,13 @@ li.widget-class {
.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
} }
@ -525,7 +523,7 @@ li.widget-class {
#admin-config dt { #admin-config dt {
width: 33%; width: 33%;
text-align:right; text-align: right;
margin-top: 1.8em; margin-top: 1.8em;
line-height: 1.5em; line-height: 1.5em;
font-weight: bold font-weight: bold
@ -553,7 +551,7 @@ li.widget-class {
/* ===== SPECIAL HOVERS ====== */ /* ===== SPECIAL HOVERS ====== */
a.link-disable, a.link-enable{ padding: .9em } a.link-disable, a.link-enable { padding: .9em }
a.link-disable:hover { a.link-disable:hover {
background-color: red; background-color: red;

217
fp-interface/themes/leggero/flatmaas-rev/res/common.css
View File

@ -12,34 +12,24 @@ Version: 0.0.1
*/ */
body { text-align:center; } body { text-align: center }
/* ==== Structure with fixed width ==== */ /* ==== Structure with fixed width ==== */
#body-container { #body-container { /* Simplified Box Model Hack */
/* Simplified Box Model Hack */
width: 748px; width: 748px;
text-align: justify; text-align: justify;
border: solid 1px #ccc; border: solid 1px #ccc;
padding: 5px; padding: 5px;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
background-color: white; background-color: white
} }
body > div#body-container { body > div#body-container { width: 760px }
width: 760px;
}
#head { #head {
padding: 5px; padding: 5px;
margin-bottom: 5px; margin-bottom: 5px;
background: #AA1111 url('../imgs/shade.png') repeat-x; background: #AA1111 url('../imgs/shade.png') repeat-x
} }
#subheader { #subheader {
@ -54,9 +44,9 @@ body > div#body-container {
#outer-container { #outer-container {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
border-top: 1px solid white; /* problem with I.E. */ border-top: 1px solid white;
background-color: white; background-color: white;
height: 1%; height: 1%
} }
#column { #column {
@ -65,45 +55,32 @@ body > div#body-container {
padding: 5px 0; padding: 5px 0;
background-color: #DDDDBB; background-color: #DDDDBB;
border: solid 1px #ccc; border: solid 1px #ccc;
width: 205px; width: 205px;
font-size: 75%; font-size: 75%;
height:1%; height: 1%
} }
#main + #column { #main + #column { width: 195px; font-size: 80% }
width: 195px;
font-size: 80%; #column ul li table { font-size: 100% }
#column ul {
margin-right: 10px;
display: block;
padding-left: 1em;
list-style-type: none
} }
#column ul li table {
font-size: 100%;
}
#column ul {
margin-right: 10px;
display:block;
padding-left: 1em;
list-style-type: none;
}
#main { #main {
float:left; float:left;
text-align: justify; text-align: justify;
position: relative; position: relative;
/*padding: 5px 15px 5px 5px;*/
margin: 5px; margin: 5px;
width: 500px; width: 500px;
font-size: 100%; font-size: 100%
}
#outer-container > #main {
width: 540px;
} }
#outer-container > #main { width: 540px }
#footer { #footer {
clear: both; clear: both;
@ -116,7 +93,8 @@ body > div#body-container {
/* ==== Redefinition HTML tag ==== */ /* ==== Redefinition HTML tag ==== */
html { html {
font: 82.5% verdana, Helvetica, Arial, sans-serif; font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 82.5%;
margin: 0; margin: 0;
padding: 0 padding: 0
} }
@ -131,16 +109,15 @@ body {
hr { display: none } hr { display: none }
p { p { margin: .5em 0 }
margin: .5em 0 ;
}
/* in the specific ID */ /* in the specific ID */
#column p, #column div { margin: 10px 5px } #column p, #column div { margin: 10px 5px }
#main p { line-height: 1.5em; margin-top: 1.2em; } #main p { line-height: 1.5em; margin-top: 1.2em }
/* == Headers == */ /* == Headers == */
h1 { h1 { /* Title of the blog */
/* Title of the blog */
font-size: 1.6em; font-size: 1.6em;
letter-spacing: 2px; letter-spacing: 2px;
color: white; color: white;
@ -149,15 +126,14 @@ h1 {
#head a { #head a {
color: white; color: white;
text-decoration: none; text-decoration: none
} }
h2 { /* Titles of the entry */
h2 {
/* Titles of the entry */
font-size: 1.4em; font-size: 1.4em;
color: #333333; color: #333333;
margin: 0; margin: 0;
margin: 1.2em 0 0.5em 0
} }
.entry-title { .entry-title {
@ -165,27 +141,29 @@ h2 {
background: transparent url('../imgs/entry.png') center left no-repeat background: transparent url('../imgs/entry.png') center left no-repeat
} }
.entry-title a { .entry-title a { color: #333333 !IMPORTANT }
color: #333333 !IMPORTANT;
h3 { margin: 0;
font-size: 1.3em;
padding: 1em 0 0.2em 0
} }
h3 { margin: 0; font-size: 1.3em; } h4 { font-size: 1.2em }
h4 { font-size: 1.2em; }
/* in the specific ID */ /* in the specific ID */
#column h4 { #column h4 {
/* Titles of the sections in #column */ /* Titles of the sections in #column */
color: white; color: white;
font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif; font-family: "Gill Sans", "Trebuchet MS", Helvetica, sans-serif;
margin: 0 5px 5px 5px; margin: 0 5px 5px 5px;
padding: .2em .5em; padding: .2em .5em;
background: #BBBB99 url('../imgs/sf_h4.png') bottom left repeat-x background: #BBBB99 url('../imgs/sf_h4.png') bottom left repeat-x
} }
#main h4 {
margin: 0 0 1em 0 #main h4 { margin: 1.5em 0 1em 0 }
}
img { border: none } img { border: none }
/* in the specific ID */ /* in the specific ID */
#main img { margin: .5em } #main img { margin: .5em }
@ -195,19 +173,19 @@ blockquote {
padding: 5px 5px 35px 5px; padding: 5px 5px 35px 5px;
background: #eeeeee url('../imgs/blockquote.png') bottom left no-repeat background: #eeeeee url('../imgs/blockquote.png') bottom left no-repeat
} }
blockquote p { margin: 0 }
blockquote p { margin: 0; margin-top: unset !IMPORTANT }
pre, code { pre, code {
color: #666666; color: #666666;
font-size: 1.1em; font-size: 1.1em;
font-family: Lucida Console, Monaco, monospace; font-family: "Lucida Console", Monaco, monospace;
background-color: #f4f4f4 background-color: #f4f4f4
} }
pre { pre {
overflow: auto; overflow: auto;
width: 90%; width: 90%;
/* hack min-height for i.e. */
min-height: 40px; min-height: 40px;
height: auto !important; height: auto !important;
height: 40px; height: 40px;
@ -215,27 +193,25 @@ pre {
padding: 5px padding: 5px
} }
ul, li, ol { margin: 0; padding: 0 }
ul { padding-top: 0.3em; padding-bottom: 0.3em }
ul, li, ol { margin:0; padding:0}
ul { padding-top: 0.3em; padding-bottom: 0.3em; }
/* == List in MAIN == */ /* == List in MAIN == */
#main ul { #main ul {
list-style: none; list-style: none;
padding: 0 0 0 1.6em; padding: 0 0 0 1.6em
} }
#main ul li:before { #main ul li:before { content: "\00BB \0020" }
content: "\00BB \0020"
}
#main ol { #main ol {
list-style-position: inside; list-style-position: inside;
padding: 0 1.6em 0 1.6em padding: 0 1.6em 0 1.6em
} }
/* == Links == */ /* == Links == */
a:link { a:link {
color: #999977; color: #999977;
@ -254,10 +230,7 @@ a:hover {
text-decoration: underline text-decoration: underline
} }
h3 a, h3 a:link, h3 a:visited { h3 a, h3 a:link, h3 a:visited { color: #333 }
color: #333;
}
#subheader a:link, #subheader a:visited, #footer a:link, #footer a:visited { #subheader a:link, #subheader a:visited, #footer a:link, #footer a:visited {
color: white; color: white;
@ -267,15 +240,16 @@ h3 a, h3 a:link, h3 a:visited {
#subheader a:hover, #footer a:hover { color: white; text-decoration: underline } #subheader a:hover, #footer a:hover { color: white; text-decoration: underline }
/* == Form == */ /* == Form == */
form { margin: 1em 0 } form { margin: 1em 0 }
fieldset { fieldset {
margin: 0 0 1em 0; margin: 0 0 1em 0;
padding: .5em; padding: .5em;
border: 1px solid #999977; border: 1px solid #999977
/*background: url(../imgs/transp.gif)*/
} }
/* in the specific ID */ /* in the specific ID */
#column fieldset { margin: 0 5px 0 5px } #column fieldset { margin: 0 5px 0 5px }
@ -284,8 +258,9 @@ legend {
font-size: 80%; font-size: 80%;
font-style: oblique font-style: oblique
} }
/* in the specific ID */ /* in the specific ID */
#column legend { font-size: 100%; } #column legend { font-size: 100% }
input { input {
margin-top: .1em; margin-top: .1em;
@ -298,12 +273,12 @@ input:hover {
background-color: #f9f9f9 background-color: #f9f9f9
} }
select { background-color: #EEEEDD } select { background-color: #EEEEDD }
textarea { textarea {
width: 99%; width: 99%;
font: 100% verdana, Helvetica, Arial, sans-serif; font-size: 100%;
font-family: verdana, Helvetica, Arial, sans-serif;
margin-top: .1em; margin-top: .1em;
border: 1px solid #999977; border: 1px solid #999977;
background-color: #EEEEDD background-color: #EEEEDD
@ -323,8 +298,7 @@ textarea:hover {
margin: .5em 0 0 0 margin: .5em 0 0 0
} }
.date { .date { /* Date under titles of the entry */
/* Date under titles of the entry */
font-size: 80%; font-size: 80%;
font-style: oblique; font-style: oblique;
color: gray; color: gray;
@ -334,18 +308,16 @@ textarea:hover {
.entry { .entry {
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
padding: 0; padding: 0;
/* floating imgs fix */
overflow: hidden; overflow: hidden;
height:1%; /*ie hack*/ height:1%
} }
.entry-footer { .entry-footer { /* Paragraph under footer entry */
/* Paragraph under footer entry */
font-size: 80%; font-size: 80%;
text-align: center; text-align: center;
color: gray; color: gray;
margin: .5em 0 0 0; margin: .5em 0 0 0;
clear: both; clear: both
} }
#comments li { #comments li {
@ -356,94 +328,85 @@ textarea:hover {
background: #EEEEDD background: #EEEEDD
} }
.floatLeft { float: left } /* don't touch this class!! */ .floatLeft { float: left } /* don't touch this class!! */
.floatRight { float: right } /* don't touch this class!! */ .floatRight { float: right } /* don't touch this class!! */
.imageColumn { text-align: center } .imageColumn { text-align: center }
.imageColumn img { margin: 2px 0px } .imageColumn img { margin: 2px 0px }
.admincontrols { .admincontrols {
float: right; text-align: right;
font-size: 0.75em; font-size: 0.75em
} }
.navigation { .navigation {
font-size: 80%; font-size: 80%;
margin-bottom: 5em; margin-bottom: 5em
} }
.alignleft { .alignleft { float: left }
float: left;
}
.alignright {
float: right;
}
.alignright { float: right }
/* notifications */ /* notifications */
#main .msgs, .msgs { #main .msgs, .msgs {
margin-top: 1em; margin-top: 1em;
margin-left: 0em; margin-left: 0em;
padding: 1em 2em; padding: 1em 2em
} }
.errors { .errors {
color: #901d1d; color: #901d1d;
border-top: 1px solid; border-top: 1px solid;
border-bottom: 1px solid; border-bottom: 1px solid;
border-color: #ffbbbb; border-color: #ffbbbb;
background: #ffdddd; background: #ffdddd
} }
.errors a { .errors a {
color: #901d1d; color: #901d1d;
text-decoration: underline; text-decoration: underline;
font-weight: normal; font-weight: normal
} }
.notifications { .notifications {
color : #1d901d; color: #1d901d;
border-top: 1px solid; border-top: 1px solid;
border-bottom: 1px solid; border-bottom: 1px solid;
border-color: #bbffbb; border-color: #bbffbb;
background: #ddffdd; background: #ddffdd
} }
.warnings { .warnings {
color : #8a7802; color: #8a7802;
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 {
border: red 1px solid; border: red 1px solid;
background: #fdd; background: #fdd
} }
/* Search-widget */
div#widget-searchbox ul, div#widget-searchbox ul,
div#widget-searchbox li { div#widget-searchbox li {
margin:0px; margin: 0px;
padding:0px; padding: 0px
} }
form#search ul {
list-style-type: none; div#widget-searchbox div.buttonbar p input {
} margin: 0 -5px
form#search ul li:before {
content: none
} }
form#search ul { list-style-type: none }
form#search ul li:before { content: none }
/* Calendar-widget */
#widget_calendar table.calendar { font-size: 90% }

1
fp-interface/themes/leggero/flatmaas-rev/res/globals.css
View File

@ -12,7 +12,6 @@ Module: globals.css
*/ */
.alignleft { float: left } .alignleft { float: left }
.alignright { float: right } .alignright { float: right }

8
fp-interface/themes/leggero/flatmaas-rev/res/style.css
View File

@ -12,16 +12,16 @@ Version: 0.0.1
*/ */
/* imports common style ruleset */ /* imports common style ruleset */
@import url(common.css); @import url('common.css');
/* defines rules specific to the front page */ /* defines rules specific to the front page */
#comments li.comment-admin { #comments li.comment-admin {
background: #eeeedd url(../imgs/fp-logo-crop.png) no-repeat bottom right; background: #eeeedd url('../imgs/fp-logo-crop.png') no-repeat bottom right;
padding:1em padding: 1em
} }
#comments li.comment-admin strong.comment-name { #comments li.comment-admin strong.comment-name {
font-size:140% font-size: 140%
} }