~/App_Themes/Basic/FormViewExample.css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the FormView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */
/* See DetailsViewExample.css for comparison of similar rules. */



/* The whole FormView, including the header, footer, pagination and data regions. */
.PrettyFormView .AspNet-FormView
{
    width: 20em;
    background-color: White;
}

/* HeaderText or <HeaderTemplate> */
.PrettyFormView .AspNet-FormView-Header
{
    color: #F7F6F3;
    background-color: #5D7B9D;
    font-weight: bold;
    padding: 4px 0 4px 4px;
}

/* FooterText or <FooterTemplate> */
.PrettyFormView .AspNet-FormView-Footer
{
}

/* Controls the appearance of whatever you define in the <ItemTemplate> */
.PrettyFormView .AspNet-FormView-Data
{
    padding:7px 0 0 4px;
}

/* Controls the appearance of whatever you define in the pagination region. */
.PrettyFormView .AspNet-FormView-Pagination
{
    background-color: #284775; 
    text-align:center;
    margin: 10px 0 0 0;
    padding: 4px 0 4px 0;
    margin-left: 4px;
}

/* This controls the appearance of the "current page" listed in the pagination region. */
/* This is NOT a link */
.PrettyFormView .AspNet-FormView-ActivePage
{
    color: White;
    margin-left: 4px;   
}

/* Controls the numbers used to navigate to other pages. */
/* This is a link */
.PrettyFormView .AspNet-FormView-OtherPage
{
    color: #00FFFF;
    text-decoration:none;
    margin-left: 4px;
}

/* Uncomment and customize these rules to further refine the appearance of the pagination links. */
/*
.PrettyFormView a.AspNet-FormView-OtherPage:link
{
    color:Lime;
}

.PrettyFormView a.AspNet-FormView-OtherPage:visited
{
    color:Maroon;
}
*/

.PrettyFormView a.AspNet-FormView-OtherPage:hover
{
    color:#FFA500;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleFormView .Sample-Contact
{
    border: solid 2px #648ABD;
    padding: 4px;
    background:#B9D3EE;
    color:Maroon;
}

#SampleFormView .Sample-Name
{    
    font-size:large;
}

#SampleFormView .Sample-Address
{
    color: Black;
    font-size:small;
}

#SampleFormView .Sample-Phone
{
    color: #333333; 
    text-align:right;
    font-size:medium;
}