[jboss-cvs] jboss-seam/examples/icefaces/view/css ...
Gavin King
gavin.king at jboss.com
Mon Nov 20 00:13:01 EST 2006
User: gavin
Date: 06/11/20 00:13:01
Added: examples/icefaces/view/css screen.css
Log:
add icefaces example to cvs, thanks to icesoft
Revision Changes Path
1.1 date: 2006/11/20 05:13:01; author: gavin; state: Exp;jboss-seam/examples/icefaces/view/css/screen.css
Index: screen.css
===================================================================
/* Setup defaults since variable in browsers
----------------------------------------------- */
body, div, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset {
margin: 0;
padding: 0;
}
/* Element Defaults
----------------------------------------------- */
html {
height: 100%;
background-color: #DBD4C6;
}
img {
border: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.25em;
color: #362F2D;
position: relative;
width: 760px;
height: 100%;
margin-left: auto;
margin-right: auto;
}
label {
font-weight: bold;
color: #5E5147;
}
input {
border: 1px solid #C3BBB6;
padding: 4px;
margin: 5px 0;
background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
}
select {
border: 1px solid #C3BBB6;
padding: 4px;
margin: 5px 0;
background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
}ol, ul {
margin: 10px 0px 10px 6px;
}
li {
margin: 10px 12px;
}
fieldset {
border: 0;
}
/* Layout
----------------------------------------------- */
#document {
padding: 0 1px;
background: #fff url(../img/bg.gif) 0 0 repeat-y;
float: left;
border-bottom: 1px solid #C3BBB6;
}
#header {
float: left;
width: 758px;
height: 46px;
background: url(../img/hdr.bg.gif) 0 0 repeat-x;
}
#container {
float: left;
width: 758px;
background: url(../img/hdr.bar.jpg) 0 0 repeat-x;
}
#sidebar {
float: left;
width: 190px;
margin-top: 96px;
padding: 20px 10px 0 10px;
background: url(../img/sdb.bg.gif) 0 0 no-repeat;
}
#content {
float: left;
width: 548px;
margin-top: 75px;
padding-top: 5px;
background: #fff url(../img/cnt.bg.gif) 0 0 repeat-x;
}
#footer {
clear: both;
margin-top: 40px;
float: left;
padding: 20px;
border-top: 1px solid #C3BBB6;
background-color: #fff;
width: 718px;
text-align: right;
}
/* General
----------------------------------------------- */
.button {
font-weight: bold;
color: #fff;
border: 1px solid #5D1414;
height: 26px;
background: #fff url(../img/btn.bg.gif) 0 0 repeat-x;
border-style: none;
}
.center {
text-align: center;
}
.entry {
clear: both;
padding-top: 10px;
}
.entry .label {
float: left;
padding-top: 10px;
padding-right: 5px;
font-weight: bold;
width: 150px;
text-align: right;
}
.entry .output {
float: left;
width: 250px;
padding-top: 10px;
text-align: left;
}
.entry .input {
float: left;
width: 250px;
text-align: left;
}
/* Sidebar
----------------------------------------------- */
.notes {
text-align: center;
font-size: small;
}
.errors {
font-size: small;
font-weight: bold;
text-align: center;
color: #600;
}
.errors input {
border: 1px solid #600;
}
.errors ul {
list-style: none;
}
.buttonBox {
text-align: center;
padding: 5px 0;
}
#sidebar p {
font-size: small;
color: #8B7869;
line-height: 150%;
padding-bottom: 10px;
}
#sidebar li {
font-size: small;
color: #8B7869;
}
#sidebar h1 {
line-height: normal;
font-weight: bold;
font-size: small;
}
/*
#sidebar p:hover {
color: #362F2D;
}
*/
/* Content
----------------------------------------------- */
#content .section {
float: left;
width: 518px;
padding: 15px 15px 0 15px;
}
#content .section h1 {
font-family: "Trebuchet MS", Arial, sans-serif;
line-height: normal;
font-weight: normal;
font-size: large;
}
#content .section p {
line-height: 150%;
padding: 10px 0;
font-size: small;
}
#content table {
width: 100%;
border: 1px solid #D2C9C4;
border-collapse: collapse;
}
#content table caption {
padding-bottom: 6px;
text-align: left;
font-weight: bold;
}
#content table thead th {
border-left: 1px solid #D2C9C4;
background: #fff url(../img/th.bg.gif) 0 100% repeat-x;
border-bottom: 1px solid #D2C9C4;
padding: 6px;
text-align: left;
font-size: small;
}
#content table tbody td {
border-left: 1px solid #E4DBD5;
padding: 4px;
border-bottom: 1px solid #D2C9C4;
font-size: small;
}
#content dt {
font-weight: bold;
float: left;
width: 33%;
}
#content dd {
padding-left: 10px;
float: left;
width: 66%;
}
#radio table {
border: 0px;
}
#radio table tr td {
border: 0px;
border-left: 0px;
border-bottom: 0px;
}
/* Header
----------------------------------------------- */
#title {
float: left;
padding: 1px 0 6px 15px;
}
#status {
color: #C7B299;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: x-small;
text-align: right;
padding-top: 14px;
padding-right: 15px;
}
#status a {
color: #C7B299;
text-decoration: none;
}
/* Homepage Modifications
----------------------------------------------- */
#pgHome #container {
background: url(../img/hdr.ad.jpg) 0 0 repeat-x;
}
#pgHome #sidebar {
margin-top: 207px;
}
#pgHome #content {
margin-top: 183px;
}
#pgHome .button {
height: 30px;
}
/* Date Picker
----------------------------------------------- */
body {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: .8em;
}
/* the div that holds the date picker calendar */
.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
background-color: #FFFFFF;
border: 1px solid #AAAAAA;
margin-top: 5px;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #ece9d8;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
cursor: pointer;
color: red;
font-weight: bold;
}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
color: CCCCCC;
font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #FFFFFF;
font-weight: bold;
padding: 0px;
border: 1px solid #AAAAAA;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #FFFFFF;
font-weight: bold;
border: 1px solid #AAAAAA;
display:none;
}
More information about the jboss-cvs-commits
mailing list