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

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

6
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
*/
@import url(common.css);
@import url('common.css');
/* small navigation on top */
#admin-small-nav {
@ -242,7 +242,7 @@ input#subject {
}
textarea.code {
font-family: 'Lucida Console', Monaco, monospace;
font-family: "Lucida Console", Monaco, monospace;
font-size: 90%
}
@ -257,8 +257,6 @@ textarea.code {
#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 td {

View File

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

View File

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

View File

@ -12,13 +12,13 @@ Version: 0.0.1
*/
/* imports common style ruleset */
@import url(common.css);
@import url('common.css');
/* defines rules specific to the front page */
#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
}