Makeup Flatmass-Rev style

- fixed vertical alignment of BBCode toolbar in write panel
- Lucida Console [code] ... [/code]is now correct as a font in the CSS file
- in the admin area, the configuration panel has been revised
- Adjusted the alignment of the calendar widget and the search widget.
This commit is contained in:
Fraenkiman 2023-11-08 21:00:55 +01:00
parent efd415e7a4
commit a6bd879009
2 changed files with 240 additions and 358 deletions

View File

@ -16,27 +16,23 @@ 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 {
float: right; float: right;
font-size: 80%; font-size: 80%
}
#admin-small-nav li {
display: inline;
} }
h1 { #admin-small-nav li { display: inline }
color: #000;
} h1 { color: #000 }
/* tab menu */ /* tab menu */
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 {
@ -57,12 +53,10 @@ ul#admin-tabmenu li a {
background-color: #CCCCAA background-color: #CCCCAA
} }
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 {
@ -73,149 +67,134 @@ ul#admin-tabmenu a#admin-tab-current {
#admin-content { #admin-content {
border: 1px solid #999977; border: 1px solid #999977;
padding: 1em; padding: 1em;
overflow: hidden; overflow: hidden
} }
.admin-mainmenu-item { .admin-mainmenu-item {
display: block; display: block;
padding: 1em; padding: 1em;
clear: both; clear: both
} }
.admin-mainmenu-item img { .admin-mainmenu-item img { padding-right: 1em }
padding-right: 1em;
}
.admin-mainmenu-item .admin-icon-descr { .admin-mainmenu-item .admin-icon-descr {
font-size: x-small; font-size: x-small;
font-style: italic font-style: italic
} }
input#subject {
width:100%;
font-size: 1.3em;
color: #333333;
font-weight: bold;
}
/* panel container */ /* panel container */
#cpmain { text-align: justify; width: 100% }
#cpmain {
text-align: justify;
width: 100%;
}
#admin-entry-categories ul { #admin-entry-categories ul {
margin-right: 10px; margin-right: 10px;
display:block; display:block;
padding-left: 1em; padding-left: 1em;
list-style-type: none; list-style-type: none
} }
#admin-bbcode-toolbar p { #admin-bbcode-toolbar p {
display:inline; display: table-cell;
vertical-align: middle;
line-height: 1em
}
#admin-bbcode-toolbar p img {
vertical-align: middle;
cursor: pointer
} }
#admin-bbcode-toolbar select { width: 10em } #admin-bbcode-toolbar select { width: 10em }
#admin-content table { border-collapse: collapse; width: 100% }
#admin-content table {
border-collapse: collapse;
width: 100%;
}
#admin-content td { #admin-content td {
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%} #admin-content ul,
#admin-content fieldset ul {
margin-left: unset;
list-style: none
}
#admin-content fieldset p {
text-align: left;
line-height: 1.5em;
margin-top: 1.2em
}
.admin-entry-write #admin-content fieldset p.date { text-align: center }
#admin-content ul li::before,
#admin-content fieldset p.date::before,
#admin-content fieldset ul li::before {
content: "\00BB \0020";
}
#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 }
#admin-content ul { #admin-content ul { margin-left: 2em }
margin-left: 2em
}
/* preview settings */ /* preview settings */
#post-preview { #post-preview { min-width: 54em }
min-width: 54.4em
}
#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 { color: black }
#admin-content h1 {
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 { 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 {
@ -225,7 +204,7 @@ input.maxsize, select.maxsize {width:100%}
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 {
@ -235,11 +214,10 @@ input.maxsize, select.maxsize {width:100%}
padding: .1em 1em .3em; padding: .1em 1em .3em;
border: 1px solid #bbb; border: 1px solid #bbb;
border-top: 3px solid #bbb; border-top: 3px solid #bbb;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff
} }
/* ===== MAIN MENU ITEM ===== */ /* ===== MAIN MENU ITEM ===== */
#admin-content { padding: 1em } #admin-content { padding: 1em }
@ -257,17 +235,16 @@ input.maxsize, select.maxsize {width:100%}
} }
/* ===== ADMIN ENTRY ===== */ /* ===== ADMIN ENTRY ===== */
input#subject { input#subject {
width: 100%; width: 99%;
font-size: 1.3em; font-size: 1.3em;
color: #333333; color: #333333;
font-weight: bold font-weight: bold
} }
textarea.code { textarea.code {
font-family: Lucida Console, Monaco, monospace; font-family: 'Lucida Console', Monaco, monospace;
font-size: 90% font-size: 90%
} }
@ -282,8 +259,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 { 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 }
@ -308,8 +283,7 @@ textarea.code {
padding: 4px padding: 4px
} }
input.maxsize, select.maxsize { width: 100% } input.maxsize, select.maxsize { width: 99% }
#admin-bbcode-toolbar { #admin-bbcode-toolbar {
margin: 0; margin: 0;
@ -327,13 +301,10 @@ input.maxsize, select.maxsize { width: 100% }
border: none; border: none;
width: 99%; width: 99%;
margin: auto; margin: auto;
height: 11em; height: 11em
} }
#plugin-table-body td { padding: 1em .6em }
#plugin-table-body td {
padding: 1em .6em;
}
#admin-drafts { #admin-drafts {
border-top: 1px solid #bbb; border-top: 1px solid #bbb;
@ -341,123 +312,104 @@ 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 .entry { padding: 2em } #post-preview .entry { padding: 2em }
#post-preview div.entry h2 { margin-top: 1.2em }
#post-preview div.entry h3 { font-size: 1.3em } #post-preview div.entry h3 { font-size: 1.3em }
#post-preview div.entry h4 { margin: 1.5em 0 1em 0 }
#post-preview ul { list-style: none; padding: 0 0 0 1.6em } #post-preview ul { list-style: none; padding: 0 0 0 1.6em }
#post-preview ol { list-style-position: inside; Padding: 0 1.6em 0 1.6em } #post-preview ol { list-style-position: inside; Padding: 0 1.6em 0 1.6em }
/* ===== 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 ===== */
#available-themes ul li::before { content: none }
#current-theme h5, #current-theme h5,
#available-themes h5 { #available-themes h5 { font-size: 1em }
font-size: 1em;
}
#current-theme {
margin-bottom: 4em;
overflow:hidden;
}
#current-theme { margin-bottom: 4em; 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; border: 1px solid #ddd }
background: #eee;
border: 1px solid #ddd;
}
/* ===== WIDGET PANEL ====== */ /* ===== WIDGET PANEL ====== */
#admin-widgets-default ul li::before { content: none }
#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 {
@ -469,7 +421,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 +432,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 +440,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,13 +448,11 @@ 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 {
padding-left: 0;
margin-left: 0;
} }
#available-widgets ul,
.admin-widgetset ul { padding-left: 0; margin-left: 0 }
li.widget-instance, li.widget-instance,
li.widget-class { li.widget-class {
@ -512,15 +462,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 +478,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 +488,88 @@ 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.5em;
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: 30em; #qs-number.smalltextinput { width: 5em }
}
#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 +580,4 @@ a.link-enable:hover {
padding: 1em 2em padding: 1em 2em
} }
form { form { margin: auto }
margin: auto;
}

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 { #column ul li table { font-size: 100% }
font-size: 100%;
}
#column ul { #column ul {
margin-right: 10px; margin-right: 10px;
display:block; display:block;
padding-left: 1em; padding-left: 1em;
list-style-type: none; 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,13 +141,12 @@ 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; } 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 */
@ -181,11 +156,11 @@ h4 { font-size: 1.2em; }
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: 1.5em 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 +170,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 +190,25 @@ pre {
padding: 5px padding: 5px
} }
ul, li, ol { margin: 0; padding: 0 } 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 == */ /* == 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 +227,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 +237,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 +255,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 +270,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 +295,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 +305,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,45 +325,34 @@ 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 {
@ -402,23 +360,21 @@ textarea:hover {
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 {
@ -426,24 +382,28 @@ textarea:hover {
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% }