@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 */
|
|
/* Select Menu with Images */
|
select.withicons option {
|
background-repeat:no-repeat;
|
background-position: 1px;
|
padding-left:24px;
|
}
|
select#country option[value="US"] { background-image:url(../../icons/flags/us.png); }
|
select#country option[value="IN"] { background-image:url(../../icons/flags/in.png); }
|
select#country option[value="UK"] { background-image:url(../../icons/flags/uk.png); }
|
select#country option[value="FR"] { background-image:url(../../icons/flags/fr.png); }
|
select#country option[value="DE"] { background-image:url(../../icons/flags/de.png); }
|
select#country option[value="CA"] { background-image:url(../../icons/flags/ca.png); }
|
select#country option[value="RU"] { background-image:url(../../icons/flags/ru.png); }
|
|
|
|
/* 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;
|
}
|
.tbl_col_client_id input, .tbl_col_domain_id input { width: 40px; }
|
.tbl_col_country input { width: 20px; }
|
|
/* === */
|
|
}
|
