Date post: | 06-Apr-2018 |
Category: |
Documents |
Upload: | karthickak36 |
View: | 216 times |
Download: | 0 times |
of 33
8/2/2019 Web Top 6 Css Changes
1/33
W e b t o p 6 C a s c a d i n g S t y l e s h e e t C h a n g e s
PurposeofDocumentThismigrationdocumentilluminateskeychangesintheCascadingStylesheetsof
Webtop6.x
Themes.
IntendedAudienceThisdocumentisintendedforDevelopersorDesignersresponsibleforWebtopTheme
customizations.CustomerswithOutOfBoximplementationsneednotbeconcerned
thesechangesonlyimpactcustomizations.
OverviewAs
new
features
are
added
and
layouts
modified
to
enhance
the
user
experience,
Stylesheetchangesarerequired.Ofcourseeffortsaremadetominimizetheimpactof
thesechangesoncustomizationsforbackwardscompatibility;however,therearetimes
whenthisgoalisntfullyrealized.
EMCunderstandsthatthisimpactscustomerswhomayhavesubstantial
customizations,thusareprovidingthisdocumenttoassistinmigratingthese
customizationstominimizethevisualimpactofchanges.
WhatChangedo Themeso DirectoryStructureo AdditionalStylesheetso Selectorso Rules
ThemeChangesWebtop6shipswithonlytwothemesconfigured(documentumandhighcontrast),the
documentumthemeremainsthedefaulttheme.Asthemajorityofcustomerschooseto
customizethe
theme,
maintaining
this
number
of
themes
didnt
make
sense.
Other
themeassetsremaininthebuildforbackwardcompatibility.Previousversionsof
Webtopcontained:
o 17wdkthemes(seesubfoldersunderwdk\theme)o 11webcomponentthemes(seesubfoldersunderwebcomponent\theme)o 13webtopthemes(seesubfoldersunderwebtop\theme
8/2/2019 Web Top 6 Css Changes
2/33
Directoryof\wdk\theme
alltext
coolblue
docublue
documentum
highcontrast
iconic
kaleidoscope
lava
mellow
portal
royale
sage
shiny
summer
tahoe
trendy
windowsxpsilver
Directoryof\webcomponent\theme
alltext
coolblue
docublue
documentum
highcontrast
iconic
kaleidoscope
mellow
royale
shiny
trendy
Directoryof\webtop\theme
coolblue
docublue
documentum
highcontrast
kaleidoscope
lava
mellow
8/2/2019 Web Top 6 Css Changes
3/33
royale
sage
shiny
summer
tahoe
trendy
DirectoryStructureChangesTheCSSdirectorystructureunderthemeshasbeenmodified.Subfoldershavebeen
addedforie6andmedia(printandscreen).Asie7hasgainedsignificantsupport,rules
specifictoie6weremovedtoanie6subfolder.
Directoryofwdk\theme\documentum\css
dragdrop.css
fileSelectorAppletStyle.properties
ie6mediarichtexteditor.css
richtexteditor_rtl.css
webforms.bak
webforms.css
webforms_rtl.css
xforms.css
xforms_styles.css
AdditionalStylesheetsSeveralnewStylesheetswereaddedtosupportWebtop6.Thesechangesweremadeto
facilitatesupportforie7,aswellas,righttoleft(rtl)support.
SelectorChangesAn
appendix
to
this
document,
enumerates
changes
to
selectors
to
the
main
pages
that
composetheframesetofaWDKapplication(e.g.Webtop).
8/2/2019 Web Top 6 Css Changes
4/33
RuleChangesStylechangesweremadetoreskinthewdkapplications.Generalhousekeepingwas
done quoteswereputaroundthefont"TrebuchetMS",finalsemicolonswere
removed,font,background,paddingandmarginshortformswereused.
Forexample:
paddingtop:10px;
paddingleft:5px;
paddingbottom:10px;
paddingright:5px;
Changedto:
padding:10px5px;
HowtoDebugUIIssuesIfyouhaveahighlycustomizedenvironment,itisadvisedthatyoureviewyour
customizationsanditeratethroughthepagesusingFirefoxDeveloperToolstoinspect
thegeneratedsourcetozeroinonanomalies.FindspecificJSPpagesthatmayhave
issuesanduseaDIFFtooltoinvestigatetheJSPlayoutorCSSclasses.
DisclaimerThisdocumentisbynomeanscomprehensive.PleaselogabugwithTechnicalSupport
ifyoushoulddiscoverrulechangesnotcoveredinthisdocument.
8/2/2019 Web Top 6 Css Changes
5/33
AppendixofChanges5.xStylesheetswdk\theme\documentum\cssdragdrop.css
richtexteditor.css
webforms.css
xforms.css
fileSelectorAppletStyle.properties
webtop\theme\documentum\csswebtop.css
6.xStylesheetswdk\theme\documentum\cssdragdrop.css
richtexteditor.css
richtexteditor_rtl.css(new)
webforms.csswebforms_rtl.css(new)
xforms.css
xforms_styles.css(new)
\ie6
webforms_ie6.css(new)
webforms_ie6_rtl.css(new)
\media
print.css(new)
screen.css(new)
webtop\theme\documentum\csswebtop.css
webtop_rtl.css(new)
8/2/2019 Web Top 6 Css Changes
6/33
ChangesinPagesThemainpageinawdkapplicationcontainsframes.Theclass/idattributeinelements
ofthesekeypagesareofparticularimportancetocustomerswhohavecustomizedthe
look&feelofthewdkapplication(e.g.Webtop).
Althoughtherearemanyotherpagesthatmakeuptheapplication,thefollowingpages
arereusedthroughouttheapplication:
o login.jsp,titlebar.jspo messagebar.jspo browsertree.jspo menubar.jspo toolbar.jspo attributes_all.jsp
8/2/2019 Web Top 6 Css Changes
7/33
login.jsp5.x
contentBackground
logintopleftedge
logintoprightedge
logintitletop
logintitletext
dialogTitle
loginleftedge
documentumBgColor
loginrightedge
defaultcolumnspacer
fieldlabel
spacer
loginrightedge
modalnavbg
buttonbuffer
buttonLink
loginbgbbtm
6.x
mainPaneset
dialogTitle
innerContent
logodialogTitleVersion
fieldlabelrightAlignment
defaultcolumnspacer
fieldlabelrightAlignment
spacer
loginerrorspacing
buttonareaPane
modalSmallButtonBar
helpButtonSection
8/2/2019 Web Top 6 Css Changes
8/33
titlebar.jsp5.x
webtopTitlebarBackground
titleLink
searchLink
buttonLink
6.x
webtopTitlebarBackground
titleLink
searchLink
searchGoButtonRightPaddingsearchTriangleLeftPadding
buttondefault
floatRightAlignment
rightAlignment
NOTE:buttonLink'sarenowbutton
messagebar.jsp5.x
webtopMessagebarBackground
spacer
messagebarlabel
6.x
webtopMessagebarBackground
spacer
messagebarlabelleftAlignment
NOTE:leftAlignmentwasadded
8/2/2019 Web Top 6 Css Changes
9/33
browsertree.jsp5.x
webtopTreeBackground
webtopMenubarBackground
browserTreeNormal
browserTreeSelected
6.x
webtopTreeBackground
webtopMenubarBackground
leftAlignment
browserTreeNormal
browserTreeSelected
NOTE:Nochanges.
menubar.jsp5.x
menubarBackground
headerBackground
webcomponentBreadcrumb
webcomponentTitle
doclistHeader
contentBackground
buttonLink
6.x
menubarBackground
headerBackground
leftAlignment
webcomponentBreadcrumb
webcomponentTitle
doclistHeader
contentBackground
buttonLink
NOTE:thoughtherule(border/background)mayhavechangedtheselectorshavenot.
8/2/2019 Web Top 6 Css Changes
10/33
toolbar.jsp nolongervisible
NOTE:Nochanges
attributes_all.jsp5.x
contentBackground
fieldlabel
defaultDocbaseAttributeStyle
defaultcolumnspacer
6.x
contentBackgroundfieldlabelrightAlignment
fieldlabelleftAlignment
leftAlignment
defaultDocbaseAttributeStyle
defaultcolumnspacerleftAlignment
NOTE:Somelayoutdifferencesbutnoselectorchanges.
EnumeratedChangestowebforms.csswebforms.css ofallstylesheets,thisistheonethathandlesthemajorityoftheUI
layoutandstyling
SelectorsRemoved.buttonLink
{
font-family: Trebuchet MS, Verdana, GillSans, Arial;
color: #333333;
text-decoration: none;
font-size: 12px;
line-height: 14px;
font-weight: normal;
}
.buttonDisabledLink
{
color: #999999;
font-family: Trebuchet MS, Verdana, GillSans, Arial;
text-decoration: none;
font-size: 12px;
line-height: 14px;
8/2/2019 Web Top 6 Css Changes
11/33
font-weight: normal;
}
.actionButtonLink
{
font-family: Trebuchet MS, Verdana, GillSans, Arial;
color: #333333;
text-decoration: none;
font-size: 12px;
line-height: 14px;
font-weight: normal;
}
.actionButtonDisabledLink
{
color: #999999;
font-family: Trebuchet MS, Verdana, GillSans, Arial;
text-decoration: none;
font-size: 12px;
line-height: 14px;
font-weight: normal;
}
.bannerbox
{
background: white url("../images/banner/top_left.gif") no-repeat top
left;
}
SelectorsAdded#modal .dialogTitle .defaultLabelStyle, #modalLocator .dialogTitle
.defaultLabelStyle
{
color: #fff;
font-family: "Trebuchet MS", Verdana, GillSans, Arial;font-size: 13px;
font-weight: bold
}
#modalLocator .dialogTitle
{
border: none;
background: none
}
#modal .subTitle, #modalLocator .subTitle
{
color: #fff;
margin: 0 18px
}#contentArea .dialogFileName
{
color: #000
}
#contentArea .dialogFileDetails
{
color: #000
}
.menuBarHighlightAutoComplete, .autoCompleteHighlightSelected
8/2/2019 Web Top 6 Css Changes
12/33
{
background: #fff;
border: 1px solid #a5acb2;
font-weight: bold;
color: #333;
text-align: left;
padding: 2px
}
.autoCompleteHighlightSelected
{
background: #ccc
}
/* button styles */
BUTTON
{
background: url("../images/button/button_bg.gif") repeat-x;
background-color: #c0c0c0;
font-weight: bold;
font-size: 11px;
color: #333;text-shadow: #fff 2px 2px 1px;
padding: 1px 2px;
border: 1px solid #a5acb2;
cursor: pointer
}
BUTTON:hover
{
background: url("../images/button/button_bg.gif") repeat-x;
}
BUTTON.default
{
}
BUTTON[disabled]
{
font-size: 11px;
text-decoration: none;
color: #999;
font-weight: bold
}
.accessibleTabbarNormalStyle
{
background-image: url("../images/modal/modal_tab_bg_off.gif");
font-family: "Trebuchet MS", Verdana, GillSans, Arial;
color: #333;
text-decoration: none;
font-weight: bold;font-size: 12px;
vertical-align: top;
height: 22px;
padding-top:0px;
padding-bottom: 10px
}
.accessibleTabbarSelectedStyle
{
height: 22px;
8/2/2019 Web Top 6 Css Changes
13/33
background-image: url("../images/modal/modal_tab_bg_on.gif");
font-family: "Trebuchet MS", Verdana, GillSans, Arial;
color: #333;
text-decoration: none;
font-weight: bold;
font-size: 12px;
vertical-align: top;
padding-top:0px;
padding-bottom: 10px
}
.accessibleTabbarDisabledStyle
{
background-image: url("../images/modal/modal_tab_bg_off.gif");
font-family: "Trebuchet MS", Verdana, GillSans, Arial;
color: #666;
text-decoration: none;
font-weight: bold;
font-size: 12px;
padding-bottom: 21px;
vertical-align: top;
height: 22px}
.errorSubTitle
{
color: #333;
padding: 0
}
/*D6 modal container styles*/
#modal, #modalLocator, #persistentobjectlocator, #userorgrouplocator
{
background: url("../images/modal/modalpage_bg.gif") repeat-x #c3c5c7
!important;
top: 0px;
bottom: 0px
}
#scrollingcontent
{
border: 1px solid #a5acb2;
border-top: none;
background: url("../images/modal/contentsheet_bg.gif") 100% 100% no-
repeat #fff
}
#scrollingcontent DIV
{
padding: 10px;
width: 85%
}
#mainPaneset{
background: #3b669d;
padding: 20px;
border: 1px solid;
border-color: #383732 #36485D
}
#rightcolumn {
background: url("../images/modal/contentsheet_dropshadow_rt.gif")
top left repeat-y #3b669d
8/2/2019 Web Top 6 Css Changes
14/33
}
#leftcolumn {
background: #3b669d
}
#buttonareaPane .modalButtonBar
{
/*background: url("../images/modal/contentsheet_dropshadow.gif") top
left repeat-x #667fa3;*/
margin: 0 18px;
height: 45px
}
#buttonareaPane BUTTON
{
margin: 10px 0 10px 7px;
}
#buttonareaPane TABLE
{
float: left;
display: inline;
margin: 10px 0 0 7px}
#modal .webcomponentTitle, #modal .dialogTitle, #modalLocator
.webcomponentTitle
{
color: #fff;
font-size: 13px;
font-weight: bold;
display: block;
padding: 0 0 0 18px;
height: 41px;
position: relative;
top: 10px;
overflow: hidden
}
.propertysheetdialogtitle
{
color: #fff;
font-size: 13px;
font-weight: bold;
display: block;
padding: 0 0 0 18px;
height: 39px;
position: relative;
top: 10px;
overflow: hidden;
}
.propertysheetlabelstyle
{
color:white;
}
#modalLocator .dialogTitle
{
color: #fff;
8/2/2019 Web Top 6 Css Changes
15/33
font-size: 13px;
font-weight: bold
}
#tabs
{
margin: 0;
margin-left: 10px;
text-align: left
}
TABLE.dataTableFieldSetup TD
{
padding: 10px;
}
/* Generic row has "middle" alignment so input fields line up */
TABLE.dataTableFieldSetup TR.genericPanel
{
vertical-align: middle
}
TABLE.dataTableFieldSetup TR.optionsPanel TD
{
padding-top: 0px
}
TABLE.dataTableFieldSetup .name
{
padding-right: 0px
}
TABLE.dataTableFieldSetup .type
{
}
TABLE.dataTableFieldSetup .use
{
border: 1px solid #A5ACB2;
border-width: 0px 1px;
width: 100px;
text-align: center;
padding-left: 5px;
padding-right: 5px
}
TABLE.dataTableFieldSetup .buttons
{
white-space: nowrap}
TABLE.dataTableFieldSetup TD.options
{
padding-left: 20px
}
/* Some controls are double-indented */
8/2/2019 Web Top 6 Css Changes
16/33
TABLE.dataTableFieldSetup DIV.indent, #scrollingcontent
TABLE.dataTableFieldSetup DIV.indent
{
padding: 0px 0px 0px 30px;
width: auto
}
/* Text input in Data Table Fields dialog for member names etc. is
wider than usual*/
TABLE.dataTableFieldSetup TD.options INPUT.defaultTextStyle,
TABLE.dataTableFieldSetup TD.options TEXTAREA
{
width: 260px
}
.noteWithoutPadding
{
font-style: italic;
color: #666;
padding-top: 0px;
display: block;
}/* Datagrid Row Selection Support */
.datagridDesktopUI
{
/* Placeholder for rich-ui grid */
}
.datagridDesktopUI .datagridDesktopUIHeader
{
/* Placeholder for rich-ui grid */
}
.datagridDesktopUI .datagridDesktopUIData
{
/* Placeholder for rich-ui grid */
}
.datagridDesktopUI .datagridDesktopUIFooter
{
/* Placeholder for rich-ui grid */
}
.datagridDesktopUI .allItemsSelector
{
display: none;
}
.datagridDesktopUI .selectable
{
-moz-user-select: none;
-khtml-user-select: none;
cursor: default
}.datagridDesktopUI .selectable .defaultActionLinkStyle
{
color:#000
}
.datagridDesktopUI .selectable .selector
{
display: none
}
.datagridDesktopUI .selected
8/2/2019 Web Top 6 Css Changes
17/33
{
background: #b5c4d9
}
.datagridDesktopUI .colResizer
{
cursor: w-resize;
position: absolute;
height: 16px;
width: 6px;
z-index: 100;
opacity: 0.5;
filter: alpha(opacity=50)
}
.datagridDesktopUI .colResizerDrag
{
cursor: default
}
.datagridDesktopUI .colResizerExtent
{
position: absolute;
top: 0px;width: 1px;
z-index: 100;
background: #000;
opacity: 0.7;
filter: alpha(opacity=70)
}
.datagridDesktopUI .datagridRightmostCell
{
width: 99%
}
.datagridDesktopUI .datagridMinColumnWidth
{
min-width: 16px
}
/* datagrid additional row style */
.additionalRowDesktopUI
{
padding-left: 35px;
padding-bottom: 4px
}
.additionalRow
{
padding-left: 55px;
padding-bottom: 4px
}
.sizecolumn
{
text-align: right;
}
.rightButtonSection
{
float: right;
margin-right: 5px
8/2/2019 Web Top 6 Css Changes
18/33
}
.helpButtonSection
{
float: left;
position: relative;
display:inline;
margin-top: 10px
}
.helpButton
{
background: none;
border: none
}
button .helpButton:hover
{
background: none
}
.attributeList
{
margin-left: 4px
}.showProperties
{
padding: 10px;
margin: 10px;
text-align: left
}
.inlineHelpMessage
{
color: #999;
font-style: italic;
display: block
}
/*Repeating Attribute Tables*/
#modal .pagerBackground
{
background: #e4e6ea;
padding-right: 3px;
margin: 0
}
#modal .pagerBackground .pagerContent
{
border-bottom: 1px solid #a5acb2;
padding: 5px 0
}
#modal .headerRow TH, #modal .headerRow TD
{border-bottom: 1px solid #a5acb2;
padding: 5px 0
}
/* Set some datagrid columns so width is 1/3 of overall table */
#modal .headerRow.columns3 TH.doclistfilenamedatagrid
{
width: 33%;
}
8/2/2019 Web Top 6 Css Changes
19/33
/*Datagrid styles for modal containers*/
#modal .defaultDatagridStyle, #modal .datagridDesktopUI
.defaultDatagridStyle
{
border: 1px solid #a5acb2;
width: 99%;
padding: 0;
margin: 0;
position: relative;
background: #e4e6ea
}
#modal .defaultDatagridStyle A
{
text-decoration: underline;
color: #000;
font-size: 11px;
margin: 0;
padding: 0
}
#modal .defaultDatagridStyle TABLE
{width: 100%;
padding: 0;
border: 0;
margin: 0;
border-collapse: collapse;
}
/* Tables that contain paging controls should not inherit a width */
/* These tables should be centered via 'auto' margins */
#modal .defaultDatagridStyle TABLE.defaultDataPagingStyle
{
width: auto;
margin-left: auto;
margin-right: auto;
}
/*D6 Login, Logout, About, and other smaller dialogs*/
#modalSmall
{
background: url("../images/modal/modalpage_bg.gif") repeat-x #c3c5c7
!important;
padding: 0;
margin: 0;
top:0px;
bottom:0px;
width: 100%;
text-align: center
}#modalSmall #leftcolumn
{
border: 1px solid red
}
#modalSmall .innerContent
{
padding-bottom: 20px
}
#modalSmall #mainPaneset
8/2/2019 Web Top 6 Css Changes
20/33
{
position: relative;
top: 0;
right: 0;
margin: 0 auto;
width: 400px;
text-align: left
}
#modalSmall #buttonAreaPane
{
text-align: right;
margin: 0;
padding: 10px 0 0 0
}
.modalSmallButtonBar
{
padding-bottom: 20px
}
#modalSmall #logo
{
text-align: center;margin: 0 0 10px 0;
display: block;
position: relative;
color: #333;
font-size: 22px;
font-weight: bold
}
#modalSmall .dialogTitle
{
color: #fff;
font-size: 15px;
font-weight: bold;
display: block;
overflow: hidden;
margin-bottom: 10px;
text-shadow: #000 2px 2px 1px
}
#modalSmall .rightButtonSection
{
float:right;
margin-right: 0
}
#modalSmall .rightButtonSection BUTTON
{
margin: 0 0 0 7px
}
#modalSmall .helpButtonSection{
margin-top: 0
}
#modalSmall .dialogTitleVersion
{
color: #bbb
}
.showMoreHideMoreLink
{
8/2/2019 Web Top 6 Css Changes
21/33
color: #000;
text-decoration: none;
cursor: pointer;
font-size: 11px;
font-weight: bold
}
.disclosureTriangleOpen
{
background: url(../icons/disclosuretriangle/open.gif) no-repeat;
height: 16px;
width: 16px;
position: relative;
display: inline;
float: left;
padding-right: 3px
}
.disclosureTriangleClosed
{
background: url(../icons/disclosuretriangle/closed.gif) no-repeat;
height: 16px;
width: 16px;position: relative;
float: left;
display: inline;
padding-right: 3px
}
.miniButton, #modal .defaultDatagridStyle .miniButton, #modal
.fieldlabel .miniButton, #modal .defaultActionLinkStyle .miniButton,
#modal .defaultDatagridStyle
.pagerBackground .pagerContent .miniButton
{
background: url(../images/button/minibutton/minibutton_bg.gif)
repeat-x #a5acb2;
padding: 1px 2px;
white-space: nowrap;
border: 1px solid #a5acb2;
font-size: 9px;
font-weight: bold;
font-family: Tahoma, Verdana, sans-serif;
text-decoration: none;
color: #000;
margin: 0
}
.miniButton:hover, #modal .defaultDatagridStyle .miniButton:hover,
#modal .fieldlabel .miniButton:hover, #modal .defaultActionLinkStyle
.miniButton:hover, #modal
.defaultDatagridStyle .pagerBackground .pagerContent .miniButton:hover
{
background: url(../images/button/minibutton/minibutton_bg_over.gif)
repeat-x #fff;
margin: 0
}
.miniButtonSearch {
8/2/2019 Web Top 6 Css Changes
22/33
background: url( ../images/button/minibutton/minibutton_bg.gif )
repeat-x #a5acb2;
padding: 1px 1px 1px 1px;
white-space: nowrap;
border: 1px solid #a5acb2;
font-size: 11px;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, sans-serif;
text-decoration: none;
color: #000;
margin: 0
}
.miniButtonSearch:hover {
background: url( ../images/button/minibutton/minibutton_bg_over.gif
) repeat-x #fff;
margin: 0
}
/* Disabled minibuttons (spans) should look disabled */
SPAN.miniButton, #modal .defaultDatagridStyle SPAN.miniButton, #modal.fieldlabel SPAN.miniButton, #modal .defaultActionLinkStyle
SPAN.miniButton, #modal
.defaultDatagridStyle .pagerBackground .pagerContent SPAN.miniButton
{
background: #c4c8cb none;
color: #666
}
/* DIVs that contain mini buttons should not inherit width or padding
*/
#scrollingcontent .defaultDatagridStyle .pagerContent DIV,
#scrollingcontent .contentBackground DIV
{
padding: 0px;
width: auto
}
/* Alignments to support both LTR and RTL */
.leftAlignment
{
text-align: left
}
.rightAlignment
{
text-align: right
}
.floatLeftAlignment{
float: left
}
.floatRightAlignment
{
float: right
}
.radiopara
{
8/2/2019 Web Top 6 Css Changes
23/33
padding:0;
margin:0;
font-size:11px;
font-weight:bold;
padding:0
}
.radiolabel
{
padding: 0 0 5px 3px
}
.inlinehelppara
{
padding: 0 0 0 5px;
margin: 0
}
/* Locator related padding classes */
.locatorPatternFilterLeftPadding
{
padding-left: 8px
}.locatorGoButtonRightPadding
{
padding-right: 5px
}
.locatorAttributeFilterRightPadding
{
padding-right: 8px
}
.locatorPagingControlRightPadding
{
padding-right: 8px
}
.locatorNoDataLabelLeftPadding
{
padding-left: 8px
}
.locatorDataPagingLeftPadding
{
padding-left: 5px
}
.drilldownLeftPadding
{
padding-left: 4px
}
.inboxDrilldownDatagridRowLeftPadding
{
padding-left: 18px}
.docbaselockiconLeftPadding
{
padding-left: 3px
}
.docbaseIconPadding
{
padding-left: 3px
}
8/2/2019 Web Top 6 Css Changes
24/33
.dataGridFileNameLeftPadding
{
padding-left: 8px
}
.aboutDialogCloseBtnRightPadding
{
padding-right: 20px
}
.errorMsgIconRightPadding
{
padding-right: 3px
}
.iconbutton
{
background: none;
border: none;
margin: 0;
padding: 0
}
/*D6 Modal Locator Styles*/
#modalLocator .dialogTitle{
padding: 0 0 0 18px;
margin: 2px 0 0 0
}
#modalLocator #headerareaPane
{
color: #fff;
font-weight: bold
}
.breadcrumbContent
{
width: 100%;
height: 20px;
position: absolute;
right: 0px;
border: none;
background-repeat: no-repeat;
color: #333;
font-weight: bold;
padding: 2px 5px;
border: 1px solid #a5acb2;
border: 0 0 0 1px
}
#modalLocator #iconwellarea
{height: 100%;
background: #fff;
border: 1px solid #999;
border-top: 0;
margin: 0
}
#modalLocator .pagerBackground
{
background: #ccc
8/2/2019 Web Top 6 Css Changes
25/33
}
#modalLocator .colHeaderBackground
{
background: #e4e6ea
}
#workareacontent, #reportnameworkareacontent
{
border: 1px solid #999;
border-left: 0
}
#reportnameworkareacontent #workareacontent
{
border: 0
}
#modalLocator #breadcrumbPane .breadcrumbdestination
{
padding-left: 20px
}
#modalLocator .borderstyle
{
border: 1px solid #999}
.firstDataColumn
{
padding-left: 16px
}
.red
{
border: 1px solid red
}
.tskMgrContainerLeftPadding
{
padding-left: 20px
}
.drilldownBodyCelllistLeftPadding
{
padding-left: 4px
}
.drilldownBodyClientEnvPanelMargin
{
margin-left: 2px;
margin-right: 2px
}
.workFlowSendListRejectCheckBoxLeftPadding
{
padding-left: 20px
}
.saveCredentialPadding{
padding-left: 10px;
padding-right: 10px
}
.smartNavigationLabelLeftPadding
{
padding-left: 20px
}
.smartNavigationSortableListLeftPadding
8/2/2019 Web Top 6 Css Changes
26/33
{
padding-left: 60px
}
.searchSourcePreferencesLeftPadding
{
padding-left: 20px
}
.checkoutProcessBodyMargin
{
margin-left: 12px;
margin-right: 0
}
.newRelationContainerLeftPadding
{
padding-left: 5px
}
.inboxBodyMargin, .homeCabinetClassisBodyMargin,
.myfilesBodyClassicMargin, .myfilesBodyStreamlineMargin,
.subscriptionsBodyClassicMargin, .subscriptionsBodyStreamlineMargin,
.streamlineViewBodyMargin,
.categoryClassicBodyMargin, .objectlistBodyMargin,.objectlistThumbnailBodyMargin, .presetlistBodyMargin,
.homeCabinetThumbnailBodyMargin, .logoffBodyMargin
{
margin-left: 0;
margin-right: 0
}
.dmclTraceBodyMargin, .refreshBodyMargin
{
margin-left: 8px;
margin-right: 0
}
.historyReleasedBodyMargin, .serverBusyBodyMargin, .timeoutBodyMargin,
.tracingBodyMargin,
.treeIFrameBodyMargin, .virtuallinkErrorPageBodyMargin
{
margin-left: 13px;
margin-right: 0
}
.fileBrowseLeftMargin
{
margin-left: 2px
}
.lifecycleLocatorPanelLeftPadding
{
padding-left: 8px
}
.lifecycleLocatorButtonRightPadding{
padding-right: 5px
}
.lifecycleLocatorPanelRightPadding
{
padding-right: 8px
}
.searchMonitoringLegende
8/2/2019 Web Top 6 Css Changes
27/33
{
position: absolute;
z-index: 117;
right: 0px;
top: 280px
}
.commentRtePadding
{
padding-right: 8px;
padding-left: 8px;
padding-top: 8px;
padding-bottom: 0px
}
.commentRteOkButtonRightMargin
{
margin-right: 5px
}
.topicBodyReplyPanelLeftPadding
{
padding-left: 32px
}.changeRoomMemberRoleMargin
{
margin: 0.5em 0em
}
.roomMemberRoleRadioButtonRightPadding
{
padding-right: 2em
}
.membershipGoButtonPadding
{
padding-right: 20px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 0px
}
.memberDatagridRowLeftPadding
{
padding-left: 0px
}
.recordLocatorNameFilterLeftPadding
{
padding-left: 8px
}
.recordLocatorGoButtonRightPadding
{
padding-right: 5px
}.recordLocatorItemsDropdownListRightPadding
{
padding-right: 8px
}
.recordLocatorVersionsDropdownListRightPadding
{
padding-right: 8px
}
.distributionListCheckBoxLeftPadding
8/2/2019 Web Top 6 Css Changes
28/33
{
padding-left: 20px
}
.sendToListTdPadding
{
padding-left: 10px
}
.sendToListPagePadding
{
padding-left: 10px;
padding-right: 10px
}
.startAttachmentDocbaseIconPadding, .reportDetailsDocbaseIconPadding,
.startAttachmentImagePadding
{
padding-right: 5px
}
.startAttachmentSpanImagePadding
{
padding-right:1px;
}.taskCommentsPageMargin
{
margin-left: 42px;
margin-top: 10px
}
.taskCommentsRemoveCommentButtonPadding
{
padding-right: 10px
}
.reportDetailsLabelPadding
{
padding-left: 10px;
padding-top: 10px
}
.reportDetailsDatagridRowPadding
{
padding-top: 6px;
padding-bottom: 6px;
padding-left: 3px
}
.reportDetailsFileInfoPadding
{
padding-left: 3px;
padding-right: 3px
}
.reportDetailsHeaderDivPadding
{padding-top: 8px;
padding-left: 8px
}
.reportDetailsShowTasksDropDownPadding
{
padding-left: 5px
}
.reportDetailsContainerDivPadding
{
8/2/2019 Web Top 6 Css Changes
29/33
padding-top: 8px;
padding-left: 20px
}
.reportMainRowPadding
{
padding: 3px;
padding-left: 20px;
padding-bottom: 6px
}
.reportMainDrillDownDocbaseIconPadding
{
padding-right: 5px;
padding-left: 18px
}
.sendToListDocbaseIconPadding
{
padding-right: 1px;
padding-bottom: 3px
}
.sendToListLabelPadding
{padding-right: 10px
}
.startWorkFlowContainerComponentIncludePadding
{
padding-left: 10px
}
.taskManagerPagePadding
{
padding-left: 10px
}
.repeatLabelPadding
{
padding-right: 10px
}
.taskManagerLabelPadding
{
padding-left: 20px;
padding-top: 10px
}
.taskManagerLabelInstructionPadding
{
padding-left: 10px;
padding-top: 10px
}
.taskManagerDatagridPadding
{
padding-left: 20px}
.taskManagerImagePadding
{
padding-left: 10px
}
.taskmanagerDrilldownTextPadding
{
padding-left: 20px
}
8/2/2019 Web Top 6 Css Changes
30/33
.taskmanagerDrilldownComponentincludePadding
{
padding-left: 20px;
padding-top: 10px
}
.taskManagerWorkflowTaskPadding
{
padding-left: 20px
}
.TaskProgressTableMargin
{
margin-left: 42px;
margin-top: 10px
}
.installJVMBodyMargin
{
margin-left: 12px;
margin-right: 0
}
.workflowStatusDrilldownclientEnvPanelPadding
{padding-right: 3px
}
.workflowStatusDrilldownButton
{
padding-right: 3px
}
.workflowStatusDrilldowndatagridRowpadding
{
padding-left: 3px
}
.workflowStatusDrilldownIconPadding
{
padding-right: 5px
}
.workflowStatusDrilldownLabelpadding
{
padding-left: 10px
}
.workflowStatusDrilldownDropdownlistMargin
{
margin-left: 3px;
margin-right: 3px
}
.workflowStatusDrilldownShowItemsLabelPadding
{
padding-right: 3px
}.startWorkflowPagePadding
{
padding-left: 10px
}
#scrollingcontent .taskHeaderDivPadding
{
padding-left:20px;
padding-top: 8px
}
8/2/2019 Web Top 6 Css Changes
31/33
.taskHeaderDivPadding
{
padding-left: 20px;
padding-top: 8px
}
.workflowStatusListdefaultpadding
{
padding-left: 3px;
padding-right: 3px
}
.filterdivPadding
{
padding-bottom: 22px
}
.routerForwardLabelPadding
{
padding-left: 10px
}
.routerRejectLabelPadding
{
padding-left: 10px}
.taskProcessvariablesDatagridMargin
{
margin-left: 10px;
margin-top: 10px
}
.searchGoButtonRightPadding
{
padding-right: 0px;
}
.searchTriangleLeftPadding
{
padding-left: 0px;
}
.vdmTreeGridTopTablePadding
{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.vdmTreeGridChildTablePadding
{
padding-top: 0px;padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.newRelationContainerTDLeftPadding
{
padding-left:20px;
}
8/2/2019 Web Top 6 Css Changes
32/33
.newRelationContainerTDLabelPadding
{
padding-left:20px;
padding-top:15px;
}
.dialogTitleTopMargin
{
margin-top:10px;
}
.cancelCheckoutTopPosition
{
position:relative;
top:-12px
}
.cancelCheckoutLeftPadding
{
padding-left:10px;
}
.membershipButtonDivStyle
{
float: right;white-space: nowrap
}
SelectorsModifiedManytweaksweremade,toseewhathaschangedintherules,DIFFthecorresponding
CSSfiles.
XformSelectorsAdded.tabbuffernotselectedleft-bottom{
width:10px;
font-size:1px;
background-image:
url("../images/xforms/tab/modal_tab_corner_bottom_left_off.gif");
}
.tabbuffernotselectedright-bottom{
width:11px;
font-size:11px;
background-image:url("../images/xforms/tab/modal_tab_corner_bottom_right_off.gif");
}
.tabbufferselectedleft-bottom{
width:10px;
font-size:1px;
background-image:
url("../images/xforms/tab/modal_tab_corner_bottom_left_on.gif");
8/2/2019 Web Top 6 Css Changes
33/33
}
.tabbufferselectedright-bottom{
width:11px;
font-size:1px;
background-image:
url("../images/xforms/tab/modal_tab_corner_bottom_right_on.gif");
}
WebtopSelectorsAdded#messagebar
{
background: url(../images/statusbar/shadowbg.gif) repeat-x;
text-align: center;
padding: 0;
margin: 0
}
.titlebarHelpButton
{
position: absolute;
top: 6px;
right: 5px;
background: none;
border: none;vertical-align: top
}
.titlebarLogoutButton
{
position: absolute;
top: 7px;
right: 35px;
vertical-align: top
}