In the next versions (as of the today, the 1st of June) - I will be removing all common CSS styles from the Module.css files under each module. This is mainly the duplicated GridStyles that were added to every single Module.css file for each module.
I think this would be better if it were in the Portal.css and it will aid load times and caching, and it is duplicated in every module.
You will therefore need to add thse common styles to your Portal.css file (Admin -> Site Settings -> Stylesheet Editor) if you want to retain the same look.
Please bear in mind the following:
- If you want to customise grids at module level you can put these elements back into the Module.css file for that module (it gets overwritten on upgrade unfortunately, so you would have to do this each time).
- A better way would be to just customize the CSS file using the Admin editor which would not be over-written on upgrades.
- This change also means that all modules will now be using the same .css file to load from, which should decrease load time etc.
- This change does not affect any module-specific styles of course, only the CSS styles below that were copy and pasted into each module anyway.
- If you are a first time user of the Smart-Thinker modules you would need to copy and paste these styles into your Portal.css file (or use the editor)
/* ---------------------------------------------------------*/
/* GRID RELATED */
.GridBaseStyle
{
/* Default Grid Style */
color: black;
font-size: 12px;
}
.GridHeader
{
/* Heading row for grid */
font-weight: bold;
text-align: center;
background-color: #E6E6FA;
}
.GridItem
{
/* normal rows in grid */
background-color: GhostWhite;
}
.GridAlternatingItem
{
/* Alternate rows in grid */
background-color: white;
}
.GridItemMouseOver
{
background-color: gainsboro;
}
.GridAlternatingItemMouseOver
{
/* Alternate rows in grid */
background-color: gainsboro;
}
.NumericGridItem{text-align: center; padding-left: 2px; padding-right: 2px;}
.TextGridItem{text-align: left; padding-left: 4px; padding-right: 1px;}
.DateGridItem{text-align: center; padding-left: 4px; padding-right: 1px;}
.CenterGridItem{text-align: center; padding-left: 2px; padding-right: 2px;}
.ButtonGridItem{text-align: center; padding-left: 2px; padding-right: 2px;}
.CheckboxGridItem{text-align: center; padding-left: 2px; padding-right: 2px;}
/* ---------------------------------------------------------*/
/* GENERAL USER SEARCH STYLES */
.NoRecordsStyle
{
}
.MemberArea
{
/* Outline of the Member List/Profile box */
border-top-style: none;
background-color: transparent;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
}
/* ---------------------------------------------------------*/
/* ITEM TEMPLATE STYLES FOR USER PROFILE ITEM PROPERTIES */
/* PREFIX PROPERTY NAME WITH "IT" */
.ITItem
{
/* Each item */
text-align: left;
vertical-align: top;
padding: 5;
border: 0px solid #333333;
}
.ITDisplayName
{
/* Categories on GroupDetail */
font-size: 9px;
font-weight: bold;
}
.ITProfilePicture
{
/* Profile Picture */
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 10px;
white-space: 5px;
cell-spacing: 10px;
}
/* ---------------------------------------------------------*/
/* GRID COLUMNS FOR USER PROFILE LIST PROPERTIES */
/* PREFIX PROPERTY NAME WITH "COLHEADE" TO CHANGE COLUMN HEADER */
/* PREFIX PROPERTY NAME WITH "COL" TO CHANGE COLUMN ITEM (Note: the CSSStyle does not have the *C* in it for properties) */
.ListBaseStyle
{
/* Default Grid Style */
color: black;
font-size: 12px;
border-right: 0px solid #0333333;
border-top: 0px solid #0333333;
border-left: 0px solid #0333333;
border-bottom: 0px solid #0333333;
}
.ListHeader
{
/* Heading row for grid */
font-weight: bold;
text-align: center;
background-color: #E6E6FA;
}
.ItemList
{
/* Normal rows in grid */
background-color: GhostWhite;
text-align: center;
border-right: #cccccc thin solid;
border-top: #cccccc thin solid;
border-left: #cccccc thin solid;
border-bottom: #cccccc thin solid;
}
.AlternateItemList
{
/* Alternate rows in grid */
background-color: white;
text-align: center;
border-right: #cccccc thin solid;
border-top: #cccccc thin solid;
border-left: #cccccc thin solid;
border-bottom: #cccccc thin solid;
}
.ColUserID
{
}
.ColDISPLAYNAMESTUP
{
}
.ColHeadDISPLAYNAMESTUP
{
}
.ColCountry
{
}
.ColPRIVATEMESSAGE
{
width: 1px;
}
.ColUserOnlineImage
{
width: 1px;
}
.ItemListSelectCol
{
width: 1px;
}
.ItemListDeleteCol
{
width: 1px;
}