Friday, March 27, 2009

Copy the Contents of FilterBuilder.css into SharePoint Core.css

This is a unit step that I need to reference in other blog posts, so I separated it out from a previous post.

Locate your Core.css file. Mine is located at C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\1033\STYLES\CORE.CSS. Edit the file and paste the following CSS code at the very end.

/*FilterBuilder.css*/
.anchorText
{
color:#1C0BF3;
font:9pt Tahoma;
font-weight:bold;
vertical-align:middle;
}

.bottomRightAngleTreeCell
{
width:10px;
height:5pt;
font-size:xx-small;
border-left: medium solid #d5e4ff;
border-top: thin solid #d5e4ff;
}

.collapseConditionButton
{
width:10px;
height:10px;
position:relative;
left:-7px;
bottom:-9px;
border-style:none;
}

.conditionDivision
{
background-color:#d5e4ff;
height:16pt;
width:100%;
}

.conditionText
{
font:9pt Tahoma;
color:#404040;
vertical-align:middle;
}

.deleteConditionButton
{
width:10px;
height:10px;
position:relative;
top:-12px;
right:2px;
border-style:none;
float:right
}

.deleteConditionButtonDateEditMode
{
width:10px;
height:10px;
position:relative;
top:-13px;
right:2px;
border-style:none;
float:right;
}

.deleteConditionButtonSelectionEditMode
{
width:10px;
height:10px;
position:relative;
top:-19px;
right:2px;
border-style:none;
float:right;
}

.deleteConditionButtonTextEditMode
{
width:10px;
height:10px;
position:relative;
top:-23px;
right:2px;
border-style:none;
float:right;
}

.errorText
{
font:9pt Tahoma;
color:#DC143C;
font-weight:bold;
vertical-align:middle;
}

.expandConditionButton
{
width:10px;
height:10px;
position:relative;
left:-5px;
bottom:-6px;
border-style:none;
}

.headingSpan
{
font:9pt Tahoma;
color:black;
font-weight:bold;
vertical-align:middle;
}

.horizontalBarTreeCell
{
width:10px;
height:5pt;
font-size:xx-small;
border-top: thin solid #d5e4ff;
}

.inlineDivision
{
display: inline;
}

.leftMarginTreeCell
{
width:20px;
font-size:xx-small;
}

.outermostContainer
{
width: 100%;
overflow: visible;
}

.searchNotification
{
display: inline;
}

.searchNotificationImage
{
width:10px;
height:10px;
position:relative;
top:2px;
border-style:none;
}

.select
{
font:9pt Tahoma;
color:black;
font-weight:bold;
vertical-align:middle;
}

.spacerTreeCell
{
width:10px;
height:5pt;
font-size:xx-small;
}

.textBox
{
color:#000000;
font:8pt Tahoma;
font-weight:normal;

}

.topRightAngleTreeCell
{
width:10px;
height:5pt;
font-size:xx-small;
border-left: medium solid #d5e4ff;
border-bottom: thin solid #d5e4ff;
}

.treeCell
{
font-size:xx-small;
}

.verticalBarTreeCell
{
width:10px;
height:5pt;
font-size:xx-small;
border-left: medium solid #d5e4ff;
}

1 comment:

  1. ITemplatez.com offers professional web templates, flash templates ,swish templates, dreamweaver templates, and other web design productsavailable for immediate download.

    ReplyDelete