(10 intermediate revisions by the same user not shown)
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: 720px;
 
  .center-block();
 
}
 
 
/* ***** ***** TimelineTable ***** ***** */
 
/* ***** ***** TimelineTable ***** ***** */
 
table.tl_table{
 
table.tl_table{
Line 104: Line 94:
 
         border-radius: 9px;
 
         border-radius: 9px;
 
}
 
}
   
+
social{
 +
  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{}
 
thead.tl_header{}
 
tbody.tl_body{}
 
tbody.tl_body{}
 
tfoot.tl_footer{}
 
tfoot.tl_footer{}
 +
 +
#content, #footer { margin-left: 11em; }
 +
#left-navigation  { left: 11em; }

Latest revision as of 10:21, 22 October 2014

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

#content, #footer { margin-left: 11em; }
#left-navigation  { left: 11em; }

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