ReportingServices.css

Question

ReportingServices.css

Huonglien Nguyen

SSC Eights!

Points: 962
More actions
August 31, 2007 at 12:18 pm

#178255

We have been working with ReportingServices.css in order to customize the look and feel of SSRS interface and we have made some headway. We were wondering if there are any documentation with regard to classes and tags and their definitions that can facilitate our customization effort!? Thank you.

Viewing 4 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic. Login to reply

Jason Thomas Mr or Mrs. 500 Points: 508 More actions · Answer 1

would bbe very helpful if u publish wat u have done...wud be very useful for the ppl here... plz do so at the earliest, thanks in advance

also wanted to check with u whether it is possible to change the width of the parameter boxes in reportviewer, and not in repport manager (if i am rite, the .css file u mentioned is for reportmanager)

Singanan Krishnasamy SSC Enthusiast Points: 192 More actions · Answer 2

Guys ,

Did any one find any updates from microsoft ?

Thanks

Nvisioned.com Valued Member Points: 65 More actions · Answer 3

Here is a copy of my sheet where I was able to identify what changes are being made an label them for future reference. Sadly it is not totally complete but might help as a quick reference for a few things.

/******* Stylesheet for Report Server *********/

/* Hide the Details Button */

#ui_btnSwitchView{visibility: hidden;}

body

{background-image: url("../images/IMAGE.jpg"); margin: 0 0 0 0; font-size: 20pt; font-family: Segoe, Arial, Helvetica, sans-serif; }

/* Upper Right Corner Links */

a{ color: Black; font-size: 10pt; text-decoration: none; }

/* Main Navigation Bar */

a:hover{ color: Black; text-decoration: underline; }

p{ padding: 0px; margin: 0px; }

/* Create Folder/Report */

.msrs-label { font-size: x-small; }

.msrs-normal { color: Black; font-size: x-small; font-weight:normal; }

.msrs-parameterLabel { font-size: x-small; font-weight:bold; }

.msrs-normalwithmargin { color: Black; font-size: x-small; font-weight:normal; margin-left: 20px;}

/* ???????????--Title Text of a section header--??????????? */

.msrs-sectionheader {color: Yellow; font-size: x-large; font-weight: bold; padding-top: 10px;}

/* Title text of a section header on the Report Properties page */

