@charset "UTF-8"; /* wFORMS 2.0 Stylesheet - ISPConfig 3: default theme See http://www.formassembly.com/wForms To be used along with wforms-jsonly.css This stylesheet and the associated images are Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com) and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) */ @media all { /* Form Sections ======================================================================== */ /* Fieldset */ .pnl_formsarea fieldset { border-color: #D0D0D0 -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1px medium medium; margin: 20px 0; overflow: auto; } .pnl_formsarea legend { padding: 0 10px 0 0; font-weight: bold; } /* Nested Fieldset */ .pnl_formsarea fieldset fieldset { } .pnl_formsarea fieldset fieldset legend { } /* Inline Section */ .pnl_formsarea .wf_inlineSection { overflow: auto; width: 100%; } /* Combo Label + Input Field =========================================================== */ form .pnl_formsarea .wf_oneField { margin: 6px 0; display: block; vertical-align: middle; } form .pnl_formsarea .wf_inlineSection .wf_oneField { margin-right: 2px; white-space: nowrap; display: inline; } /* Ties together a label and its checkbox or radio */ form .pnl_formsarea .wf_oneChoice { white-space: nowrap; } /* Field Labels ======================================================================== */ /* Base */ .pnl_formsarea label, form .pnl_formsarea .wf_label { color: #333; margin: 0; } /* Text inputs / Select label */ .pnl_formsarea label.wf_preField { display: -moz-inline-box; display: inline-block; margin: 0 4px 0 0; padding: 0 4px; width: 30%; text-align: right; font-size: 90%; } /* Radio / Checkbox group label */ form .pnl_formsarea .wf_label { display: inline-block; text-align: right; margin: 0.6em 4px 0 0; padding: 2px; width: 30%; font-size: 90%; float: left; } /* Individual Checkbox / Radio label */ .pnl_formsarea label.wf_postField { margin: 0 4px 0 4px; font-size: 90%; } /* Label when inside an inline section */ form .pnl_formsarea .wf_inlineSection .wf_oneField .wf_inlineLabel { display: -moz-inline-box; display: inline-block; margin: 0.6em 4px 0 0; padding: 0 2px; min-width: 7em; white-space: normal; } /* Inputs ======================================================================== */ .pnl_formsarea textarea { padding: 1px 0; vertical-align: top; margin: 0px 2px 0 0; vertical-align: top; } .pnl_formsarea input { font-size: 1.0em; margin: 0 2px 0 0; padding: 1px 0; vertical-align: top; } .pnl_formsarea select { margin: 0 2px 0 0; padding: 1px; font-size: 1.0em; vertical-align: top; } .pnl_formsarea .wf_inlineSection .wf_oneField select { margin: 0 2px 1px 0 !important; vertical-align: top; } .pnl_formsarea .wf_gridSection select { margin: 0 !important; vertical-align: top; } .pnl_formsarea * option { padding-left: 1em; vertical-align: top; } /* Buttons ======================================================================= */ form .pnl_formsarea .wf_actions { margin: 20px 0 10px 0; padding: 10px 5px; border-top: 2px solid #339933; text-align: left; } /* Submit button */ form .pnl_formsarea .wf_primaryAction { } /* Cancel button */ form .pnl_formsarea .wf_secondaryAction { color: grey; } form .pnl_formsarea .wf_secondaryAction:hover { color: black; } /* Form Builder Related Rules ===================================================== */ /* Form or Fieldset instruction paragraph. */ form .pnl_formsarea .wf_instructions { margin: 1.5em 0; padding: 3px; background-color:#FFFFCC; } /* Asterisk on required fields */ form .pnl_formsarea .wf_reqMark { color: #F00; padding: 0 4px; } /* wForms Related Rules ========================================================== */ /* Field w/ a validation error */ form .pnl_formsarea .wf_errFld { padding: 1px; border: 1px solid #F00; } /* Styling for message associated with a validation error. */ form .pnl_formsarea .wf_errMsg { color: #CC3333 !important; display: block; } /* Field-Hint with focus */ form .pnl_formsarea .wf_field-hint { position: absolute; width: 180px; z-index: 50; background-image: url(/images/v2/hint_topborder.gif); background-repeat: no-repeat; background-position: left top; padding: 14px 0 0 0; margin: 2px 0 0 10px; color: #000; } form .pnl_formsarea .wf_field-hint div { background-color: #fffbb8; border-left: 1px solid #ffc20d; border-right: 1px solid #ffc20d; border-bottom: 1px solid #ffc20d; padding: 4px } /* Field-Hint without focus */ form .pnl_formsarea .wf_field-hint-inactive { visibility: hidden; position: absolute; } /* Repeat Behavior divs (when not set on a fieldset) */ .pnl_formsarea div.wf_repeat { margin: 3px 0; padding-right: 6px; border: 1px dotted #ddd; background-color: #FFFFFF; } .pnl_formsarea div.wf_removeable { margin: 3px 0; padding-right: 6px; border: 1px dotted #ccc; background-color: #F3F3F3; } /* Links generated by the Repeat Behavior */ form .pnl_formsarea .wf_duplicateLink { line-height: 260%; font-weight: bold; } form .pnl_formsarea .wf_removeLink { line-height: 260%; } form .pnl_formsarea td .wf_duplicateLink, form .pnl_formsarea td .wf_removeLink { margin: 0; line-height: 100%; } /* Switch Behavior Classes */ .onstate-a, .onstate-b, .onstate-c, .onstate-d, .onstate-e, .onstate-f, .onstate-g, .onstate-h, .onstate-i, .onstate-j, .onstate-k, .onstate-l, .onstate-m, .onstate-n, .onstate-o, .onstate-p, .onstate-q, .onstate-r, .onstate-s, .onstate-t, .onstate-u, .onstate-v, .onstate-w, .onstate-x, .onstate-y, .onstate-z, .onstate-aa, .onstate-ab, .onstate-ac, .onstate-ad, .onstate-ae, .onstate-af, .onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj, .onstate-ak, .onstate-al, .onstate-am, .onstate-an, .onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar, .onstate-as, .onstate-at, .onstate-au, .onstate-av, .onstate-aw, .onstate-ax, .onstate-ay, .onstate-az { display: block; } /* offstate classes for the Switch Behavior are in wforms-jsonly.css */ /* IE6 BUG FIXES ==================================================================== */ form .pnl_formsarea { height:expression('1%'); /* IE Pick-a-boo bug fix */ } form .pnl_formsarea fieldset { position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */ margin-top:expression('1em'); padding-top:expression('1.5em'); overflow: expression('visible'); } form .pnl_formsarea fieldset legend { position: expression('absolute'); top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */ left:expression('.5em'); } form .pnl_formsarea .wf_inlineSection .wf_oneField { display: expression('inline-block'); } .pnl_formsarea label, form .pnl_formsarea .wf_label { font-size: expression('90%'); } .pnl_formsarea label.wf_preField, form .pnl_formsarea .wf_inlineSection .wf_oneField .wf_inlineLabel { width: expression('7em'); white-space: expression('nowrap'); } form .pnl_formsarea .wf_oneField fieldset { border: none; margin: 0; padding-left: 8px; } .tbl_col_server_name input { width: 150px; } .tbl_col_mail_server input, .tbl_col_web_server input, .tbl_col_dns_server input, .tbl_col_file_server input, .tbl_col_db_server input, .tbl_col_vserver_server input { width: 20px; } }