Document Actions

local.css

This stylesheet mimics the colors and styles used on the client's website. It should be used when we view forms in an IFRAME from that site (using view 'fg_formonly'), and also when editing forms here in Plone. NOTE that this is always in effect when viewing the PloneFormGen form-folders.

Click here to get the file

Size 2.3 kB - File type text/css

File contents

<style type="text/css">

/* -------- field: first-name */

/* margin-right may not matter... */
.pfg-form .field { text-align: right; }

/* this makes sure the element, though right-justified, is actually on */
/* the left hand side of the form */
.pfg-form .field label { float: left; }
.pfg-form .field .fieldRequired { float: left; }

/* padding on the right of the form help that varies for each element */
/* makes a more table-like structure)...I tested this WITHOUT help */
/* information on my elements... */

/* .field .formHelp { float: left; } */

/*
.pfg-form .field .formHelp { display: inline; padding-right: 20px; }
*/
.pfg-form .field .formHelp { 
    position: absolute;
    left: 0.5em;
    margin-top: 1.4em;
}

/* This was for the error element, which would display quite ugly */
/* without this code. You may need to adjust margin-right in certain */
/* cases of small fields */
.pfg-form .error .ArchetypesStringWidget { padding: 0px; margin-right: 0px; text-align: left;}


/**** jimA modifications to match main CapitalLimo.com site ****/
div#region-content {
  background-color: #b4985a !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: Arial, sans;
  font-weight: default;
}

div#region-content .fieldRequired {
  background: transparent;
  background-image: none;
}

div.portalMessage,
div#region-content .error {
  border: #900 1px solid;
  background: #eb9;
}

div.portalMessage {
  padding-left: 1em;
}

div.portalMessage,
div#region-content .error,
div#region-content .error .fieldRequired {
  color: #900;
}

div#region-content p,
div#region-content .error {
  width: 95% !important;
}

div#region-content .field {
  width: 95% !important;
  padding: 0.25em;
  margin: 0 0 1em 0 !important;
}

/* button modifications (remove the "Plone look") */
div#region-content div.formControls input.context,
div#region-content div.formControls input.standalone {
  background-image: none !important;
  background-color: #eee !important;
  font-size: 100% !important;
  padding: 1px !important;
  text-transform: none !important;
  border: 1px solid black !important;
}

div.formHelp {
  color: #660 !important;
}

h2, div#region-content h2 {
  color:#00224C;
  font-size:24px;
  font-weight:bold;
}

div.calendar {
  border: 1px solid red !important;
  left: 320px !important;
}

/**** end of jimA modifications ****/

</style>

clients forms Plone site

Sections

Personal tools

Document Actions

local.css

File contents