Pages

| |

id:
29

Name:
Forms CSS

Content:
input {
background-color:#E0E0DB;
}

select {
background-color:#E0E0DB;
}
.body_container {
width: 1040px;
margin: 4em 0 0 0em;
} .formFieldContainer {
width: 400px;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
} .dataLabel {
position: relative;
float: left;
width: 120px;
text-align: right;
margin-right: 10px;
font-weight: bolder;
} .dataInput {
position: relative;
float: left;
} .formColumn {
float: left;
margin-right: 20px;
} .dataGroup {
border: 1px solid black;
background-color: #DBF0F1;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
margin-bottom: 10px;
} .dataGroupHeader {
border-bottom: 1px solid black;
font-weight: bolder;
margin-bottom: 10px;
} .dataGroupFooter {
clear:both;
margin-top:30px;
} .readonly {
border:none;
background-color:#DBF0F1;
color:black;
} .formFooter {
clear:both;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
padding:5px;
}

/* Because pages default to the "edit view", elements that are displayed
* for the "read view" must be hidden initialy and then changed via JavaScript
*/
.readViewElement {
display:none;
}


/* Clear calendar's float */
#container .bd:after {
content: ".";
display: block;
clear: left;
height: 0;
visibility: hidden;
}

/* Have calendar squeeze upto bd bounding box */
#container .bd {
padding: 0;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {
border: none;
padding: 1em
}

createdate:
1/10/2009 5:58:55 PM

createid:
duston.r.mounts

Type:
CSS

Include Header:

Eval Square Brackets:

Replace Line Breaks: