Arjun Suresh (talk | contribs) (Created page with "→CSS placed here will be applied to all skins: →***** ***** TimelineTable ***** *****: table.tl_table{ border-width: thin; border-spacing: 2px; ...") |
Arjun Suresh (talk | contribs) |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | .center-block() { | ||
| + | display: block; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | // Usage | ||
| + | .container { | ||
| + | width: 940px; | ||
| + | .center-block(); | ||
| + | } | ||
/* ***** ***** TimelineTable ***** ***** */ | /* ***** ***** TimelineTable ***** ***** */ | ||
table.tl_table{ | table.tl_table{ | ||
/* CSS placed here will be applied to all skins */
.center-block() {
display: block;
margin-left: auto;
margin-right: auto;
}
// Usage
.container {
width: 940px;
.center-block();
}
/* ***** ***** TimelineTable ***** ***** */
table.tl_table{
border-width: thin;
border-spacing: 2px;
border-style: outset;
border-color: black;
border-collapse: separate;
background-color: white;
border-radius: 9px;
}
th.tl_title{
text-transform: uppercase
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 9px;
}
th.tl_years{
text-align: center;
font-style: italic;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(223, 228, 252);
border-radius: 4px;
}
th.tl_months{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
th.tl_days{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
th.tl_weeks{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
td.tl_freetime{
background-color: rgb(187, 210, 236);
border-width: 1px;
border-color: black;
border-style: inset;
border-radius: 7px;
}
td.tl_event{
text-align: center;
padding: 1px;
background-color: rgb(61, 114, 194);
border-width: 1px;
border-color: white;
border-style: inset;
color: white;
border-radius: 7px;
white-space: normal
}
td.tl_foot{
text-align: center;
padding: 1px;
background-color: rgb(243, 248, 252);
border-width: 1px;
border-color: blue;
border-style: ridge;
color: gray;
border-radius: 9px;
}
thead.tl_header{}
tbody.tl_body{}
tfoot.tl_footer{}
/* CSS placed here will be applied to all skins */ .center-block() {
display: block; margin-left: auto; margin-right: auto;
}
// Usage .container {
width: 940px; .center-block();
} /* ***** ***** TimelineTable ***** ***** */ table.tl_table{
border-width: thin;
border-spacing: 2px;
border-style: outset;
border-color: black;
border-collapse: separate;
background-color: white;
border-radius: 9px;
}
th.tl_title{
text-transform: uppercase
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 9px;
}
th.tl_years{
text-align: center;
font-style: italic;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(223, 228, 252);
border-radius: 4px;
}
th.tl_months{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
th.tl_days{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
th.tl_weeks{
text-align: center;
border-width: 1px;
padding: 1px;
border-style: outset;
border-color: blue;
background-color: rgb(243, 248, 252);
border-radius: 2px;
}
td.tl_freetime{
background-color: rgb(187, 210, 236);
border-width: 1px;
border-color: black;
border-style: inset;
border-radius: 7px;
}
td.tl_event{
text-align: center;
padding: 1px;
background-color: rgb(61, 114, 194);
border-width: 1px;
border-color: white;
border-style: inset;
color: white;
border-radius: 7px;
white-space: normal
}
td.tl_foot{
text-align: center;
padding: 1px;
background-color: rgb(243, 248, 252);
border-width: 1px;
border-color: blue;
border-style: ridge;
color: gray;
border-radius: 9px;
}
thead.tl_header{} tbody.tl_body{} tfoot.tl_footer{}