Here's the .skin file:
<asp:Label runat="server" SkinID="FeedbackOK" ForeColor="green" font-size=1.0em font-bold=true />
<asp:Label runat="server" SkinID="FeedbackOKBig" ForeColor="green" font-size=1.4em />
<asp:Label runat="server" SkinID="FeedbackKO" ForeColor="red" font-size=1.0em font-bold=true />
<asp:Label runat="server" SkinID="PictureCaptionLarge" font-size=16px font-names="Comic Sans MS;sans-serif" />
<asp:Label runat="server" SkinID="PictureCaptionSmall" font-size=12px font-names="Comic Sans MS;sans-serif" />
<asp:TextBox runat="server"
ForeColor=Navy
Font-Size=12px
Font-Bold=false
/>
<asp:Label runat="server" SkinID="SmallHelp"
Font-Size=Small
/>
<asp:DropdownList runat="server"
ForeColor=Navy
Font-Size=12px />
<asp:Button runat="server"
Font-Size=12px
ForeColor=navy
Height=24px />
<asp:Button runat="server" SkinID="TwoLines"
Font-Size=12px
ForeColor=navy
Style=text-align:center
Height=40px />
<asp:Table runat="server"
CellSpacing=1
CellPadding=5
BackColor=white
BorderStyle=solid
BorderColor=navy
BorderWidth=2
GridLines=Both />
<asp:Table runat="server" SkinID="NoBorder"
HorizontalAlign=Center
CellSpacing=1
CellPadding=5
BackColor=white
BorderStyle=none
GridLines=Both />
<asp:TableHeaderRow runat="server"
HorizontalAlign=Center
CellSpacing=1
CellPadding=5
BackColor=#FFE4B5
ForeColor=Navy
BorderStyle=solid
BorderColor=navy
BorderWidth=2
Font-Bold=true
GridLines=Both />
<asp:GridView runat="server"
AllowPaging="True"
PageSize=15
AllowSorting="True"
CellPadding="4"
ForeColor="Navy"
Font-Bold="False"
Font-Size="small"
Font-Names="Courier"
GridLines="None"
CellSpacing=1
BackColor="Navy"
>
<RowStyle
BackColor="White"
Font-Size="1em" />
<EditRowStyle
BackColor="PowderBlue" />
<SelectedRowStyle
BackColor="#D1DDF1"
Font-Bold="True"
ForeColor="#333333" />
<PagerStyle
BackColor="White"
ForeColor="#507CD1"
HorizontalAlign="Center"
BorderColor="Green"
Font-Bold="True" />
<HeaderStyle
BackColor=White
Font-Bold="True"
ForeColor="Navy"
Font-Size="1.1em"
/>
<AlternatingRowStyle
BackColor="AliceBlue" />
<PagerSettings
Mode="NumericFirstLast"
FirstPageText="First"
LastPageText="Last" />
<FooterStyle
BackColor="#507CD1"
Font-Bold="True"
ForeColor="White" />
<EmptyDataTemplate>
<asp:Label ID="Label2" runat="server" backcolor=white forecolor=navy text="There is no data that meets the specified criteria." />
</EmptyDataTemplate>
</asp:GridView>
And here's a composite of several .css files:
/* ----- Page caption styles ----- */
.PageCaption{
color:#000080; /* Navy */
/* font-variant:small-caps; */
font-weight:bold;
font-size:18px;}
.ParentEmail
{
font-variant:normal;
font-weight:normal;
font-size:1.0em;}
.AboutUsCaption{
color:Navy;
font-variant:small-caps;
font-weight: bold;
font-size:1.8em;}
.AboveTableLeft{
font-weight:normal;
color:#2F4F4F; /* darkslategray */
text-align:left;}
.AboveTableRight{
font-weight:normal;
color:#2F4F4F; /* darkslategray */
text-align:right;}
.AboveTableCenter{
font-weight:normal;
color:#2F4F4F; /* darkslategray */
text-align:center;}
.TableHeader
{
background-color:#8DBC8F;
font-weight:bold;
font-size:13px;
/*font-family: Verdana,Geneva,Arial,Helvetica, sans-serif; */
font-family: Arial,Helvetica, sans-serif;
text-align:center;
}
.TableCaption
{
font-weight:bold;
font-size:medium;
font-size:12px;
}
.TableText
{
font-weight:normal;
font-size:medium
}
.headingHelpMenu {
font-size:x-large;
font-weight: bold;
font-family:Arial,Helvetica,sans-serif;
color:Maroon;
text-align:center;
}
/* ------ <a> styles ------- */
a
{
font-weight:bold;
text-decoration:underline;
color:Green;
}
a:hover
{
color:Maroon;
}
/* ----- Miscellaneous styles ----- */
.SmallCaps{
font-variant:small-caps;}
.dragme{position:relative;}
body {
padding:5px;
font-family: Arial,Helvetica, sans-serif;
font-size: 12px;
color:Navy;
}
h1
{
font-family: Bookman Old Style,Times New Roman,sans-serif;
font-size: 2.5em;
font-weight: bold;
color: #B22222; /* FIREBRICK */
text-align:center;
margin: 0 auto 0px auto;
font-variant:small-caps;
}
h2 {
font-size: 1.75em;
font-weight: bold;
color: #2F4F4F; /* darkslategray */
margin-top:0;
}
h3 {
font-size: 1.25em;
font-weight: bold;
color: #B22222; /* FIREBRICK */
margin-top:0;
margin-bottom:0;
}
h4 {
font-size: .9em;
font-weight: bold;
}
/*
p {
text-align: left;
margin: 0px 0 0px 0;
font-size:1em;
line-height: 130%;
}
*/
p, ul, li
{
margin-top: 0px;
margin-bottom: 0px;
}
.PrintOnly
{
display: none;
}
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
a.MenuItem, a.MenuItem:link, a.MenuItem:visited
{
display:block;
height:25px;
background:#008B8B; /* DarkCyan */
border:1px solid White;
margin-top:0px;
text-align:center;
text-decoration:none;
float:left;
font-variant:small-caps;
font-family:Verdana,Geneva,Arial,Helvetica, sans-serif;
font-weight:bold;
color:White;
line-height:25px;
overflow:hidden;
}
a.MenuItem:hover
{
color:White;
background:DarkOrange;
}
a.MenuItem:active
{
color:White;
background:DarkOrange;
}
a.MenuDesign, a.MenuDesign:link, a.MenuDesign:visited
{
display:block;
height:25px;
background:#008B8B; /* DarkCyan */
border:1px solid White;
margin-top:0px;
text-align:center;
text-decoration:none;
float:left;
font-variant:small-caps;
font-family:Verdana,Geneva,Arial,Helvetica, sans-serif;
font-weight:bold;
color:White;
line-height:25px;
overflow:hidden;
}
a.MenuDesign:hover
{
color:White;
background:DarkOrange;
}
a.MenuDesign:active
{
color:White;
background:DarkOrange;
}
@media print
{
/* Print stylesheet overrides to go in here */
.NonPrintable
{
display: none;
}
.PrintOnly
{
display: inline;
}
}