static/cal.css
changeset 40 30a0a0fa8c54
parent 39 4f331cfc76a4
child 43 fabb71550e51
equal deleted inserted replaced
39:4f331cfc76a4 40:30a0a0fa8c54
    61 {
    61 {
    62     height: 1em;
    62     height: 1em;
    63 }
    63 }
    64 
    64 
    65 /* Each event is visible as its own block */
    65 /* Each event is visible as its own block */
    66 table.calendar tbody tr.week-data td.event a
    66 table.calendar td.event a
    67 {
    67 {
    68     display: block;
    68     display: block;
    69 
    69 
    70     background-color: #A6C6E3;
    70     background-color: #A6C6E3;
    71 
    71 
    76     -moz-border-radius: 6px;
    76     -moz-border-radius: 6px;
    77     
    77     
    78     text-align: center;
    78     text-align: center;
    79 }
    79 }
    80 
    80 
       
    81 /* An event that also continues on the following week has a straight right border */
       
    82 table.calendar td.continues-next a
       
    83 {
       
    84     border-top-right-radius: 0px;
       
    85     border-bottom-right-radius: 0px;
       
    86     
       
    87     -moz-border-radius-topright: 0px;
       
    88     -moz-border-radius-bottomright: 0px;
       
    89 }
       
    90 
       
    91 /* An event that also continues on the previous week has a straight left border */
       
    92 table.calendar td.continues-prev a
       
    93 {
       
    94     border-top-left-radius: 0px;
       
    95     border-bottom-left-radius: 0px;
       
    96     
       
    97     -moz-border-radius-topleft: 0px;
       
    98     -moz-border-radius-bottomleft: 0px;
       
    99 }
       
   100 
       
   101 /* Fake arrow using borders */
       
   102 table.calendar div.arrow-right,
       
   103 table.calendar div.arrow-left
       
   104 {
       
   105     display: inline;
       
   106 
       
   107     font-size: 0px; line-height: 0%; width: 0px;
       
   108 
       
   109     border-top: 6px solid #A6C6E3; /* Background */
       
   110     border-bottom: 6px solid #A6C6E3; /* Background */
       
   111 }
       
   112 
       
   113 table.calendar div.arrow-right
       
   114 {
       
   115     float: right;
       
   116 
       
   117     border-left: 6px solid #ffffff; /* Arrow color */
       
   118 }
       
   119 
       
   120 table.calendar div.arrow-left
       
   121 {
       
   122     float: left;
       
   123 
       
   124     border-right: 6px solid #ffffff; /* Arrow color */
       
   125 }
       
   126 
    81 /* Borders ? */
   127 /* Borders ? */
    82 table.calendar tbody td
   128 table.calendar tbody td
    83 {
   129 {
    84     border: 1px solid #d8d8d8;
   130     border: 1px solid #d8d8d8;
    85 
   131