.msrs-rptSectionHead {color: #1fa12d; font-size: small; font-weight: bold; text-decoration: underline;}

/* ???????????--Links on page--??????????? */

.msrs-nav { text-decoration: none; font-size: x-large; font-weight: normal; color: Yellow /*#3366CC*/; }

/* ???????????--Lower title on the page--??????????? */

.msrs-lowertitle {color: Yellow; font-size:50px; font-weight:bold; }

/* Drop Downs Example: Report Details-Datasource */

.msrs-dropdowns{color: #1fa12d; font-size: x-small; }

/* ???? - Upper title on the page - ??? */

.msrs-uppertitle {color: Yellow; font-size: x-large; }

/* ???? - Breadcrumb links - ??? */

.msrs-linkpanel {color: Yellow; font-size: x-large;}

.msrs-linkpanel a {font-size: x-large; font-weight: normal; color: Yellow;}

/* Detail View - List Text & Security List */

.msrs-listItem {color: #1fa12d; font-size: x-small; padding-left: 2px; padding-right: 8px; }

/* ??? - Item in a list - ??? */

.msrs-iconListItem {color: Yellow; font-size: x-large; padding-left: 10px; padding-right: 8px; padding-top: 4px; }

/* Check Box Labels */

.msrs-listItem a {color: Red; font-size: x-small; }

/* ??? - Global links at top of page - ??? */

.msrs-banner {color: Yellow; /*background-color:#FDFDFE*/ font-size: x-large; font-weight: normal; padding: 2px; }

.msrs-bannerframe {background-color: Yellow; }

/* ??? - Sub tabs - ??? */

.msrs-subtab{color: Yellow; background-color: Yellow; font-size: x-large; font-weight: bold; padding: 2px; }

.msrs-subtabAsian{ color: Yellow; background-color: Yellow; font-size: x-large; font-weight: bold; padding: 2px; }

.msrs-subtab a { font-size: x-large; }

.msrs-subtabAsian a { font-size: x-large; }

/* ??? - Label of search box - ??? */

.msrs-search {font-size: x-large; color: Yellow; font-weight: normal; text-decoration: none;}

/* ??? - Area containing page titles - ??? */

.msrs-titleareaframe { color: Red; font-size: x-large; border-right: none; }

/* Invalid data entered by user on page - New Role Assignment */

.msrs-validationerror{ font-size: medium; color: Red; font-weight: normal; text-decoration: none; }

/* ??? - Valid data entered by user on page. - ??? */

.msrs-valid{ font-size: x-large; color: Yellow; font-weight: normal; text-decoration: none; }

/* Header of a sortable column in a table list */

.msrs-listHeader{ text-align: left; font-weight: normal; color: White; background-color: #1fa12d; padding-left: 2px;}

.msrs-listHeaderPadded { color: #1fa12d; font-size: x-small; text-align: left; cursor: crosshair; border: 1px solid white; padding-left: 0px; padding-right: 8px; }

/* Header of a non-sortable column in a table list */

.msrs-nosortListHeader{ background-color: #1fa12d; color: White; font-size: x-small; text-align: left; padding-left: 1px; padding-right:8px; font-weight: normal; }

.msrs-thinPageBorder{ background-color: #1fa12d; border: solid 10px white; width: 100%; }

/* ??? - Tab control - ??? */

.msrs-tabs { background-color: Fuchsia; }

.msrs-tabSeparator { border-bottom: solid 5px Fuchsia; }

/*

* Shared area

* /

/* MAIN PAGE BACKGROUND - Content frame, including left & right borders, tab strip, and content */

.msrs-contentFrame { background-color: White; width:100%; height:100%; }

.msrs-innerContentFrame{ background-color: White; border-top: 4px solid #1fa12d; width:100%; height:100%; }

/* ??? - Calendar - ??? */

.msrs-CalendarTitle{ background: #1fa12d; color: White; }

.msrs-CalendarDayHeaderStyle{ background: #1fa12d; font-size:x-small; }

.msrs-CalendarWeekendDayStyle{ background: #ffffff; }

.msrs-CalendarSelectedDayStyle{ background: red; }

/* buttons for performing actions on multiple items in a checkbox list - Role Assignment */

/* Non Accessible */

.msrs-buttonHeaderButton { margin: 1px 1px 1px 1px; cursor: crosshair; }

/* Accessible Header Text */

.msrs-buttonHeaderText { font-size:x-small; font-family: "Segoe UI",Tahoma,Verdana,sans-serif; color: Black; }

.msrs-buttonHeaderButtonHover { border: 1px solid White; background-color: White; }

/* ??? - - ??? */

.msrs-buttonHeaderButtonHoverPressed { border: 1px solid Black; background-color: #99ccff; cursor: pointer; }

.msrs-buttonHeaderSeparator { color: Fuchsia; }

.msrs-buttonHeaderBackground { background-color: Lime; }

/* Generic buttons - OK, Cancel, Apply, Browse, */

.msrs-button{ font-size: x-small;}

/* ??? - Link buttons - ??? */

.msrs-linkButton{ color: Fuchsia; }

/* Generic text area */

.msrs-txtBox{ font-size: x-small; font-family: Segoe UI, Arial, Helvetica, sans-serif; }

.msrs-normalCellWithSpaceForRadioButton{ height:30px; vertical-align:middle; color: Black; font-size: x-small; font-weight:normal; }

/* "Last Run" text on folder list view */

.msrs-lastRunCell{ font-size: x-small; font-style:italic; }

.msrs-newPunc{ font-size: x-small; font-weight: bold; color: GREEN; }

.msrs-newText{ font-size: xx-small; color: GREEN; }

.msrs-newTextAsian{ font-size: x-small; color: GREEN; }

/* Spacer */

.msrs-space{ margin:0; padding:0; }

/* Unselected tab */

.msrs-unselectedTab{ text-align:center; font-weight:bold; font-size:xx-small; color:#ffffff; background-color:#3366CC; padding:5px 5px 6px 5px; }

.msrs-unselectedTabAsian{ text-align:center; font-weight:bold; font-size:x-small; color:#ffffff; background-color:#3366CC; padding:5px 5px 6px 5px; }

.msrs-unselectedTab a { text-align:center; font-weight:bold; font-size:xx-small; color:#ffffff; }

.msrs-unselectedTabAsian a{ text-align:center; font-weight:bold; font-size:x-small; color:#ffffff; }

/* Selected tab */

.msrs-selectedTab{ text-align:center; font-weight:bold; font-size:xx-small; background-color:#1fa12d; color:Black; text-decoration:none; padding:5px 5px 6px 5px; }

.msrs-selectedTabAsian { text-align:center; font-weight:bold; font-size:x-small; background-color:#1fa12d; color:Black; text-decoration:none; padding:5px 5px 6px 5px;}

.msrs-selectedTab a{ font-size:xx-small; color:Black; }

.msrs-selectedTabAsian a{ font-size:x-small; color:Black; }

/* Tab separator */

.msrs-tabSep { background-color:white; border-bottom:5px solid #3366cc }

.msrs-multiValueDropDown { border: 1px Gray solid; }

.msrs-multiValueDropDownCheckBox { color: windowtext; font-size: x-small; }

.msrs-infoLabel{ color:Blue; }

.ms-authoringcontrols { background-color: blue; color: white; }

.ms-inputuserfield { border:1px solid #a5a5a5; }

.ms-radiotext { font-size: x-small; }

.ms-formdescription { font-size: x-small; }

.ms-propertysheet { font-size: x-small; }

/* Context Menu - Report Options Dropdown Menu */

.msrs-MenuUI { background-image:url("../images/MGrad.gif"); background-position:left; }

.msrs-MenuUI{ background-color: White; background-repeat:repeat-y; cursor:pointer; }

.msrs-MenuUIMinWidth{ height:1px; width:200px; }

td.msrs-MenuUIItemTableCell { padding:2px; color: Yellow; text-decoration:none; font-size:9pt; }

.msrs-MenuUIItemTableCell a, .msrs-MenuUIItemTableCell a:hover ,.ms-MenuUIItemTableCellHover a{ color: Fuchsia; text-decoration:none; font-size:9pt; display:block; width:100%; }

.msrs-MenuUIItemTableCell a{ border:0px solid white;}

/* Hover Properties */

td.msrs-MenuUIItemTableHover { padding:1px; font-size:9pt;}

.msrs-MenuUIItemTableHover a, .msrs-MenuUIItemTableHover a:hover ,.msrs-MenuUIItemTableHover a { color: White; text-decoration: none; font-size: 10pt; display: block; width: 100%;}

.msrs-MenuUIItemTableHover a{ background-color: #1fa12d; border:1px solid Black; }

/* Text Properties */

.msrs-menuItemLabelContainer{ color: Black; margin:4px 0 0 5px; vertical-align: middle; height:17px; cursor: pointer; }

.msrs-menuItemImageContainer{ width: 22px; display: inline-block; cursor:pointer; vertical-align:middle; padding-top:6px; padding-left:2px;}

.msrs-MenuUIIcon,.ms-MenuUIIconRtL{ height: 16px; width: 24px; text-align: left; }

.msrs-MenuUIPopupBody { border: 2px solid Black; margin:0px; padding:0px;}

.msrs-MenuUIPopupBody a{color: Yellow; font-size:100%; margin:0px; padding:0px;}

.msrs-MenuUIPopupBody div { cursor: pointer; }

/* Drop Down Bar */

.msrs-SelectedItem tr td img{ visibility:visible; }

.msrs-SelectedItem{ border: 1px solid #1fa12d; margin: 0px; padding: 0px; cursor: pointer; height: 25px; width: 200px; }

.msrs-SelectedItem td{ cursor: pointer; border: solid 1px White; padding: 0px; }

.msrs-SelectedItem a { text-decoration: none; color: Red; font-size: 10pt; }

.msrs-SelectedItem a:hover { text-decoration: underline; color: #1fa12d; font-size: 10pt; cursor: pointer;}

.msrs-SelectedItemEnd { background-color: #1fa12d; }

/* Details View specific */

td.msrs-listItem table.msrs-SelectedItem { width:400px; }

td.msrs-listItem table.msrs-UnSelectedItem{ width:400px; }

.msrs-UnSelectedItem tr td img{ visibility: hidden; }

.msrs-UnSelectedItem{border:1px solid White; height:25px; width:200px; }

.msrs-UnSelectedItem a { text-decoration:none; color: Black; font-size:10pt; }

.msrs-UnSelectedItemEnd { background-color:transparent; }

tr.msrs-HighLightedRow table.msrs-UnSelectedItem {border:1px solid #f2f2f2;}

/* Tile View */

div.msrs-tileView { float: left; height: 70px; }

a.msrs-itemName { white-space: nowrap; width: 250px; overflow: hidden; text-overflow: ellipsis; color: #1fa12d; }

p.msrs-itemDescription { white-space: nowrap; width: 250px; overflow: hidden; text-overflow: ellipsis; font-size:10pt; color: Gray; }

/* New Reporting Styles */

.msrs-searchContainer { padding-bottom: 8px; }

div.msrs-viewChanger { float: right;}

/* Very Top Links */

.topBar { padding:6px 6px 6px 10px; border-top: 1px solid Red; border-bottom: 1px solid Red; background-color: Red; /*FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#666666', EndColorStr='#4D4D4D')*/; font-size: small; font-weight:bold; color: White; }

table.msrs-topBreadcrumb { background-color: #1fa12d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 84%; font-weight:normal; color: White; }

table.msrs-topBreadcrumb a { text-decoration:none; color: White; }

table.msrs-topBreadcrumb a:hover { text-decoration:underline; color:#000; }

table.msrs-topBreadcrumb td { padding:2px 8px 4px 8px; }

/* Top Header / Page Title */

table.msrs-header { background-image: url("../images/Animated_Header-Logo.gif");}

table.msrs-header td { padding: 20px 10px 30px 10px; }

table.msrs-header td.msrs-logo { padding-left: 20px; }

.msrs-breadcrumb { font-size: 86%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration:none; color: Fuchsia; padding:6px 6px 6px 10px; }

.msrs-breadcrumb a { text-decoration:none; color:#CCC; }

.msrs-breadcrumb a:hover { text-decoration: underline; color: #1fa12d; }

.msrs-helplink { font-size: smaller; color: Fuchsia; }

.msrs-title { color: Yellow; font-size: large; font-weight:bold; }

.msrs-report_title { margin:-15px 0px 6px 20px; color: Yellow; font-size: large; font-weight:bold; }

/*.msrs-site_title { margin:3px 0px 0px 0px; color: Black; font-family:Arial, Helvetica, sans-serif; font-size: 90%; font-weight:bold; }*/

.msrs-site_title {visibility: hidden;}

.msrs-page_title { margin:4px 0px 0px 0px; color: Black; font-family:Arial, Helvetica, sans-serif; font-size: large; font-weight:bold; }

a.msrs-page_title:hover {color: Red;}

/*Main Bar*/

.msrs-tool {visibility: hidden;}

.msrs-tool { font-weight: normal; font-size:8pt; background-color: #1fa12d; padding:1px 10px 0px 10px; }

td.msrs-tool a{ text-decoration:none; color:Black; }

td.msrs-tool a:hover{ text-decoration:underline; color:Black; }

.msrs-toolbar_top { background-image: url("../images/toolbar_top_lightsteelblue.gif"); }

.msrs-toolbar_middle {text: "Evan Rules";}

/* .msrs-toolbar_bottom { background-image: url("../images/toolbar_bottom_lightsteelblue.gif"); } */

table.msrs-reports { font-size:90%; color:Black; border-collapse:collapse; border:3px solid #d4dae5; }

table.msrs-reports a { display:block; text-decoration:none; color:Black;}

table.msrs-reports a:hover { text-decoration:underline; color:#0033cc; }

table.msrs-reports th { text-align:left; font-weight:normal; color:#999999; background-color:PURPLE; }

table.msrs-reports tr.a { background-color:#FFFFFF; }

table.msrs-reports tr.b { background-color:#f2f2ed; }

.msrs-tab { background-image:url("../images/tab.png"); background-repeat:no-repeat; font-weight:bold; font-size:95%; text-decoration:none; color:#CCCCCC; text-align:center; }

.msrs-tab a{ display:block; text-decoration:none; color:#CCCCCC; }

.msrs-tab a:hover { color:#1fa12d; text-decoration:none; }

.msrs-tab_on { background-image:url("../images/tab_on.png"); background-repeat:no-repeat; font-weight:bold; font-size:95%; color:#2e3c58; text-align:center; }

table.msrs-tile { font-size:100%; border:1px solid #ffffff; margin:4px; }

table.msrs-tile td { padding-left:8px; }

.msrs-grayText { color:#999999; }

/*Search Bar in Upper Right

.msrs-toolBarSpacerImage{ padding-top: 2px; padding-right: 2px; vertical-align: middle; }

.msrs-searchBar{ border: solid 1px #1fa12d; width:200px; background-color:#1fa12d; text-align:left; }

.msrs-searchBarNoBorder{ border: solid 0px white; width:173px; color:Black; font-style:normal; }

.msrs-searchDefaultFont{ border: solid 0px white; width:173px; color:Gray; font-style:italic; background-color:#F5F8FA;}

.msrs-searchFont{ border: solid 0px white; width:175px; color:Black; font-style:normal; }

.msrs-searchButton{ padding-top:2px; vertical-align: top}

*/ .msrs-searchbar {visibility: hidden;}

/* Properties - Left side tabs*/

/* Current Tab */

.msrs-proTabOn { border: 1px solid Black; background-color: White; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:Black; text-align:left; padding:6px 6px 6px 6px; }

.msrs-proTabBlank { }

/* Other Tabs */

.msrs-proTab { border: 1px solid Black; background-color: #1fa12d; font-family:Arial, Helvetica, sans-serif; color: White; text-decoration:none; text-align:left; }

.msrs-proTab a { font-size:10pt; display:block; color: White; text-decoration:none; padding:6px; }

/* Hovering Tab */

.msrs-proTab a:hover { font-size:10pt; display:block; background-color: Green; text-decoration:none; color: White; }

.msrs-proSubTab { border-bottom: 1px dotted #465a7e; border-right: 3px solid #d4dae5; background-color:#404e6a; color:#999999; text-decoration:none; text-align:left; }

.msrs-proSubTab a { font-size:10pt; display:block; color:#999999; text-decoration:none; padding:6px 6px 6px 26px; }

.msrs-proSubTab a:hover { display:block; background-color:#1fa12d; text-decoration:none; color:#000; }

.msrs-proPage { background-color:#FFFFFF; vertical-align:top; font-size:10pt; color:Black; }

td.msrs-proPage { text-align:left; border-left: 6px solid #b0c4de; }

table.msrs-properties { color:Black; text-align:left; border:0px solid white; }

.msrs-label { color:#666666; text-align:left;}

table.msrs-workFlow { vertical-align:top; width:100%; height:100%; }

td.msrs-subtabs { border: 0px solid GREEN; padding:0px 0px 0px 30px; margin:0px; }

/*Folder Settings -- Leftside Framework*/

.msrs-bgimage {background-position: bottom left; background-repeat:no-repeat; background-image: url("../images/vertical_MultiPlan6565.gif");}

.msrs-MenuUISeparator{ background-color: Black; color: Black; font-size: 12px; height:1px; line-height:1px; margin:0 0 0 32px; }

/*Detail View - Header & Security Header*/

.msrs-DetailsViewHeaderUnSelected{ border:1px solid #1fa12d; border-right: 1px solid Black; background-color: White;}

.msrs-DetailsViewHeaderSelected{ border:1px solid #1fa12d; background-color:#D4DAE5;}

/*Left Corner Check Box*/

th.msrs-listItem {border:1px solid #1fa12d; border-right: 1px solid #1fa12d; background-color: #1fa12d;}

.msrs-Padding{ margin:10px; display: block; }

.msrs-HighLightedRow {background-color: #f2f2f2;}

.msrs-failedConnectionMessage {color: Red;}

.msrs-succeedConnectionMessage {color: GREEN;}