Arjun Suresh (talk | contribs) |
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 */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* ***** ***** TimelineTable ***** ***** */ | /* ***** ***** TimelineTable ***** ***** */ | ||
table.tl_table{ | table.tl_table{ |
/* CSS placed here will be applied to all skins */ /* ***** ***** 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: 300px;
}
// Usage .container {
width: 720px; .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{}