[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