FAQ/Questions/Overriding-page-level-css.md
... ...
@@ -66,17 +66,37 @@ You can either set the [[ToolbarCssUrl|/API/CodeSamples/ToolbarCssUrl]] setting
66 66
To use custom CSS for the Report List page, you can use the method described above for the Report Viewer to obtain the desired results. However, the file will be called ``reportlist.css`` and the page it should be included on is **ReportList-Head.ascx**. The CSS classes you will have to override will also be different than the ReportViewer page CSS classes. Here are some examples of classes that can be overridden.
67 67
68 68
```css
69
-.blue-panel ul
69
+.blue-panel
70 70
{
71
- border-color:white;
71
+ background-color:#0d70cd;
72
+ border-color:#0d70ff;
72 73
border-style:solid;
73
- border-width:2px;
74
+ border-width:2px;
75
+ border-radius:25px;
76
+}
77
+
78
+.blue-panel ul
79
+{
74 80
font-family: Verdana, Geneva, Arial, Helvetica;
81
+ list-style-type: none;
82
+ padding: 0px;
83
+ margin: 0px;
75 84
}
85
+
76 86
.blue-panel ul li
77 87
{
78
- background-color:red;
88
+ background-color:#0d70cd;
89
+ background-image: url('../../rs.aspx?image=ModernImages.report-icon.png');
90
+ background-repeat: no-repeat;
91
+ background-position: 0px 5px;
92
+ padding-left: 14px;
93
+}
94
+
95
+.blue-panel ul li a
96
+{
97
+ color: white;
79 98
}
99
+
80 100
.blue-panel h2
81 101
{
82 102
border-width:1px;
... ...
@@ -85,6 +105,17 @@ To use custom CSS for the Report List page, you can use the method described abo
85 105
background-color:silver;
86 106
}
87 107
108
+.blue-panel a:hover
109
+{
110
+ background-color:#0d70ff !Important;
111
+ color: white;
112
+}
113
+
114
+.blue-panel a.selected
115
+{
116
+ background-color: #4540b9;
117
+ color:white;
118
+}
88 119
#RL_QuickSearchBox
89 120
{
90 121
font-family: 'Comic Sans MS' !Important;