panikweb_templates/templates/grid.html

   1 {% extends "base.html" %}
   2 {% load paniktags %}
   3
   4 {% block content %}
   5
   6 <style>
   7     #grille table, #grille tr, #grille td {
   8         text-align: center;
   9         vertical-align: middle;
  10     }
  11     #grille .symbol {
  12         font-size:40px;
  13         width:100%;
  14     }
  15     #grille table {
  16         border-top: 5px solid #D0D0D0;
  17         border-left: 5px solid #D0D0D0;
  18     }
  19     #grille td {
  20         border-bottom: 5px solid #D0D0D0;
  21         border-right: 5px solid #D0D0D0;
  22     }
  23     #grille .heure {
  24         -webkit-transform: rotate(-90deg);
  25         -moz-transform: rotate(-90deg);
  26         -ms-transform: rotate(-90deg);
  27         -o-transform: rotate(-90deg);
  28         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  29         padding:20px 10px;
  30         font-size:15px;
  31     }
  32
  33     #grille .jour {
  34         margin-top:20px;
  35         margin-bottom:30px;
  36         width: 100%;
  37     }
  38      #grille .continu, #grille .communautaire, #grille .mix, #grille .info {
  39         font-family:Reglo;
  40         text-transform:uppercase;
  41         font-size:15px;
  42         margin-bottom:10px;
  43         line-height: 100%;
  44     }
  45
  46     #grille td:hover {
  47         cursor: pointer;
  48         background-color: #D0D0D0;
  49     }
  50 </style>
  51
  52
  53 <div id="grille">
  54 <table>
  55 <tbody>
  56 <tr>
  57   <td><br/></td>
  58   {% for weekday in weekdays %}
  59     <td width="13%"><h3 class="jour">{{ weekday }}</h3></td>
  60   {% endfor %}
  61   <td><br/></td>
  62 </tr>
  63 {% for time_header, time_cells in times|zip:grid %}
  64 <tr>
  65   <td class="heure">{{ time_header }}</td>
  66   {% for cell in time_cells %}
  67   <td {% if cell.w > 1 %}colspan="{{cell.w}}"{% endif %}
  68       {% if cell.h > 1 %}rowspan="{{cell.h}}"{% endif %}>{{ cell }}</td>
  69   {% endfor %}
  70   <td class="heure">{{ time_header }}</td>
  71 </tr>
  72 {% endfor %}
  73 </tbody>
  74 </table>
  75 </div>
  76
  77
  78 {% endblock %}
  79
  80 {% block news %}
  81 {% endblock %}