Main Page Tables

Created 04 Jan 2018 07:44, Updated 04 Jan 2018 07:44

The two tables on the main page use 10 different classes to make the table look how it looks. This means the looks of the tables are very customizable. The ten classes are:

side
As you should notice, every single class for the main page begins with "section".
  • .sectiontable
  • .sectionrow
  • .sectiontabletitle
  • .sectiontablecreated
  • .sectiontableupdated
  • .sectiontablesubs
  • .sectiontitle
  • .sectioncreated
  • .sectionupdated
  • .sectionsubs

Here is the default code:

.sectiontable{
    width:100%;
}
.sectionrow{
    background-color: #FCFFDF;
    border-bottom:1px solid #EFEFEF;
}
.sectiontabletitle, .sectiontablecreated,
.sectiontableupdated, .sectiontablesubs{
    background-color: #DDB;
    font-weight:bold;
    padding-left: 2px;
}
.sectiontabletitle{
    width: 26%;
}
.sectiontablecreated, .sectiontableupdated{
    width: 31%;
}
.sectiontitle{    padding: 0 3px 0 4px; }
.sectioncreated{    padding: 0 3px 0 3px; }
.sectionupdated{    padding: 0 3px 0 3px; }
.sectionsubs{    text-align:center; }

The following table shows you visually the place of the table that each class moderates. Note that .sectiontable modifies the entire table and .sectionrow modifies every row except for the header row.

.sectiontabletitle .sectiontablecreated .sectiontableupdated .sectiontablesubs
.sectiontitle .sectioncreated .sectionupdated .sectionsubs

Fix IE bug

Dacă nu este specificat altfel, conţinutul acestei pagini este licenţiat sub Creative Commons Attribution-ShareAlike 3.0 License