Line 8: Line 8:
 
// Usage
 
// Usage
 
.container {
 
.container {
   width: 940px;
+
   width: 720px;
 
   .center-block();
 
   .center-block();
 
}
 
}

Revision as of 15:12, 9 June 2014

/* CSS placed here will be applied to all skins */
.center-block() {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

/* CSS placed here will be applied to all skins */ .center-block() {

 display: block;
 margin-left: auto;
 margin-right: auto;

}

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