Sample CSS for Custom Schedule Table Shortcode and Widget

You can check out the results of these custom rules for the MSTW Schedules & Scoreboards schedule tables on the MSTW Development site.

/*--------------------------------------------------------------
* 49ers Schedule Table [shortcode]
*------------------------------------------------------------*/

.mstw-ss-table-head.mstw-ss-table-head_49ers-2014 th {
background-color: #AA0000; /*49er red*/
color: #C8AA76; /*49er gold*/
border-color: black;
}

td.mstw-ss-odd.mstw-ss-odd_49ers-2014 {
background-color: #C8AA76; /*49er gold*/
color: #AA0000; /*49er red*/
border-color: black;
}

td.mstw-ss-odd.mstw-ss-odd_49ers-2014 a,
td.mstw-ss-odd.mstw-ss-odd_49ers-2014 a:hover,
td.mstw-ss-odd.mstw-ss-odd_49ers-2014 a:visited,
td.mstw-ss-odd.mstw-ss-odd_49ers-2014 a:active {
color: #AA0000; /*49er red*/
background: none;
text-decoration: underline;
}

td.mstw-ss-odd.mstw-ss-odd_49ers-2014 a:hover {
text-decoration: none;
}

td.mstw-ss-even.mstw-ss-even_49ers-2014 {
background-color: #AA0000; /*49er red*/
color: #C8AA76; /*49er gold*/
border-color: black;
}

td.mstw-ss-even.mstw-ss-even_49ers-2014 a,
td.mstw-ss-even.mstw-ss-even_49ers-2014 a:hover,
td.mstw-ss-even.mstw-ss-even_49ers-2014 a:visited,
td.mstw-ss-even.mstw-ss-even_49ers-2014 a:active {
color: #C8AA76; /*49er gold*/
background: none;
text-decoration: underline;
}

td.mstw-ss-even.mstw-ss-even_49ers-2014 a:hover {
text-decoration: none;
}

.mstw-ss-table-head_49ers-2014 thead, .mstw-ss-table-head_49ers-2014 tr, .mstw-ss-table-head_49ers-2014 th {
border-color: black;
}

.mstw-ss-even_49ers-2014 tr, .mstw-ss-even_49ers-2014 td {
border-color: #black;
}

.mstw-ss-odd_49ers-2014 tr, .mstw-ss-odd_49ers-2014 td {
border-color: #black;
}

/*--------------------------------------------------------------
* 49ers Schedule Table Widget
*------------------------------------------------------------*/

.mstw-ss-sw-tab-head.mstw-ss-sw-tab-head-49ers-2014 th {
background-color: #AA0000; /*49er red*/
color: #C8AA76; /*49er gold*/
border-color: black;
}

.mstw-ss-sw-tab-head_49ers-2014 thead, .mstw-ss-sw-tab-head_49ers-2014 tr, .mstw-ss-sw-tab-head_49ers-2014 th {
border-color: black;
}

.mstw-ss-sw-odd.mstw-ss-sw-odd_49ers-2014 td {
background-color: #C8AA76; /*49er gold*/
color: #AA0000; /*49er red*/
border-color: black;
}

td.mstw-ss-sw-odd.mstw-ss-sw-odd_49ers-2014 a, td.mstw-ss-sw-odd.mstw-ss-sw-odd_49ers-2014 a:visited, td.mstw-ss-sw-odd.mstw-ss-sw-odd_49ers-2014 a:active {
color: #AA0000; /*49er red*/
background: none;
text-decoration: underline;
}

.mstw-ss-sw-odd.mstw-ss-sw-odd_49ers-2014 td a:hover {
text-decoration: none;
}

.mstw-ss-sw-even.mstw-ss-sw-even_49ers-2014 td {
background-color: #AA0000; /*49er red*/
color: #C8AA76; /*49er gold*/
border-color: black;
}

.mstw-ss-sw-even.mstw-ss-sw-even_49ers-2014 td a, .mstw-ss-sw-even.mstw-ss-sw-even_49ers-2014 td a:visited, .mstw-ss-sw-even.mstw-ss-sw-even_49ers-2014 td a:active {
color: #C8AA76; /*49er gold*/
background: none;
text-decoration: underline;
}

.mstw-ss-sw-even.mstw-ss-sw-even_49ers-2014 td a:hover {
text-decoration: none;
}