web/data/cubicweb.form.css
author Sylvain Thénault <sylvain.thenault@logilab.fr>
Mon, 15 Feb 2010 17:47:50 +0100
branchstable
changeset 4585 912aba7e6400
parent 4280 15d541321a8c
child 5038 90493551b1eb
permissions -rw-r--r--
[inlined formos] don't pop attributes from kwargs, so they end-up in cw_extra_kwargs which is then passed to the edition form

/* styles for generated forms
 *
 *  :organization: Logilab
 *  :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
 */

div.formTitle {
  width: 100%;
  font-size : 160%;
  font-weight: bold;
  color: #ff4500;
  padding-bottom : 0.4em;
  text-transform: capitalize;
  margin-bottom: 0.6em
}

div.formTitle span {
  padding: 4px 0px;
  display: block;
}

div.iformTitle {
  font-weight: bold;
  font-size: 110%;
  color: #222211;
  background: #e4ead8;
  border: 1px solid #E4EAD8;  /*#b7b6a3 */
  border-bottom: none;
}

div.iformTitle span {
  margin: 0.5em;
}

div.iformTitle span.icounter {
  margin: 0em;
}

div.iformTitle a {
  font-size: 80%;
}

div.formBody {
  width:100%;
}

fieldset.subentity {
  border: 1px solid #E4EAD8;
  display: block;
  margin-bottom: 1em;
  padding: 0.4em;
}

table.attributeForm {
  border: 1px solid #E4EAD8;
  margin-bottom: 1em;
  padding: 0.8em 1.2em;
  width: 100%;
}

fieldset.subentity table td {
  padding: 2px;
  vertical-align: top;
}

fieldset.subentity table.attributeForm {
    border: none;
    padding: 0em;
}

.attributeForm,
.attributeForm th,
.attributeForm td {
  border-collapse: separate;
}

table.attributeForm th,
table.attributeForm td {
  padding : .2em 2px;
}

table.attributeForm th {
  text-align: left;
  width: 12em;
}

table.attributeForm div#comfirmPsw {
}

table.attributeForm input,
table.attributeForm textarea,
table.attributeForm select {
  border: 1px solid #E4EAD8;  /*#b7b6a3*/
}

table.attributeForm textarea {
  font: 100% normal Courier, monospace;
  width: 100%;
}

table.attributeForm label,
.entityForm .label {
  padding : 0.2em  1em 0.2em 0;
}

table.attributeForm label.required {
  background: url("required.png") 100% 50% no-repeat;
}

.entityForm .validateButton {
  margin: 5px 10px 5px 0px;
}

a.addEntity {
  display:block ;
  margin-bottom:1em ;
  padding-left:0.2em ;
  font-weight: bold ;
}

table#relatedEntities {
  margin: 10px 0px;
  border-collapse: separate;
}

table#relatedEntities th,
table#relatedEntities td {
  padding : 0px 2px;
}

table#relatedEntities tr.separator {
  border-bottom: none;
  text-align: center;
}

table#relatedEntities th {
  text-align: right;
  width:200em;
}

table#relatedEntities th.warning {
  border: none;
  text-align: center;
}

table#relatedEntities td span {
  display: inline;
}

table#relatedEntities ul {
  margin: 0px;
  padding: 0px;
}

table#relatedEntities td {
  width: 100%;
}

a.handle {
 font-family: Courier;
 font-size: 120%;
}

a.editionPending {
  color: #557755;
  font-weight: bold;
}

div.pendingDelete {
  text-decoration: line-through;
}

div.notransform {
  text-transform: none;
}

div.inlinedform {
  margin-left: 2em;
}

div.editableField {
  display: inline;
}

div.editableFieldValue {
  display: inline;
}

div.editableField:hover,
div.editableField p:hover {
  background-color: #eeedd9;
}

input.error {
  background: transparent url("error.png") 100% 50% no-repeat;
}

span.error {
  display: block;
  font-weight: bold;
  color: #ed0d0d;
}

option.separator {
  font-weight: bold;
  background: #ccc;
  text-align: center;
}

div.notice {
  display: none;
  font-style: italic;
  font-size: 110%;
  padding-left: 2em;
  background : #f8f8ee url("information.png") 5px center no-repeat ;
}

.helper{
  font-size: 96%;
  color: #555544;
}

.helper:hover {
  color: #000;
  cursor: default;
}

.validateButton {
  margin: 1em 1em 0px 0px;
  border: 1px solid #edecd2;
  border-color:#edecd2 #cfceb7 #cfceb7  #edecd2;
  background: #fffff8 url("button.png") bottom left repeat-x;
}