Tables
Table of contents
Evaluation
#1 - Main Website
NONE
#2 - Extensions
NONE
#3 - Events Portal
NONE
#4 - Planet
NONE
#5 - Discourse
Screenshots
Attributes
- Table
<table>
- margin: 0.5em 0
- Table-header
<thead>
- Table-row
<tr> <td>
- color :#333
- background :#fff
- padding : 4px
- Table-row
- Table-body
<tbody>
- Table-row 0th-position
<tr> <td>
- color :#333
- background :#fff
- padding : 4px - Table-row odd-position
<tr> <td>
- background :#f9f9f9
- padding :0.25em - border-bottom: 1px solid#e9e9e9
- Table-row even-position
<tr> <td>
- background :#fff
- padding :0.25em - border-bottom: 1px solid#e9e9e9
- Table-row 0th-position
- Table-footer
<tfoot>
: nil
#6 - Developer Center
NONE
#7 - Surveys
NONE
#8 - Wiki
Screenshot
Attribute
- Table
<table>
- margin: 0.5em 0
- Table-header
<thead>
: nil - Table-body
<tbody>
- Table-row 0th-position
<tr> 0th <td>
- color :#333
- background :#fff
- padding : 4px - Table-row odd position
<tr> <td>
- background :#f9f9f9
- padding :0.25em - border-bottom: 1px solid#e9e9e9
- Table-row even-position
<tr> <td>
- background :#fff
- padding :0.25em - border-bottom: 1px solid#e9e9e9
- Table-row 0th-position
- Table-footer
<tfoot>
: nil
Screenshot
Attributes
- Table
<table>
- margin : 0.5em
- Table-header
<thead>
: nil - Table-body
<tbody>
- Table-row 0th-Position
<tr> <td>
- color :#333
- background :#fff
- padding : 4px - Table-row odd-Position
<tr> <td>
- background :#f9f9f9
- padding : 0.25em - Table-row even-Position
<tr> <td>
- background :#fff
- padding : 0.25em - Table cell
- background-colors :
#9db8d2
,#c5d2c8
- Table-row 0th-Position
- Table-footer
<tfoot>
: nil
Screenshot
Attributes
- Table
<table>
- Table-header
<thead>
: nil - Table-body
<tbody>
- Table-row 0th Index
<tr> <td>
- color :#333
- background :#fff
- padding : 4px - Table-row Odd Index
<tr> <td>
- background :#f9f9f9
- Table-row Even Index
<tr> <td>
- background :#fff
- table cell
- background-colors:
#ff8080
- Table-row 0th Index
- Table-footer
<tfoot>
: nil ;
Table structure
-
Table
<table>
-
Table-header
<thead>
- Table-row
<tr>
- Header-cell
<th>
- Table-row
-
Table-body
<tbody>
- Table-row
<tr>
- Data-cell
<td>
- Table-row
-
Table-footer
<tfoot>
- Table-row
<tr>
- Data-cell
<td>
- Table-row
Mockups
-
body{ font-family: Source Sans Pro; }
-
Table
table{- margin: 50px;
- box-shadow: 0px 0px 2px
rgba( 0, 0, 0, 0.5 )
; - font-weight: normal;
- border-collapse: collapse;
- background-color:
#fff
; }
-
Table header
thead{ border-bottom: 2px solidrgba(0,0,0,0.2)
; } -
Table-header-cell
th {- color:
#333
; - margin:0px;
- padding:14px 18px;
- font-size: 15px;
- text-align: center; }
- color:
-
Table-body-cell
td {- color:
rgba(0,0,0,0.7)
; - margin:0px;
- padding:12px 18px;
- font-size: 14px;
- border-bottom:1px solid
rgba(0,0,0,0.1)
; - text-align:center; }
- color:
- table tr:nth-child(even)
- background:
#F2F2F2
;
- background:
-
table tr:nth-child(2)
- background:
#d9d9d9
; grey-200
- background:
-
table tr:nth-child(3)
- background:
#c3ddf4
; gnome-blue-200
- background:
-
table tr:nth-child(4)
- background:
#ffc2c2
; red-200
- background:
-
table tr:nth-child(5)
- background:
#ffe5a8
; yellow-200
- background:
Edited by Pranjay Pathak