formatting

This commit is contained in:
Fraenkiman 2023-11-08 21:53:15 +01:00
parent 4abad67693
commit c3493f8da6
5 changed files with 220 additions and 273 deletions

View File

@ -33,10 +33,10 @@ h1 {
ul#admin-tabmenu {
margin: 1em 0 0 0;
text-align: center;
background-color: #999977;
padding: 1em 1em 0 1em;
border: solid #999977;
text-align: center;
background-color: #999977;
padding: 1em 1em 0 1em;
border: solid #999977;
}
ul#admin-tabmenu li {
@ -48,9 +48,9 @@ ul#admin-tabmenu li {
background-color: #CCCCAA
}
ul#admin-tabmenu li a {
color: #555533;
padding: 0.5em;
ul#admin-tabmenu li a {
color: #555533;
padding: 0.5em;
line-height: 2em;
font-weight: normal;
text-decoration: none;
@ -59,20 +59,20 @@ ul#admin-tabmenu li a {
ul#admin-tabmenu li a:hover {
color: #555533;
color: #555533;
font-weight: normal;
background: #BBBB99 /*url('../imgs/arrow.gif') center right no-repeat}*/
}
ul#admin-tabmenu a#admin-tab-current {
font-weight: bold;
background-color: white
font-weight: bold;
background-color: white
}
#admin-content {
border: 1px solid #999977;
padding: 1em;
border: 1px solid #999977;
padding: 1em;
overflow: hidden;
}
@ -96,10 +96,10 @@ ul#admin-tabmenu a#admin-tab-current {
input#subject {
width:100%;
font-size: 1.3em;
width:100%;
font-size: 1.3em;
color: #333333;
font-weight: bold;
font-weight: bold
}
/* panel container */
@ -126,38 +126,37 @@ input#subject {
#admin-content table {
border-collapse: collapse;
width: 100%;
width: 100%;
}
#admin-content td {
border-bottom: solid 1px black;
width: 8px;
font-size: 0.8em;
padding: 4px;
padding: 4px
}
#admin-content td.main_cell {
text-align: left;
font-weight: bold;
width: 30%;
width: 30%
}
#admin-content th {
border-bottom: solid 2px black;
padding: 4px;
font-size: 0.75em;
font-style: italic;
font-style: italic
}
input.maxsize, select.maxsize {width:100%}
#admin-bbcode-toolbar{
border: none;
padding:0;
padding-right: 0.7%;
margin:0;
border: none;
padding:0;
padding-right: 0.7%;
margin:0;
}
#admin-bbcode-toolbar legend{display:none}
@ -172,42 +171,38 @@ input.maxsize, select.maxsize {width:100%}
}
#post-preview .entry {
padding:2em
padding:2em
}
/* notifications */
.draft {background-color:lightgrey}
/* (already defined in common, here we put just some tuning settings) */
#admin-content ul.msgs {
margin-left: 0em;
padding: 1em 2em;
margin-bottom: 2em;
margin-left: 0em;
padding: 1em 2em;
margin-bottom: 2em
}
/* conflict with inner h1 */
#admin-content h1 {
color: black
}
/* ===== submenu ====== */
#admin-submenu {
background: #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align:center;
padding: .1em .3em .2em;
padding: .1em .3em .2em
}
#admin-submenu li {
display:inline;
font-size: 80%;
font-size: 80%;
}
#admin-submenu li a {
@ -215,7 +210,7 @@ input.maxsize, select.maxsize {width:100%}
color: #000;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
font-weight: normal;
font-weight: normal
}
#admin-submenu li a:hover {
@ -239,7 +234,6 @@ input.maxsize, select.maxsize {width:100%}
}
/* ===== MAIN MENU ITEM ===== */
#admin-content { padding: 1em }
@ -257,7 +251,6 @@ input.maxsize, select.maxsize {width:100%}
}
/* ===== ADMIN ENTRY ===== */
input#subject {
width: 100%;
@ -331,9 +324,7 @@ input.maxsize, select.maxsize { width: 100% }
}
#plugin-table-body td {
padding: 1em .6em;
}
#plugin-table-body td { padding: 1em .6em }
#admin-drafts {
border-top: 1px solid #bbb;
@ -341,24 +332,22 @@ input.maxsize, select.maxsize { width: 100% }
padding: .4em;
color: #555;
background-color: #ddd;
overflow: auto;
overflow: auto
}
#admin-drafts p {
font-weight: bold;
float: left;
padding: 0;
margin: 0;
margin: 0
}
#admin-content #admin-drafts ul {
margin: 0; padding: 0;
}
#admin-content #admin-drafts ul { margin: 0; padding: 0 }
#admin-drafts li {
float:left;
list-style-position: inside;
margin: 0; padding-left: 1em;
margin: 0; padding-left: 1em
}
@ -399,65 +388,53 @@ input.maxsize, select.maxsize { width: 100% }
/* ===== THEME PANEL ===== */
#current-theme h5,
#available-themes h5 {
font-size: 1em;
}
#available-themes h5 { font-size: 1em }
#current-theme {
margin-bottom: 4em;
overflow:hidden;
overflow:hidden
}
#current-theme img {
float:left;
border: 1px solid #ddd;
margin-right: 2em;
margin-right: 2em
}
#available-themes {
clear: both;
}
#available-themes { clear: both }
#available-themes img { border: 1px solid #eee }
#available-themes img {
border: 1px solid #eee
}
#available-themes ul {
list-style-type: none;
}
#available-themes ul { list-style-type: none }
#available-themes ul li {
float:left;
padding: 1em;
border: 1px solid #fff;
text-align: center;
width: 300px;
width: 300px
}
#available-themes ul li:hover {
background: #eee;
border: 1px solid #ddd;
border: 1px solid #ddd
}
/* ===== WIDGET PANEL ====== */
#admin-widgetset-list {
width: 30em;
}
#admin-widgetset-list { width: 30em }
#admin-widgetset-list ul {
list-style-type: none;
margin: 0;
margin-bottom: 2em;
text-align: left;
text-align: left
}
li.admin-widgetset {
padding: .5em;
margin-bottom: 2em;
border: 1px solid #ddd;
border: 1px solid #ddd
}
#available-widgets {
@ -469,7 +446,7 @@ li.admin-widgetset {
width: 30%;
z-index: 1000;
position: relative;
text-align: left;
text-align: left
}
#widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
@ -480,7 +457,7 @@ li.admin-widgetset {
padding: 2em;
text-align: center;
border: 2px solid #f00;
margin: 2em;
margin: 2em
}
.widget-available { /*colors for available widgets while dragging*/
@ -488,7 +465,7 @@ li.admin-widgetset {
color: #fff;
background-color: rgba(34, 102, 0, 0.7);
border: 2px solid #2f0;
z-index: 2000;
z-index: 2000
}
.widget-installed { /*colors for installed widgets while dragging*/
@ -496,14 +473,13 @@ li.admin-widgetset {
color: #fff;
background-color: rgba(0, 34, 102, 0.7);
border: 2px solid #00f;
z-index: 2000;
z-index: 2000
}
#available-widgets ul, .admin-widgetset ul {
padding-left: 0;
margin-left: 0;
margin-left: 0
}
li.widget-instance,
li.widget-class {
cursor: move;
@ -512,15 +488,14 @@ li.widget-class {
padding: .5em;
height: 30px;
background-color: white;
list-style-type: none;
list-style-type: none
}
.admin-widgetset h3 {
margin-bottom:1em;
padding: .3em;
background: #eee;
border: 1px solid #ddd;
border: 1px solid #ddd
}
#available-widgets h2 {
@ -529,7 +504,7 @@ li.widget-class {
margin-bottom:1em;
padding: .3em;
border: 1px solid #eee;
background: #999;
background: #999
}
.widget-instance .textinput {
@ -539,112 +514,89 @@ li.widget-class {
font-style: oblique;
color: blue;
border: #fff 2px solid;
text-align: right;
text-align: right
}
.widget-instance .textinput:hover {
border: #d00 2px solid;
background-color:white;
background-color: white
}
.widget-instance .textinput:focus {
font-style: normal;
border: #f00 2px solid;
background-color:white;
text-align: left;
background-color: white;
text-align: left
}
.widgetname a,
.widgetname a:link,
.widgetname a:visited {
color: #ddd;
}
.widgetname a:visited { color: #ddd }
.widget-placeholder {
padding: .5em;
font-style: oblique;
text-align: center;
border: 1px dashed #ddd;
border: 1px dashed #ddd
}
.widget-dragger {
text-align: left;
z-index: 1000;
padding: .5em;
height: 30px !important;
height: 30px !important
}
/* ===== CONFIG PANEL ===== */
#admin-config dl {
margin-bottom: 4em;
}
#admin-config dl { margin-bottom: 4em }
#admin-config dt {
width: 33%;
text-align:right;
margin-top: 1.8em;
line-height: 1.5em;
font-weight: bold;
width: 33%;
text-align:right;
margin-top: 1.8em;
line-height: 1.5em;
font-weight: bold;
}
#admin-config dt label {
padding-top: .2em;
}
#admin-config dt label { padding-top: .2em }
#admin-config dd {
margin-left: 35%;
margin-top: -1.7em;
line-height: 1.5em;
margin-left: 35%;
margin-top: -1.7em;
line-height: 1.5em
}
#admin-config dd p { margin: 0 }
#admin-config dd p {
margin: 0;
}
#admin-config dd input{
margin-bottom: .2em;
}
#admin-config dd input { margin-bottom: .2em }
#admin-config input.textinput ,
#admin-config select.textinput {
width: 20em;
}
#admin-config select.textinput { width: 20em }
#admin-config input.bigtextinput { width: 30em }
#admin-config input.bigtextinput {
width: 30em;
}
#admin-config input.smalltextinput { width: 5em }
#admin-config input.smalltextinput {
width: 5em;
}
/* ===== SPECIAL HOVERS ====== */
a.link-disable, a.link-enable{
padding: .9em;
}
a.link-disable, a.link-enable { padding: .9em }
a.link-disable:hover {
background-color: red;
color: white;
}
a.link-enable:hover {
background-color: green;
color: white;
color: white
}
a.link-enable:hover {
background-color: green;
color: white
}
/* ===== NOTIFICATIONS ===== */
.hint {
cursor: help;
}
.hint { cursor: help }
.draft { background-color: lightgrey }
@ -655,7 +607,4 @@ a.link-enable:hover {
padding: 1em 2em
}
form {
margin: auto;
}
form { margin: auto }

