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 */ /* ***** ***** 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{}