/* ###################################################################### # # um-Bestellformular Skript V1.00 # # zur freien Verwendung, d. h. keinerlei Lizenzen oder Copyright # # der backlink soll aber sein! # # Auf jeden Fall aber diesen Tag im XHTML Template einbinden: # # # # Danke und viel Erfolg! # # http://um-fritz.de # ####################################################################### Diese CSS Datei ermöglicht es, das Bestellformular zu gestalten. Grundkenntnisse in HTML und CSS sind dabei von grossem Vorteil. Hervorragende Dokumentationen zu beiden Themenbereichen finden Sie unter: http://de.selfhtml.org/ */ /* Allgemeine Angaben */ * {width=720 margin:0; padding:0; font-size:100.1%; outline:none;} html {margin:0; padding:0;} body { padding:0px 10%; color:#000; background:#AAA; font-family:Arial, sans-serife; font-size:95%; } #wrapper { padding:10px; background:#FFF; border:1px solid #666; } h1 { background:#999 url(um-admin/bg_black.gif) center left repeat-x; border:1px solid #555; font-size:120%; padding:0.2em 0 0.2em 1em; color:#FFF; } p {font-size:85%; padding:0.1em 0;} p small {font-size:65%;} a { padding:0 2px; color:#666; } a:hover, a:focus { color:#DB9E4D; } a img { border:none; } form { background:#FFF; border:1px solid #666; margin:1em 0; padding:0 1em 1em 1em; } fieldset { background:#F0F0F0; margin:1em 0 0 0; padding:0 10px 10px 10px; border:none; text-align:left; } legend { margin:0 0 5px 0; padding:2px 10px; background:#999 url(um-admin/bg_black.gif) center left repeat-x; border:1px solid #555; color:#FFF; font-weight:bold; clear:both; } /* Darstellung Einleitungstext und Preisangabe */ p#einl {padding:1em 0 0 0;} p#preisangabe { font-size:100%; } /* Elemente im ersten Formularblock Artikelliste */ fieldset#fs_best table { border-collapse:collapse; width:100%; border:1px solid #666; font-size:85%; } fieldset#fs_best p { padding:0.5em 0; } fieldset#fs_best thead { border:1px solid #666; } fieldset#fs_best tr { border-bottom:1px solid #666; } fieldset#fs_best th { padding:0 2px; border-bottom:1px solid #666; background:#999 url(um-admin/bg_black.gif) center left repeat-x; color:#FFF; } fieldset#fs_best th.text_left { padding-left:2px; } fieldset#fs_best td { border:none; border-bottom:1px solid #666; padding:2px 2px 0 2px; } fieldset#fs_best input { text-align:right; } fieldset#fs_best .text_left { padding-left:2px; } fieldset#fs_best .text_middle { text-align:center; } fieldset#fs_best .text_right { text-align:right; } fieldset#fs_best td input { height:1.2em; width:3em; line-height:1em; padding:0 2px; } fieldset#fs_best p { line-height:1.4em; } /* Elemente im zweiten Formularblock Zahlmethode */ #fs_zahlmeth label { display:block; overflow:auto; line-height:1.6em; } input#zahlmeth1, input#zahlmeth2, input#agb_confirm, input#send_mail_back { float:left; display:inline; margin:0.3em 5px 0 0; border:none; height:1.2em; } /* Eingabefelder im ersten und dritten Formularblock */ fieldset#fs_best input, fieldset#fs_lieferadr input, fieldset#fs_lieferadr textarea { border:1px solid #666; background:#FFF; padding:0 2px; font-size:100%; margin-right:0.2em; } /* Elemente im dritten Formularblock Addresse/Bemerkungen */ #anrede select { width:6em; border:1px solid #666; background:#FFF; } input#vorname {width:9.2em;} input#zuname {width:9.2em;} input#hausnum {width:4.4em;} input#strasse {width:14em;} input#plz {width:4.4em;} input#wohnort {width:14em;} input#vorwahl {width:4.4em;} input#rufnum {width:14em;} fieldset#fs_lieferadr input#email {width:18.6em; padding:0 8px 0 2px;} div.float_left { float:left; width:19em; } p#bemerkung { float:left; display:inline; padding:0; border:1px solid #000; } p#bemerkung label { display:block; padding:0.1em 0.5em; background:#999 url(um-admin/bg_black.gif) center left repeat-x; color:#FFF; font-weight:bold; border-bottom:1px solid #000; margin:0; } p#bemerkung textarea { width:18.4em; height:8em; margin:0; font-family:Arial, sans-serife; font-size:100%; border:none; overflow:auto; padding-right:0; } /* Buttons zum Senden des Formulars */ input#senden, input#recalc { padding:0.1em 0.5em; font-weight:bold; color:#FFF; background:#B76800 url(um-admin/bg_orange_kl.gif) center left repeat-x; border:2px solid #7A4600; border-top:2px solid #EBC799; border-left:2px solid #EBC799; font-size:100%; margin:0.5em 5px 0 0; cursor:pointer; } /* Anzeige Eingabefalder mit fehlerhaften Eingaben 'class="error"' */ p span.error, form#bestellform input.error, form#bestellform legend.error , form#bestellform select.error { background:#FFF; border:1px solid #F00; color:#000; } p span.error {padding:0 2px;} form#bestellform input.error {background:#FFF;} /* Elemente der Dankesseite */ p#danke { font-size:95%; line-height:1.2em; margin:0 0 1em 0; padding:0; } code { background:#EEE; display:block; padding:5px; } /*Klasse linksfloatender Objekte */ .float_left {float:left; margin-right:1em;} p#balink {font-size:60%; text-align:right;} p#valid a {font-weight:bold;} /* CSS Hacks, Damit auch IE>7 versteht was gemeint ist */ *:first-child + html form {padding-top:1em;} * html form {padding-top:1em;} * html input#zahlmeth1, * html input#zahlmeth1, * html input#agb_confirm, * html input#send_mail_back {display:inline;} * html input#agb_confirm, * html input#send_mail_back {margin-top:0;} * html #fs_zahlmeth label, * html legend { height:1%; } * html fieldset#fs_best p { line-height:1.6em; }