Cascading Style Sheet Rules

To customize the look-and-feel of your DivePort portal, you can add CSS rules to the DivePort skin includeCssFiles= property. By default, this property is empty, but you can add a comma-separated list of CSS files. For example:

includeCssFiles=my_css.css, css_file2.css

DivePort searches the DI/Solution/webdata/<diveport>/customizations/skincss folder and appends the specified CSS rules to the CSS file that DivePort sends to the browser. Because your customized CSS rules are located at the end of the file, they override the DivePort default rules.

The following examples are lines that you can add to your CSS file to make cosmetic changes to the DivePort interface.

Rule Effect 
#dvp_titlebar_logo {

display: none;
}
 Remove the logo from the title bar. 
#dvp_titlebar_title {
display: none;

}
 Remove the title from the title bar. 
#dvp_titlebar_myaccount {
display: none;

}
 Remove the MY ACCOUNT option from the title bar. 
#dvp_titlebar_environments {
display: none;

}
 Remove the environment selector from the title bar. 
#dvp_simplifiedbar_navigate {

display: none;
}
#dvp_navigator {

display: none;
}

Remove the Open the SideBar icon.

NOTE: Ctrl+Shift+S, Ctrl+↑, and Ctrl+↓ are not affected. 

.dvp_diver_history {
font: Verdana
font-size: 10px;
color: #FFFFFF;
}
 Change the breadcrumb display in diver and analysis portlets. 
.dvp_diver_search {
font-size: 10px;
color: #FFFFFF
border: #808080
background: transparent
}
 Change the search box in analysis portlets. 
.dvp_aboutdialog_version, .dvp_aboutdialog_divelineversion {

display: none;

}
 Disable the DivePort and DiveLine version strings on the About DivePort page. 
.dvp_aboutdialog_version, .dvp_aboutdialog_divelineversion {

left: 100px;

top: 50px;

}
 Reposition the DivePort and DiveLine version strings on the About DivePort page. 
.dvp_aboutdialog_copyright {

display: none;
}
 Disable the copyright information on the About DivePort page. 
.dvp_logondialog_version, .dvp_logondialog_divelineversion {
left: 100px;
top: 50px;
}
 Reposition the DivePort and DiveLine version strings in the log on page. 
.dvp_table_vscrolldiv .dvp_scrollbar {
width: 50px !important;
}

.dvp_table_vscrolldiv .dvp_scrollbar_thumb {
width: 46px !important;

}

.dvp_table_vscrolldiv .dvp_scrollbar img {	
width: 46px;

height: 12px;

}
 Widens the vertical scrollbar track, thumb, and arrows.
Rule Effect 
#dvp_titlebar_logo {

display: none;
}
 Remove the logo from the title bar. 
#dvp_titlebar_title {
display: none;

}
 Remove the title from the title bar. 
#dvp_titlebar_myaccount {
display: none;

}
 Remove the MY ACCOUNT option from the title bar. 
#dvp_titlebar_environments {
display: none;

}
 Remove the environment selector from the title bar. 
#dvp_tabbar_hidetitle, #dvp_tabbar_showtitle {

display: none;
}
 Remove the Close the Titlebar icon from the title bar. 
#dvp_tabbar_tabs, #dvp_tabbar_scrollleft, #dvp_tabbar_scrollright {

display: none;
}
 Hide the tabs. NOTE: Ctrl+→ and Ctrl+← are not affected. 
#dvp_tabbar {

background-color: #000000;
}
 Specifies the background color of the tab bar. In this example it is changed to white. 
#dvp_locationbar_sidebar {

display: none;
}

Remove the Open the SideBar icon.

NOTE: Ctrl+Shift+S, Ctrl+↑, and Ctrl+↓ are not affected. 

#dvp_locationbar_bookmark {

display: none;
}

Removes the Open the Bookmark Menu icon.

NOTE: Ctrl+B is not affected. 

#dvp_locationbar_youarehere, #dvp_locationbar_location {

display: none;
}
 Removes the You are here statement from the location bar. 
#dvp_locationbar {

display: none;
}

Removes the location bar.

NOTE: Ctrl+Shift+S, Ctrl+↑, Ctrl+↓, and Ctrl+Shift+O are not affected. 

.dvp_locationbar_button {

color: eb4034;
}
 Specifies the color of label on the Share, Print, Edit, Undo, Redo, Save, and Cancel buttons on the location bar. In this example they are changed to red. 
.dvp_diver_history {
font: Verdana
font-size: 10px;
color: #FFFFFF;
}
 Change the breadcrumb display in diver and analysis portlets. 
.dvp_diver_search {
font-size: 10px;
color: #FFFFFF
border: #808080
background: transparent
}
 Change the search box in analysis portlets. 
.dvp_aboutdialog_version, .dvp_aboutdialog_divelineversion {

display: none;

}
 Disable the DivePort and DiveLine version strings on the About DivePort page. 
.dvp_aboutdialog_version, .dvp_aboutdialog_divelineversion {

left: 100px;

top: 50px;

}
 Reposition the DivePort and DiveLine version strings on the About DivePort page. 
.dvp_aboutdialog_copyright {

display: none;
}
 Disable the copyright information on the About DivePort page. 
.dvp_logondialog_version, .dvp_logondialog_divelineversion {
left: 100px;
top: 50px;
}
 Reposition the DivePort and DiveLine version strings in the log on page.