View File

@ -41,8 +41,8 @@ h2 { border-bottom: 1px solid #ddd; margin: 0.5em 0 }
#admin-content h2,
#admin-content form h2 {
font-style: normal;
padding: unset
font-style: normal;
padding: unset
}
body { background: #eee }
@ -215,19 +215,19 @@ input.maxsize, select.maxsize { width: 99% }
margin: 0;
padding: 0;
padding-right: 0.7%;
display: table;
display: table;
border: none
}
#admin-bbcode-toolbar p {
display: table-cell;
vertical-align: middle;
line-height: 1em
display: table-cell;
vertical-align: middle;
line-height: 1em
}
#admin-bbcode-toolbar p img {
vertical-align: middle;
cursor: pointer
vertical-align: middle;
cursor: pointer
}
#admin-bbcode-toolbar legend { display: none }
@ -311,7 +311,6 @@ input.maxsize, select.maxsize { width: 99% }
/* ===== THEME PANEL ===== */
#current-theme h5,
#available-themes h5 { font-size: 1em }
@ -347,7 +346,6 @@ input.maxsize, select.maxsize { width: 99% }
/* ===== WIDGET PANEL ====== */
#admin-widgetset-list { width: 30em }
#admin-widgetset-list ul {
@ -450,7 +448,6 @@ li.widget-class {
background-color: white
}
.widget-instance .textinput:focus {
font-style: normal;
border: #f00 2px solid;
@ -484,38 +481,38 @@ li.widget-class {
.option-list ul li { list-style-type: none }
.option-set dt {
width: 33%;
text-align:right;
margin-top: 0.5em;
line-height: 1em;
font-weight: bold
width: 33%;
text-align:right;
margin-top: 0.5em;
line-height: 1em;
font-weight: bold;
}
.option-set dt label { padding-top: .2em }
.option-list dd label {
position: relative;
vertical-align: middle;
display: flex
position: relative;
vertical-align: middle;
display: flex
}
.option-set dd {
margin-left: 35%;
bottom: 1.24em;
line-height: 1.5em;
position: relative
margin-left: 35%;
bottom: 1.24em;
line-height: 1.5em;
position: relative
}
.option-set dd p { margin: 0 }
.option-set dd p.text {
display: inline;
vertical-align: middle
display: inline;
vertical-align: middle
}
.option-list dd code {
position: relative;
font-size: 1em
position: relative;
font-size: 1em
}
.option-set dd input{ margin-bottom: .2em }
@ -525,9 +522,9 @@ li.widget-class {
.textinput:focus, .bigtextinput:focus, .smalltextinput:focus { font-weight: bold }
.widetextinput {
width: 99%;
font-size: 1.3em;
color: #333333
width: 99%;
font-size: 1.3em;
color: #333333
}
.option-set input.textinput ,
@ -546,20 +543,20 @@ a.link-general {
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 {
background-color: red;
color: white
background-color: red;
color: white
}
a.link-enable:hover {
background-color: green;
color: white
background-color: green;
color: white
}
a.link-general:hover, .main-cell a:hover {
background-color: #aaa;
color: black
background-color: #aaa;
color: black
}
@ -569,6 +566,6 @@ a.link-general:hover, .main-cell a:hover {
.draft { background-color: #333 }
/* (already defined in common, here we put just some tuning settings) */
#admin-content ul.msgs { margin:0 }
#admin-content ul.msgs { margin: 0 }
form { margin: auto }

View File

@ -26,9 +26,10 @@ html {
body {
font-size: 100%;
padding: 0;
/* text-align: center; */
background: white url(../imgs/backshade.png) repeat-x;
color: black;
width: 100%
width: 100%
}
hr { display: none }
@ -62,9 +63,7 @@ img {
/* Plugin: QuickGallery */
.img-gallery img .center {
display: inline
}
.img-gallery img .center { display: inline }
blockquote {
width: 90%;
@ -113,7 +112,7 @@ input, textarea, select {
padding: .2em;
border: 1px solid #999;
color: #222;
background-color: #eee
background-color: #eee;
}
input:hover, input:focus, textarea:hover, textarea:focus {
@ -185,7 +184,7 @@ h4 { font-size: 1.2em }
/* ===== HEAD ===== */
#head {
clear: both;
font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
margin: 1em;
padding: 7em 0.6em 0.5em 0.5em;
border-radius: 1em;
@ -212,7 +211,7 @@ h4 { font-size: 1.2em }
/* ===== MAIN ===== */
#main h4 { margin: 2em 0 0 0 }
#main h4 { margin: 2em 0 0 0}
#main {
float: left;
@ -266,12 +265,12 @@ h6.date {
overflow: auto
}
#main>.entry {
overflow: hidden; /* rest of the world :) */
#main>.entry { /* rest of the world :) */
overflow: hidden
}
/* end of .entry */
#main ul.entry-footer { /* entry footer */
#main ul.entry-footer { /* entry footer */
clear: both;
font-size: 80%;
color: gray;
@ -296,11 +295,11 @@ h6.date {
.navigation { /* next entries & previous entries link */
font-size: 80%;
margin-bottom: 5em }
form#search ul { list-style-type: none
margin-bottom: 5em
}
form#search ul { list-style-type: none }
/* ===== FOOTER ===== */
#footer {
@ -312,4 +311,4 @@ form#search ul { list-style-type: none
margin: 0 1em 1em 1em;
text-align: center;
border-top: #bbb 1px solid
}
}

View File

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

View File

@ -30,108 +30,108 @@ body { margin: 80px 0 10px 0 }
#comments li.comment-admin strong.comment-name { font-size:140% }
#widget-searchbox div.buttonbar {
margin: 10px -5px;
margin: 10px -5px;
text-align: left
}
/* 800er Bildschirme zum Beispiel iPad Hochformat */
@media (max-width: 768px) {
#main {
width: 97%;
margin: 0;
padding: 1em 0.5em 0 0.5em
}
#main {
width: 97%;
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
}
#main ul.entry-footer {
margin: 0;
padding: 2em 0 1em 0 ;
width: 98%;
text-align: right
}
#column {
width: 100%;
font-size: 80%;
margin: 0;
padding: 1em 0.5em 2em 0.5em;
overflow: auto;
text-align: center
}
#column {
width: 100%;
font-size: 80%;
margin: 0;
padding: 1em 0.5em 2em 0.5em;
overflow: auto;
text-align: center
}
#widget-searchbox div.buttonbar {
text-align: center
}
#widget_calendar table.calendar {
margin-left: auto;
margin-right: auto;
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
}
blockquote {
border-left: unset !IMPORTANT
}
}
/* Kleinbildschirme */
@media (max-width: 480px) {
body {
margin: 1px 0 0 0;
padding: 0;
width: 100%
}
body {
margin: 1px 0 0 0;
padding: 0;
width: 100%
}
#body-container {
margin: 0;
padding: 0.5em;
width: 96%;
border: none
}
#body-container {
margin: 0;
padding: 0.5em;
width: 96%;
border: none
}
#head {
margin: 0;
padding: 0;
width: 100%
}
#head {
margin: 0;
padding: 0;
width: 100%
}
h1 {
margin: 0;
padding: 0.5em 0 0 0.2em
}
h1 {
margin: 0;
padding: 0.5em 0 0 0.2em
}
.subtitle {
margin: 0;
padding: 0.5em 0.5em 1em 0.5em;
}
.subtitle {
margin: 0;
padding: 0.5em 0.5em 1em 0.5em
}
#main {
margin: 0;
padding: 1em 0.4em 0 0;
width: 100%
}
#main {
margin: 0;
padding: 1em 0.4em 0 0;
width: 100%
}
.entry {
margin: 0;
padding: 0 0.5em 1em 0.5em
}
.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 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
}
#main pre {
margin: 0;
padding: 0 0 0 1.5em
}
#column {
margin: 0;
padding: 0;
width: 100%
}
}
#column {
margin: 0;
padding: 0;
width: 100%
}
}