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 { ul#admin-tabmenu {
margin: 1em 0 0 0; margin: 1em 0 0 0;
text-align: center; text-align: center;
background-color: #999977; background-color: #999977;
padding: 1em 1em 0 1em; padding: 1em 1em 0 1em;
border: solid #999977; border: solid #999977;
} }
ul#admin-tabmenu li { ul#admin-tabmenu li {
@ -49,8 +49,8 @@ ul#admin-tabmenu li {
} }
ul#admin-tabmenu li a { ul#admin-tabmenu li a {
color: #555533; color: #555533;
padding: 0.5em; padding: 0.5em;
line-height: 2em; line-height: 2em;
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
@ -59,20 +59,20 @@ ul#admin-tabmenu li a {
ul#admin-tabmenu li a:hover { ul#admin-tabmenu li a:hover {
color: #555533; color: #555533;
font-weight: normal; font-weight: normal;
background: #BBBB99 /*url('../imgs/arrow.gif') center right no-repeat}*/ background: #BBBB99 /*url('../imgs/arrow.gif') center right no-repeat}*/
} }
ul#admin-tabmenu a#admin-tab-current { ul#admin-tabmenu a#admin-tab-current {
font-weight: bold; font-weight: bold;
background-color: white background-color: white
} }
#admin-content { #admin-content {
border: 1px solid #999977; border: 1px solid #999977;
padding: 1em; padding: 1em;
overflow: hidden; overflow: hidden;
} }
@ -96,10 +96,10 @@ ul#admin-tabmenu a#admin-tab-current {
input#subject { input#subject {
width:100%; width:100%;
font-size: 1.3em; font-size: 1.3em;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold
} }
/* panel container */ /* panel container */
@ -133,31 +133,30 @@ input#subject {
border-bottom: solid 1px black; border-bottom: solid 1px black;
width: 8px; width: 8px;
font-size: 0.8em; font-size: 0.8em;
padding: 4px; padding: 4px
} }
#admin-content td.main_cell { #admin-content td.main_cell {
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
width: 30%; width: 30%
} }
#admin-content th { #admin-content th {
border-bottom: solid 2px black; border-bottom: solid 2px black;
padding: 4px; padding: 4px;
font-size: 0.75em; font-size: 0.75em;
font-style: italic; font-style: italic
} }
input.maxsize, select.maxsize {width:100%} input.maxsize, select.maxsize {width:100%}
#admin-bbcode-toolbar{ #admin-bbcode-toolbar{
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}
@ -172,37 +171,33 @@ input.maxsize, select.maxsize {width:100%}
} }
#post-preview .entry { #post-preview .entry {
padding:2em padding:2em
} }
/* notifications */ /* notifications */
.draft {background-color:lightgrey} .draft {background-color:lightgrey}
/* (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-left: 0em; margin-left: 0em;
padding: 1em 2em; padding: 1em 2em;
margin-bottom: 2em; margin-bottom: 2em
} }
/* conflict with inner h1 */ /* conflict with inner h1 */
#admin-content h1 { #admin-content h1 {
color: black color: black
} }
/* ===== submenu ====== */ /* ===== submenu ====== */
#admin-submenu { #admin-submenu {
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
} }
#admin-submenu li { #admin-submenu li {
@ -215,7 +210,7 @@ input.maxsize, select.maxsize {width:100%}
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 {
@ -239,7 +234,6 @@ input.maxsize, select.maxsize {width:100%}
} }
/* ===== MAIN MENU ITEM ===== */ /* ===== MAIN MENU ITEM ===== */
#admin-content { padding: 1em } #admin-content { padding: 1em }
@ -257,7 +251,6 @@ input.maxsize, select.maxsize {width:100%}
} }
/* ===== ADMIN ENTRY ===== */ /* ===== ADMIN ENTRY ===== */
input#subject { input#subject {
width: 100%; width: 100%;
@ -331,9 +324,7 @@ input.maxsize, select.maxsize { width: 100% }
} }
#plugin-table-body td { #plugin-table-body td { padding: 1em .6em }
padding: 1em .6em;
}
#admin-drafts { #admin-drafts {
border-top: 1px solid #bbb; border-top: 1px solid #bbb;
@ -341,24 +332,22 @@ 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
} }
@ -399,65 +388,53 @@ input.maxsize, select.maxsize { width: 100% }
/* ===== 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 { border: 1px solid #eee }
#available-themes img { #available-themes ul { list-style-type: none }
border: 1px solid #eee
}
#available-themes ul {
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 { width: 30em }
#admin-widgetset-list {
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 {
@ -469,7 +446,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*/
@ -480,7 +457,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*/
@ -488,7 +465,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*/
@ -496,14 +473,13 @@ 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,
li.widget-class { li.widget-class {
cursor: move; cursor: move;
@ -512,15 +488,14 @@ 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 {
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 {
@ -529,7 +504,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 {
@ -539,112 +514,89 @@ 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 ===== */
#admin-config dl { margin-bottom: 4em }
#admin-config dl {
margin-bottom: 4em;
}
#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;
} }
#admin-config dt label { #admin-config dt label { padding-top: .2em }
padding-top: .2em;
}
#admin-config dd { #admin-config dd {
margin-left: 35%; margin-left: 35%;
margin-top: -1.7em; margin-top: -1.7em;
line-height: 1.5em; line-height: 1.5em
} }
#admin-config dd p { margin: 0 }
#admin-config dd p { #admin-config dd input { margin-bottom: .2em }
margin: 0;
}
#admin-config dd input{
margin-bottom: .2em;
}
#admin-config input.textinput , #admin-config input.textinput ,
#admin-config select.textinput { #admin-config select.textinput { width: 20em }
width: 20em;
}
#admin-config input.bigtextinput { width: 30em }
#admin-config input.bigtextinput { #admin-config input.smalltextinput { width: 5em }
width: 30em;
}
#admin-config input.smalltextinput {
width: 5em;
}
/* ===== SPECIAL HOVERS ====== */ /* ===== SPECIAL HOVERS ====== */
a.link-disable, a.link-enable{ a.link-disable, a.link-enable { padding: .9em }
padding: .9em;
}
a.link-disable:hover { a.link-disable:hover {
background-color: red; background-color: red;
color: white; color: white
}
a.link-enable:hover {
background-color: green;
color: white;
} }
a.link-enable:hover {
background-color: green;
color: white
}
/* ===== NOTIFICATIONS ===== */ /* ===== NOTIFICATIONS ===== */
.hint { .hint { cursor: help }
cursor: help;
}
.draft { background-color: lightgrey } .draft { background-color: lightgrey }
@ -655,7 +607,4 @@ a.link-enable:hover {
padding: 1em 2em padding: 1em 2em
} }
form { form { margin: auto }
margin: auto;
}

