| Author: Sujit Kumar 11 Jul 2008 | Member Level: Diamond | Rating:  Points: 6 |
this is an example of css
.divborder
{
border:1px solid;
margin:0px;
padding:0px;
border-color:#9A9A9A;
}
body
{
text-align:left;
vertical-align:top;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:gray;
background-color: #FFFFFF;
/*PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: none;
MARGIN: 0px;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
text-align:center;*/
scrollbar-track-color:white;
scrollbar-3dlight-color:white;
scrollbar-face-color:#E7EDF8;
scrollbar-arrow-color:gray;
scrollbar-darkshadow-color:white;
scrollbar-highlight-color:white;
color: #042B84;
}
/*td2, th
{
text-align:left;
border-left: 0px;
border-right: 0px;
padding-left: 2px;
margin: 0px;
text-align:left;
vertical-align:top;
font-size:12px;
}*/
div
{
font-family:Arial;
font-size:11px;
color:#042B84;
}
table
{
text-align:left;
vertical-align:top;
font-size:9px;
padding:0px;
margin:0px;
border:ipx solid gray;
}
a:link, a:visited
{
color:#042B84;
text-decoration: none;
}
a:hover, a:active
{
color:red;
}
.textbox
{
border: 1px inset #999999;
height: 15px;
font-family:Arial;
width:125px;
font-size:11px;
text-transform:uppercase;
}
.dropdown, .listbox, .fileupload
{
font-family:Arial;
font-size:11px;
color:Black;
margin-left: 1px;
text-transform:uppercase;
}
.textarea
{
background-color: white;
font-family:Arial;
font-size:11px;
color:#042B84;
margin-bottom: 3px;
padding: 0px;
border: 1px inset #999999;
width: 200px;
text-transform:uppercase;
}
.linkbutton
{
background-color: #104e8b;
font-family: Arial;
font-size: 11px;
text-align: center;
width: 70px;
background: #104e8b;
}
.buttons
{
color: #006093;
cursor: pointer;
border: 1px outset #007EC3;
font-weight: bolder;
font-family: Arial;
font-size: 10px;
padding: 1px;
width: 100px;
height: 25px;
}
.Legend
{
font-family:Arial;
font-weight:500;
font-size:12px;
color:#0046D5;
}
.tdLabel
{
font-size: 11px;
font-weight: bold;
color: #336699;
text-align: right;
font-family: Arial;
}
.tdLabel1
{
font-size: 10px;
font-weight: bold;
color:black;
text-align:left;
vertical-align:top;
font-family: Arial;
}
.tdLabelHeaderMessage
{
font-size: 16px;
font-weight: bold;
color:aquablue;
text-align:center;
font-family: Arial;
}
.tableHeader
{
font-weight: bold;
background-color: #104e8b;
border-bottom: 1px solid #4D7CCC;
font-size: 11px;
color: #F7F7F7;
font-family: Arial, Helvetica, Sans-Serif;
text-align: center;
padding-left: 10px;
height: 15px;
padding-top: 3px;
}
.tdheading
{
padding:5px;
color:black;
font-weight:bold;
font-size:11px;
}
.maintable
{
}
.tdinnerheading
{
font-weight:bold;
color:Navy;
}
.gridView
{
color: #333333;
padding: 1;
}
.gridHeader
{
color:black;
background-color:#FF9933;
font-size:11px;
font-weight:bold;
text-align:left;
font-family:Arial;
/*position: relative;
top: expression(this.offsetParent.scrollTop - 2); */
/*position:fixed
top: expression(this.offsetParent.scrollTop-2);*/
}
.gridSelectedRow
{
color: #333333;
background-color: #99CCFF;
text-align: left;
}
.gridRow
{
background-color:#EFF3FB;
text-align:left;
font-size:11px;
font-family:Arial;
vertical-align:top;
}
.gridFooter
{
color: White;
background-color: gainsboro;
font-weight: bold;
}
.gridPager
{
color:White;
background-color:#2461BF;
font-weight:bold;
}
.gridAlternateRow
{
background-color:White;
text-align:left;
font-size:11px;
font-family:Arial;
vertical-align:top;
}
.DataGridFixedHeader
{
background-color:#ff6600;
color:#ffffff;
font-weight:bold;
position: relative;
top: expression(this.offsetParent.scrollTop-2);
}
.InactiveTab
{
border-width: 2px;
background-color: #006699;
font-weight: bold;
font-family: Arial;
color: #FFFFFF;
cursor: hand;
text-align: center;
display: block;
border-top-style: ridge;
border-right-style: ridge;
border-left-style: ridge;
font-size: 11px;
}
.ActiveTab
{
background-image: url('http://localhost/WWM/Images/c.bmp' );
font-weight: bold;
font-family: Arial;
color: #003366;
cursor: hand;
text-align: center;
border-top-style: inset;
border-right-style: inset;
border-left-style: outset;
font-size: 11px;
}
.collapsePanel
{
background-color: #104e8b;
height:15px;
position:relative;
}
.collapsePanelDiv
{
padding-right: 5px;
padding-left: 5px;
padding-bottom: 0px;
vertical-align: middle;
cursor: pointer;
padding-top: 0px;
}
.HeaderBar1,.tableheader
{
font-weight:bold;
BACKGROUND-IMAGE: url(Images/Header_bg.gif);
background-repeat:repeat-x;
border-bottom:1px solid #4D7CCC;
font-size:11px;
color:#69737C;
FONT-FAMILY: Arial, Helvetica,, Sans-Serif;
text-align:left;
padding-left:10px;
TEXT-DECORATION: none;
height:20px;
vertical-align: bottom;
padding-top:3px;
}
.text-transform
{
text-transform: uppercase;
}
.tdLink
{
border: 1px outset #FFCCFF;
background-image: url('http://localhost/WWM/Images/c.bmp' );
font-weight: bold;
font-size: larger;
line-height: normal;
vertical-align: middle;
text-align: center;
cursor: pointer;
list-style-type: upper-latin;
font-family:Arial;
}
.lnkClass
{
font-weight: bold;
font-family :Arial;
font-size:15px;
color :red;
cursor:hand;
}
.treeview
{
border: 1px outset #FFCCFF;
background-image: url('http://localhost/WWM/Images/c.bmp' );
font-weight: bold;
font-size: larger;
line-height: normal;
text-align:left;
cursor:pointer;
list-style-type: upper-latin;
font-family:Arial;
}
.modalBackground {
background-color:Gray;
filter: alpha(opacity=50);
opacity:.7;
}
.modalPopup
{
text-align:center;
padding-top: 30px;
border-style:solid;
border-width:2px;
background-color:White;
width:300px;
height:50px;
}
.success
{
font-weight: bold;
font-size: 11px;
color:Maroon;
}
.unsuccess
{
font-weight: bold;
font-size: 16px;
color:Red;
}
/* TextBoxWaterMark highlighted item */
.watermarked {
width:150px;
padding:2px 0 0 2px;
border:1px solid #BEBEBE;
background-color:#F0F8FF;
color:gray;
}
/*AutoComplete flyout */
.autocomplete_completionListElement
{
visibility : hidden;
margin : 0px!important;
background-color : inherit;
color : windowtext;
border : buttonshadow;
border-width : 1px;
border-style : solid;
cursor : 'default';
overflow : auto;
font-family:Arial;
font-size:12px;
text-align : left;
list-style-type :circle;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
background-color:Gray;
color: black;
padding: 1px;
cursor:hand;
}
/* AutoComplete item */
.autocomplete_listItem
{
background-color : window;
color : windowtext;
padding : 1px;
}
|
| Author: Revathi Prasannaa 11 Jul 2008 | Member Level: Silver | Rating: Points: 6 |
hi,
//Example for AspControl
.aspbutton
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-WEIGHT: bold;
FONT-SIZE: 8px;
background-color:Transparent;
BACKGROUND-IMAGE: url("Images/button4.png");
BORDER-LEFT: medium none;
WIDTH: 100px;
CURSOR:pointer;
COLOR: Orange ;
BORDER-BOTTOM: medium none;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
HEIGHT: 24px;
TEXT-DECORATION: none;
}
//Example for HTML
A
{
color:Black;
}
A:hover
{
color: #80a7c8 !important;
font-family: Verdana, Arial, helvetica !important;
font-size: 8pt !important;
CURSOR:pointer;
}
|
| Author: Ratheesh 11 Jul 2008 | Member Level: Gold | Rating: Points: 1 |
Steps in style sheet development life cycle
• Prepare the output requirements specification.
• Develop application style sheets.
• Test generated output for conformity with requirements.
• Adjust style sheets as layout requirements change.
Output requirements specification Steps to prepare output requirements specification
• Analyse sample output documents, identify page components and agree on a common vocabulary for components.
• Analyse the DTD or Schema and identify of important contexts and how these relate to the page components.
• Specify layout of schema elements and other page components.
Why the output requirements specification is important
• A specification enables a common understanding of the output requirements between document designers and application programmers.
• It promotes a more complete analysis at an earlier stage, thus producing a more reliable application.
• It provides a reference for testing application outputs.
• It provides an ongoing reference for future maintenance developers, avoiding the creation of "Guru" systems.
|
| Author: venugopal 11 Jul 2008 | Member Level: Silver | Rating: Points: 6 |
This is one example where .tableroe represent a cssclass name
body {background-color: inactivecaptiontext;
border-top: red thin solid;
border-left: red thin solid;
border-bottom: red thin solid;
border-right : red thin solid;
}
html
{
background-color: #f7fbde;
border-top: red thin solid;
border-left: red thin solid;
border-bottom: red thin solid;
border-right : red thin solid;
}
.tablelength
{
background-color: gray;
border-right: #000000 thin solid;
border-top: #000000 thin solid;
border-left: #000000 thin solid;
border-bottom: #000000 thin solid;
}
.tablerow
{
border-right: #ff3333 thin solid;
border-top: #ff3333 thin solid;
border-left: #ff3333 thin solid;
border-bottom: #ff3333 thin solid;
width: auto;
height:auto;
}
.table
{
position: relative;
top: 25px;
height: 45%;
left: 30%;
}
.hyperlink
{
width: 200px;
height: 30px;
list-style-type: disc;
z-index: 10;
left: 0px;
position: absolute;
top: 0px;
}
.shoptable
{
left: 2%;
width: auto;
top: 45%;
height: auto;
position: absolute;
list-style-type: disc;
background-color: #00ffcc;
}
.GridMain
{
border-right: gainsboro thin solid;
border-top: gainsboro thin solid;
border-left: gainsboro thin solid;
border-bottom: gainsboro thin solid;
width: 200px;
height :300px;
}
.gridrow
{
border-right: #ff0033 thin dotted;
border-top: #ff0033 thin dotted;
border-left: #ff0033 thin dotted;
border-bottom: #ff0033 thin dotted;
background-color: #ff3333;
text-align: center;
font-family: 25, 'Arial Black';
}
|