Colors
| Orange (Digital only) #e84a27 |
Blue #13294b |
Gray #707373 |
Silver #a5acaf |
Opaque (Not official) #e6e6e6 |
Headings
This is Heading 2 from the "Format" dropdown in Sidearm
This is Heading 3 from the "Format" dropdown in Sidearm
Tables
Below are table examples with 100% width. It's probably easier to grab this snippet from this sport file in Sidearm. You can copy and paste this into a story or sport file, but you'll have to go into the source code and add class="release" between table and width="100%" . All of the colors and spacing are controlled using the master stylesheet (orange background, hover effect, etc).
Two-column Table
| Title 1 | Title 2 |
|---|---|
| Cell 1/1 | Cell 1/2 |
| Cell 2/1 | Cell 2/2 |
| Cell 3/1 | Cell 3/2 |
| Cell 4/1 | Cell 4/2 |
Three-column Table
You can adjust the width of a column in the source by adding a designated % (out of 100) to the th tag. The first column in the below table has a width of 20% of the table.
| Title 1 | Title 2 | Title 3 |
|---|---|---|
| Cell 1/1 | Cell 1/2 | Cell 1/3 |
| Cell 2/1 | Cell 2/2 | Cell 2/3 |
| Cell 3/1 | Cell 3/2 | Cell 3/3 |
| Cell 4/1 | Cell 4/2 | Cell 4/3 |
Four-column Table
| Title 1 | Title 2 | Title 3 | Title 4 |
|---|---|---|---|
| Cell 1/1 | Cell 1/2 | Cell 1/3 | Cell 1/4 |
| Cell 2/1 | Cell 2/2 | Cell 2/3 | Cell 2/4 |
| Cell 3/1 | Cell 3/2 | Cell 3/3 | Cell 3/4 |
| Cell 4/1 | Cell 4/2 | Cell 4/3 | Cell 4/4 |