View File

@ -41,8 +41,8 @@ h2 { border-bottom: 1px solid #ddd; margin: 0.5em 0 }
#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 }
@ -215,19 +215,19 @@ input.maxsize, select.maxsize { width: 99% }
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-right: 0.7%; padding-right: 0.7%;
display: table; display: table;
border: none border: none
} }
#admin-bbcode-toolbar p { #admin-bbcode-toolbar p {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
line-height: 1em line-height: 1em
} }
#admin-bbcode-toolbar p img { #admin-bbcode-toolbar p img {
vertical-align: middle; vertical-align: middle;
cursor: pointer cursor: pointer
} }
#admin-bbcode-toolbar legend { display: none } #admin-bbcode-toolbar legend { display: none }
@ -311,7 +311,6 @@ input.maxsize, select.maxsize { width: 99% }
/* ===== THEME PANEL ===== */ /* ===== THEME PANEL ===== */
#current-theme h5, #current-theme h5,
#available-themes h5 { font-size: 1em } #available-themes h5 { font-size: 1em }
@ -347,7 +346,6 @@ input.maxsize, select.maxsize { width: 99% }
/* ===== WIDGET PANEL ====== */ /* ===== WIDGET PANEL ====== */
#admin-widgetset-list { width: 30em } #admin-widgetset-list { width: 30em }
#admin-widgetset-list ul { #admin-widgetset-list ul {
@ -450,7 +448,6 @@ li.widget-class {
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;
@ -484,38 +481,38 @@ li.widget-class {
.option-list ul li { 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: 0.5em; margin-top: 0.5em;
line-height: 1em; line-height: 1em;
font-weight: bold font-weight: bold;
} }
.option-set dt label { padding-top: .2em } .option-set dt label { padding-top: .2em }
.option-list dd label { .option-list dd label {
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
display: flex display: flex
} }
.option-set dd { .option-set dd {
margin-left: 35%; margin-left: 35%;
bottom: 1.24em; bottom: 1.24em;
line-height: 1.5em; line-height: 1.5em;
position: relative position: relative
} }
.option-set dd p { margin: 0 } .option-set dd p { margin: 0 }
.option-set dd p.text { .option-set dd p.text {
display: inline; display: inline;
vertical-align: middle vertical-align: middle
} }
.option-list dd code { .option-list dd code {
position: relative; position: relative;
font-size: 1em font-size: 1em
} }
.option-set dd input{ margin-bottom: .2em } .option-set dd input{ margin-bottom: .2em }
@ -525,9 +522,9 @@ li.widget-class {
.textinput:focus, .bigtextinput:focus, .smalltextinput:focus { 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 ,
@ -546,20 +543,20 @@ 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
} }
@ -569,6 +566,6 @@ a.link-general:hover, .main-cell a:hover {
.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 { margin:0 } #admin-content ul.msgs { margin: 0 }
form { margin: auto } form { margin: auto }

View File

@ -26,9 +26,10 @@ html {
body { body {
font-size: 100%; font-size: 100%;
padding: 0; padding: 0;
/* text-align: center; */
background: white url(../imgs/backshade.png) repeat-x; background: white url(../imgs/backshade.png) repeat-x;
color: black; color: black;
width: 100% width: 100%
} }
hr { display: none } hr { display: none }
@ -62,9 +63,7 @@ img {
/* Plugin: QuickGallery */ /* Plugin: QuickGallery */
.img-gallery img .center { .img-gallery img .center { display: inline }
display: inline
}
blockquote { blockquote {
width: 90%; width: 90%;
@ -113,7 +112,7 @@ input, textarea, select {
padding: .2em; padding: .2em;
border: 1px solid #999; border: 1px solid #999;
color: #222; color: #222;
background-color: #eee background-color: #eee;
} }
input:hover, input:focus, textarea:hover, textarea:focus { input:hover, input:focus, textarea:hover, textarea:focus {
@ -185,7 +184,7 @@ h4 { font-size: 1.2em }
/* ===== HEAD ===== */ /* ===== HEAD ===== */
#head { #head {
clear: both; 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; margin: 1em;
padding: 7em 0.6em 0.5em 0.5em; padding: 7em 0.6em 0.5em 0.5em;
border-radius: 1em; border-radius: 1em;
@ -212,7 +211,7 @@ 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;
@ -266,12 +265,12 @@ h6.date {
overflow: auto overflow: auto
} }
#main>.entry { #main>.entry { /* rest of the world :) */
overflow: hidden; /* rest of the world :) */ overflow: hidden
} }
/* 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;
@ -296,11 +295,11 @@ h6.date {
.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 ===== */
#footer { #footer {

View File

@ -12,6 +12,7 @@ Module: globals.css
*/ */
.alignleft { float: left } .alignleft { float: left }
.alignright { float: right } .alignright { float: right }
@ -47,9 +48,10 @@ Module: globals.css
.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 {

View File

@ -30,108 +30,108 @@ body { margin: 80px 0 10px 0 }
#comments li.comment-admin strong.comment-name { font-size:140% } #comments li.comment-admin strong.comment-name { font-size:140% }
#widget-searchbox div.buttonbar { #widget-searchbox div.buttonbar {
margin: 10px -5px; margin: 10px -5px;
text-align: left text-align: left
} }
/* 800er Bildschirme zum Beispiel iPad Hochformat */ /* 800er Bildschirme zum Beispiel iPad Hochformat */
@media (max-width: 768px) { @media (max-width: 768px) {
#main { #main {
width: 97%; 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;
overflow: auto; overflow: auto;
text-align: center text-align: center
} }
#widget-searchbox div.buttonbar { #widget-searchbox div.buttonbar {
text-align: center text-align: center
} }
#widget_calendar table.calendar { #widget_calendar table.calendar {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
text-align: center text-align: center
} }
blockquote { blockquote {
border-left: unset !IMPORTANT border-left: unset !IMPORTANT
} }
} }
/* Kleinbildschirme */ /* Kleinbildschirme */
@media (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%
} }
} }