2erlei/public/css/admin.css

226 lines
12 KiB
CSS

html,address,blockquote,body,div,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,table,tr,td,th,thead,tbody,tfoot,caption {
font-family:inherit; font-style:normal; font-weight:normal;
font-variant:normal; font-size:inherit; line-height:inherit;
text-align:left; text-decoration:none; padding:0; margin:0;
float:none; border:0px; display:block; cursor:default; }
span,a,img,abbr,code,em,strong,b,i,var,tt,kbd,samp,small,sub,sup {
font:inherit; background:transparent; padding:0; margin:0;
color:inherit; display:inline; float:none; border:0; }
textarea,legend,label,button,input,object,select { font:inherit; margin:0; }
li { display:list-item; }
table { display:table; border-spacing:0; border-collapse:collapse; }
tr { display:table-row; }
th,td { display:table-cell; }
thead { display:table-header-group; }
tbody { display:table-row-group; }
tfoot { display:table-footer-group; }
caption { display:table-caption; }
colgroup { display:table-column-group; }
col { display:table-column; }
head { display:none; }
/* Optionales */
html { font-family:Verdana, 'Lucida Grande', Geneva, Lucida, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#333; }
a:link, a:visited, a:hover, a:active { cursor:pointer; }
input, textarea { cursor:auto; }
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
/* Allgemeines Layout */
#wrapper { width:774px; margin:0 auto; position:relative; }
#kopf { margin:18px 0 9px 0; position:relative; height:182px; z-index:1; }
#kopf h1 { position:absolute; top:0px; left:9px; z-index:2; height:54px; width:468px; }
#kopf #bc_nav { position:absolute; top:54px; left:9px; width:765px; padding:0 0 0 9px; z-index:3; }
#kopf #bc_nav p span.separator { float:left; padding:0 4px; }
#kopf #bc_nav a { float:left; display:block; padding:0 4px; }
#kopf #logout { position:absolute; top:9px; left:321px; z-index:5; }
#kopf #bc_intern { position:absolute; top:72px; left:9px; width:440px; height:39px; z-index:2; padding:18px; }
#kopf h2 { position:absolute; top:128px; left:207px; z-index:4; width:550px; height:36px;}
#kopf p.breadcrumbs { position:absolute; top:170px; left:228px; }
#navigation { position:absolute; top:178px; left:0px; width:150px; padding:10px 0 0 9px; }
#content { margin:0px 0 0 162px; z-index:4; padding:0px 0 0 18px; position:relative; top:0px; left:0px; }
#spalte2 { margin:0px; z-index:4; padding:0px 0 0 18px; position:absolute; top:0px; left:306px; }
#unten { clear:both; padding:0 0 20px 0; }
/* Links */
a:link,
a:visited { text-decoration:none; color:#000; }
a:focus,
a:hover { text-decoration:none; color:#A0DA44; }
a:active { text-decoration:none; color:#DDF2BC; }
#bc_nav a:link,
#bc_nav a:visited { text-decoration:none; font-weight:bold; color:#fff; }
#bc_nav a:focus,
#bc_nav a:hover { text-decoration:none; font-weight:bold; color:#DDF2BC; }
#bc_nav a:active { text-decoration:none; font-weight:bold; color:#A0DA44; }
#bc_nav a.aktiv:link,
#bc_nav a.aktiv:visited { color:#A0DA44; }
#bc_nav a.aktiv:focus,
#bc_nav a.aktiv:hover { color:#DDF2BC; }
#bc_nav a.aktiv:active { color:#A0DA44; }
#bc_intern a:link,
#bc_intern a:visited { text-decoration:none; color:#000; }
#bc_intern a:focus,
#bc_intern a:hover { text-decoration:none; color:#A0DA44; }
#bc_intern a:active { text-decoration:none; color:#A0DA44; }
#navigation h2 a:link, #navigation h3 a:link,
#navigation h2 a:visited, #navigation h3 a:visited { color:#000; }
#navigation h2 a:focus, #navigation h3 a:focus,
#navigation h2 a:hover, #navigation h3 a:hover { color:#fff; }
#navigation h2 a:active, #navigation h3 a:active { color:#000; }
/* Klassen */
.hidden, .print-info { display:none; }
.required { padding:0 5px; color:#A0DA44; }
fieldset.sichtbar div.flash { margin:0 18px; padding:0; }
fieldset.sichtbar div.flash h4 { margin:0; padding:0; font-weight:bold; color:#A0DA44; }
fieldset.sichtbar div.flash p { margin:0; padding:0; font-weight:bold; }
/* Farben und Hintergründe */
body { background:#fff url(../img/admin/linien.png) 50% 70px no-repeat; }
#kopf #bc_nav { background:url(../img/admin/navi.gif) top left no-repeat; }
#kopf #bc_intern { background:url(../img/admin/bc_intern.gif) top left no-repeat; }
#kopf h2 { background:url(../img/admin/seitentitel.gif) top left no-repeat; }
/* Allgemeine Typographie */
i { font-style:italic; }
#content h2 { background:#fff url(../img/admin/ueberschriften.gif) top left no-repeat; font-weight:bold; margin:2em 0 0 -5px; padding:12px 0 5px 32px; font-size:12px; }
#content h2.webseite, #content h2.seiten, #content h2.profile, #content h2.einstellungen, #content h2.protokoll, #content h2.support { background:#fff; padding:10px 0 5px 0; }
#content h2.webseite a, #content h2.seiten a, #content h2.profile a, #content h2.einstellungen a, #content h2.protokoll a, #content h2.support a { background:#fff url(../img/admin/ueberschriften.gif) top left no-repeat; padding:12px 0 5px 32px; }
#content h2.webseite a { background-image:url(../img/admin/webseite.gif); }
#content h2.seiten a { background-image:url(../img/admin/seiten.gif); }
#content h2.einstellungen a { background-image:url(../img/admin/einstellungen.gif); }
#content h2.protokoll a { background-image:url(../img/admin/protokoll.gif); }
#content h2.support a { background-image:url(../img/admin/support.gif); }
#spalte2 h2 { margin-top:0px;}
h3 img { margin:-2em 0 0 0; }
select, textarea, input.text { }
select:focus, textarea:focus, input.text:focus { }
input.text, textarea, select { width:250px; }
form { margin:0px; padding:0; }
form table { clear:both; }
form td { width:288px; padding:9px; vertical-align:top; }
form p { margin:0 0 0 0px; }
form input.knopf { margin-top:10px; }
form label { display:block; padding:9px 0 0 0; }
form ul { padding:0 0 0 24px; }
form ul label { display:inline; padding:9px 0 0 0; }
form select.dropdown { width:253px; }
form textarea { line-height:1.2em; margin:0px 18px; }
form p textarea { margin:0px; }
form div.ed_toolbar { margin:0px 0px; padding:0 18px; }
form p.auto input.text { width:auto; }
#content form p.two { padding:0 0 0 18px; }
form p.two select.dropdown { width:120px; margin-right:9px; }
form p input.radio { clear:left; float:left; margin:3px 5px 0 0; }
form p input.checkbox { clear:left; float:left; margin:2px 5px 0 0; }
/* Ausklappoptionen */
fieldset.unsichtbar * { display:none; }
fieldset.sichtbar { display:block; }
fieldset.sichtbar h3, fieldset.unsichtbar h3 { display:block; padding:0 23px 0 9px; }
fieldset.sichtbar p { padding:0 18px; }
fieldset.sichtbar ul { padding:0 18px 0 33px; }
fieldset.sichtbar fieldset legend { padding:9px 18px; font-weight:bold; }
fieldset.sichtbar label { font-weight:bold; padding:0; color:#333; }
fieldset.sichtbar .file { width:253px; }
fieldset.sichtbar p { margin:0 0 7px 0; }
fieldset.sichtbar h4 { clear:left; font-weight:bold; padding:9px 18px 2px 18px; }
fieldset.sichtbar ul.zwei { padding:0 18px;}
fieldset.sichtbar ul.zwei li { width:111px; float:left; list-style-type:none; padding-left:9px; background:url(../img/admin/punkt.gif) 0px 7px no-repeat; }
fieldset.sichtbar ul.drei { padding:0 18px;}
fieldset.sichtbar ul.drei li { width:71px; float:left; list-style-type:none; padding-left:9px; background:url(../img/admin/punkt.gif) 0px 7px no-repeat; }
fieldset.sichtbar { background:#fff url(../img/admin/inhalt.gif) top left repeat-y; }
fieldset.sichtbar .formtop { background:#fff url(../img/admin/inhalt_oben.gif) top left no-repeat; height:16px; }
fieldset.sichtbar .fieldbottom { background:#DDF2BC url(../img/admin/inhalt_unten.gif) top left no-repeat; height:9px; clear:both; }
fieldset.sichtbar .fieldstart { background:#DDF2BC url(../img/admin/inhalt_verbindung.gif) top left no-repeat; height:24px; clear:both; }
fieldset.sichtbar .ed_toolbar { background:#DDF2BC; padding-top:5px; }
fieldset.sichtbar .formbuttons { background:#DDF2BC; margin:0px; padding:5px 18px 2px 18px; }
fieldset.sichtbar .formbottom { background:#fff url(../img/admin/inhalt_weis_unten02.gif) top left no-repeat; height:7px; padding:0 0 3px 0;}
fieldset.sichtbar h3 { background:#fff url(../img/admin/felderoffen-aktivespalte.gif) top left no-repeat; padding-bottom:3px; }
fieldset.unsichtbar h3 { background:url(../img/admin/feldergeschlossen.gif) top left no-repeat; }
fieldset.unsichtbar:hover h3 { background:url(../img/admin/feldergeschlossen-hover.gif) top left no-repeat; }
fieldset.unsichtbar, fieldset.sichtbar { width:288px; margin:2px -5px; }
fieldset.warnung { background:#fff url(../img/admin/warnung_inhalt.gif) top left repeat-y; }
fieldset.warnung .formtop { background:#fff url(../img/admin/warnung_inhalt_oben.gif) top left no-repeat; height:16px; }
fieldset.warnung .fieldbottom { background:#DE0842 url(../img/admin/warnung_inhalt_unten.gif) top left no-repeat; height:9px; clear:both; }
fieldset.warnung .fieldstart { background:#DE0842 url(../img/admin/warnung_inhalt_verbindung.gif) top left no-repeat; height:24px; clear:both; }
fieldset.warnung .ed_toolbar { background:#DE0842; padding-top:5px; }
fieldset.warnung .formbuttons { background:#DE0842; margin:0px; padding:5px 18px 2px 18px; }
fieldset.warnung .formbottom { background:#fff url(../img/admin/warnung_inhalt_weis_unten02.gif) top left no-repeat; height:7px; padding:0 0 3px 0;}
fieldset.warnung h3 { background:#fff url(../img/admin/felderoffen-schwarz.gif) top left no-repeat; color:#fff; }
fieldset.warnung h3 { background:url(../img/admin/felderoffen-schwarz.gif) top left no-repeat; color:#fff; }
/* Bilderverwaltung */
#allebilder_gr, #allebilder_gr li, #allebilder_kl, #allebilder_kl li { list-style:none; margin:0; padding:0 11px 0 18px; }
#allebilder_gr li, #allebilder_kl li { padding:9px 0px 9px 0; border:1px solid #fff; float:left; }
#inputfelder_kl, #inputfelder_gr, #indexinputfeld { clear:both; margin:0 18px; padding:0; }
#inputfelder_kl *, #inputfelder_gr *, #indexinputfeld * { margin:0; padding:0; }
/* Spalte 2 */
fieldset.sichtbar.spalte2 h3 { background:#fff url(../img/admin/felderoffen-inaktivespalte.gif) top left no-repeat; color:#fff; }
fieldset.sichtbar.spalte2 { background:#fff url(../img/admin/inaktiv_inhalt.gif) top left repeat-y; }
fieldset.sichtbar.spalte2 .formtop { background:#fff url(../img/admin/inaktiv_inhalt_oben.gif) top left no-repeat; }
fieldset.sichtbar.spalte2 .fieldbottom { background:#e5e5e5 url(../img/admin/inaktiv_inhalt_unten.gif) top left no-repeat; }
fieldset.sichtbar.spalte2 .formbuttons { background:#e5e5e5; }
fieldset.sichtbar.spalte2 .formbottom { background:#fff url(../img/admin/inaktiv_inhalt_weis_unten02.gif) top left no-repeat; }
#navigation h2 { background:#fff url(../img/admin/navi_links.gif) 0px 18px no-repeat; height:18px; line-height:18px; padding:18px 0 0 9px; }
#navigation h3 { background:#fff url(../img/admin/navi_links.gif) 0px 3px no-repeat; height:18px; line-height:18px; padding:3px 0 0 9px; }
#navigation h2 a, #navigation h3 a { display:block; padding:0; margin:0; height:18px; line-height:18px; }
#navigation ul { padding: 9px 0 0 9px; }
#navigation ul li {list-style-type:none; }
#navigation p { padding:9px 0 9px 9px; }
#navigation a.aktuell { padding:0 0 0 14px; font-weight:bold; color:#A0DA44; background:url(../img/admin/reiter.gif) left center no-repeat; }
#speichernvorschau { padding:18px 0 0 0; text-align:right; }
#speichernvorschau * { clear:right; float:right; cursor:pointer; }
#adminhelp b { font-weight:bold; }
#adminhelp i { font-style:italic; }
#adminhelp a { font-weight:bold; }
/* Spezielle Typographie */
#kopf h2 { color:#fff; font-size:21px; font-weight:100; padding:6px 0px 0px 18px; }
#kopf #bc_nav p span.separator { color:#A0DA44; font-weight:bold; }
#kopf #logout a { color:#fff; font-weight:bold; }
#kopf #bc_intern ul { margin:0; }
#kopf #bc_intern ul li { float:left; width:100px; list-style:none; padding-left:12px; background:url(../img/admin/kleiner_reiter.gif) left center no-repeat; }
#kopf p.breadcrumbs { font-weight:bold; }
#logfile { padding:0 0 0 18px; }
#logfile h2 { background:#fff url(../img/admin/ueberschriften.gif) top left no-repeat; font-weight:bold; margin:2em 0 0 0; padding:12px 0 5px 32px; font-size:12px; }
/* Login-Seite */
.login #navigation,
.login #navigation p { padding-left:0; }