Home  ›  Installation  ›  Style Changes – 4.2

Style Changes – 4.2

As with most major releases, Simple:Press Forum version 4.2.0 contains some minor style changes and some important style additions. If you have created a custom skin or made changes to a supplied skin, you will need to read this article to understand the changes that have been made.

New CSS Model

Due to the increasing size of the forum CSS skin files they have, starting in version 4.2.0, been broken down into smaller, more manageable components. To aid performance and size, they have also been compressed. Each skin now consists of the following (using the ‘default’ skin for this example – don’t forget to apply this to your selected skin CSS files):

  • default.css and default-src.css: Contains all of the styling rules not covered by the other CSS files.
  • sf-post.css and sf-post-src.css: Contains all of the rules covering the actual topic post content.
  • sf-pm.css and sf-pm-src.css: Contains all of the rules using by the private messaging system.
  • sf-profile.css and sf-profile-src.css: Contains all of the rules for the members profile form and display.
  • sf-credentials.css and sf-credentials-src.css: Contains all of the rules for skinning the login/registration forms.

Editing CSS Files

Because the CSS files have been compressed to make them as small as possible, if you need to make CSS changes you will first need to rename the appropriate files. For example, to edit the main skin CSS file you need to perform the following tasks:

  1. Rename default.css. We would suggest renaming to default-min.css to denote that it has been ‘minified’ (compressed).
  2. Rename default-src.css to default.css. This means that Simple:Press Forum will now use the uncompressed CSS file and any edits you make will be reflected in the forum display.

Changes to the Main Skin CSS

#sforum .sfmessagestrip.sfbreadcrumbs .sfunreadcount
added to support the new 'Mark as Read' icon in the Breadcrumb bar
#sforum .sfforumtable .sfuserdetailswide
added to support the topic title optional display in last post column (group view)
#sforum #sfstatstrip .sfstatsonline
added to restrict column width (Members Online  in About Box)
.sfregdocument
added as new class for policy document styling
/* autocomplete styling */
added new section for autocomplete in private messaging editing

Changes to the Post Content Skin CSS

#sforum .sfposttable td.sfpostcontent .sfimagebaseline
#sforum .sfposttable td.sfpostcontent .sfimagetop
#sforum .sfposttable td.sfpostcontent .sfimagemiddle
#sforum .sfposttable td.sfpostcontent .sfimagebottom
#sforum .sfposttable td.sfpostcontent .sfimagetexttop
#sforum .sfposttable td.sfpostcontent .sfimagetextbottom
added to support optional image alignments
#sforum .sfposttable .sfpostcontent div table
#sforum .sfposttable .sfpostcontent.sfalt div table
#sforum .sfposttable .sfpostcontent div table td
#sforum .sfposttable .sfpostcontent.sfalt div table td
added to provide inline table support

New Icons

The following icons are new to version 4.2:

  • documents.png
  • mark-read.png
  • permission-no.png
  • permission-yes.png
  • reassign.png
  • sf-admintags.png
  • user-permissions.png
  • wait.png

Article written by Yellow Swordfish on February 23, 2010 and last modified by Yellow Swordfish on March 23, 2010