|
|
| Line 1: |
Line 1: |
| | __NOTOC__ | | __NOTOC__ |
| − | {{:Team:Aix-Marseille/Template-Style-and-Menu}}<html> | + | {{:Team:Aix-Marseille/Template-Style-and-Menu}}{{: Team: Aix- Marseille/ Template- Notebook}}<div class="events"> |
| − | <script> // Unhides and colours the calendar :)
| + | |
| − | $(function() {
| + | |
| − | $(".day time").each(function(index) {
| + | |
| − | adate = "#" + $(this).attr("datetime");
| + | |
| − |
| + | |
| − | if ($(adate).length) {
| + | |
| − | n = $(adate + " > ul > li").length;
| + | |
| − | | + | |
| − | if (n >= 8) c = "5";
| + | |
| − | else if (n >= 6) c = "4";
| + | |
| − | else if (n >= 4) c = "3";
| + | |
| − | else if (n >= 3) c = "2";
| + | |
| − | else if (n >= 2) c = "1";
| + | |
| − | else c = "0";
| + | |
| − |
| + | |
| − | $(this).addClass("day-"+c);
| + | |
| − | $(this).children("a").attr("href", adate);
| + | |
| − | }
| + | |
| − | });
| + | |
| − | $(".calendar").removeClass("hide");
| + | |
| − | $(".evday").hide();
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | <style>
| + | |
| − | .calendar { display: flex;
| + | |
| − | flex-wrap: wrap;
| + | |
| − | font-family: "Raleway", sans-serif;
| + | |
| − | }
| + | |
| − | .calendar.hide { display: none; }
| + | |
| − | | + | |
| − | .evday:target { display: block !important; }
| + | |
| − | .evday { margin: 3em; }
| + | |
| − | | + | |
| − | .events { flex: 1 }
| + | |
| − | | + | |
| − | .week {
| + | |
| − | display: flex;
| + | |
| − | list-style-type: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .day {
| + | |
| − | width: calc(100% / 7 - 1em);
| + | |
| − | min-width: 2em;
| + | |
| − | min-height: 2em;
| + | |
| − | margin: .5em;
| + | |
| − | display: block;
| + | |
| − | } | + | |
| − | | + | |
| − | .day a[href]:hover {
| + | |
| − | transition: all 100ms ease-in;
| + | |
| − | transform: scale(1.2);
| + | |
| − | font-weight: bold;
| + | |
| − | } | + | |
| − | | + | |
| − | .week:first-of-type {
| + | |
| − | justify-content: flex-end;
| + | |
| − | }
| + | |
| − | | + | |
| − | .week:last-of-type {
| + | |
| − | justify-content: flex-start;
| + | |
| − | }
| + | |
| − | | + | |
| − | .month {
| + | |
| − | max-width: 460px;
| + | |
| − | margin: 20px auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .day a {
| + | |
| − | display: block;
| + | |
| − | text-shadow: 2px 2px rgba(210,83,65,0.4);
| + | |
| − | box-shadow: 2px 2px rgba(210,83,65,0.4);
| + | |
| − | transition: all 50ms ease-out;
| + | |
| − | background-color: #fff;
| + | |
| − | padding: 5px;
| + | |
| − | text-decoration: none;
| + | |
| − | color: #fff;
| + | |
| − | }
| + | |
| − | | + | |
| − | time.day-0 a { background-color: #da906a; /*#ffeeeb*/ }
| + | |
| − | time.day-1 a { background-color: #d2784b; /*#ffccc4*/ }
| + | |
| − | time.day-2 a { background-color: #c56231; /*#ffa99d*/ }
| + | |
| − | time.day-3 a { background-color: #964b25; /*#ff8776*/ }
| + | |
| − | time.day-4 a { background-color: #763b1e; /*#ff654e*/ }
| + | |
| − | time.day-5 a { background-color: #572b16; /*#ff3114*/ }
| + | |
| − | </style>
| + | |
| − | <div class="content_wrapper" style="display: flex; flex-direction: column;">
| + | |
| − | <div style="background-color: #fff; flex: 1;">
| + | |
| − | <div class="calendar hide">
| + | |
| − | <div class="month">
| + | |
| − | <h2>June</h2>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-06-01"><a>1</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-02"><a>2</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-03"><a>3</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-04"><a>4</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-05"><a>5</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-06-06"><a>6</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-07"><a>7</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-08"><a>8</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-09"><a>9</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-10"><a>10</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-11"><a>11</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-12"><a>12</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-06-13"><a>13</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-14"><a>14</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-15"><a>15</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-16"><a>16</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-17"><a>17</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-18"><a>18</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-19"><a>19</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-06-20"><a>20</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-21"><a>21</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-22"><a>22</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-23"><a>23</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-24"><a>24</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-25"><a>25</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-26"><a>26</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-06-27"><a>27</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-28"><a>28</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-29"><a>29</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-06-30"><a>30</a></time></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="month">
| + | |
| − | <h2>July</h2>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-07-01"><a>1</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-02"><a>2</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-03"><a>3</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-07-04"><a>4</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-05"><a>5</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-06"><a>6</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-07"><a>7</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-08"><a>8</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-09"><a>9</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-10"><a>10</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-07-11"><a>11</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-12"><a>12</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-13"><a>13</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-14"><a>14</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-15"><a>15</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-16"><a>16</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-17"><a>17</a></time></li>
| + | |
| − | | + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-07-18"><a>18</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-19"><a>19</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-20"><a>20</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-21"><a>21</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-22"><a>22</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-23"><a>23</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-24"><a>24</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-07-25"><a>25</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-26"><a>26</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-27"><a>27</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-28"><a>28</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-29"><a>29</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-30"><a>30</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-07-31"><a>31</a></time></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="month">
| + | |
| − | <h2>August</h2>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-08-01"><a>1</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-02"><a>2</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-03"><a>3</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-04"><a>4</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-05"><a>5</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-06"><a>6</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-07"><a>7</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-08-08"><a>8</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-09"><a>9</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-10"><a>10</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-11"><a>11</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-12"><a>12</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-13"><a>13</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-14"><a>14</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-08-15"><a>15</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-16"><a>16</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-17"><a>17</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-18"><a>18</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-19"><a>19</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-20"><a>20</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-21"><a>21</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-08-22"><a>22</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-23"><a>23</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-24"><a>24</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-25"><a>25</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-26"><a>26</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-27"><a>27</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-28"><a>28</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-08-29"><a>29</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-30"><a>30</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-08-31"><a>31</a></time></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="month">
| + | |
| − | <h2>September</h2>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-09-01"><a>1</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-02"><a>2</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-03"><a>3</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-04"><a>4</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-09-05"><a>5</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-06"><a>6</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-07"><a>7</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-08"><a>8</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-09"><a>9</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-10"><a>10</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-11"><a>11</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-09-12"><a>12</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-13"><a>13</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-14"><a>14</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-15"><a>15</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-16"><a>16</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-17"><a>17</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-18"><a>18</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-09-19"><a>19</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-20"><a>20</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-21"><a>21</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-22"><a>22</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-23"><a>23</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-24"><a>24</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-25"><a>25</a></time></li>
| + | |
| − | </ul>
| + | |
| − | <ul class="week">
| + | |
| − | <li class="day"><time datetime="2016-09-26"><a>26</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-27"><a>27</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-28"><a>28</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-29"><a>29</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-30"><a>30</a></time></li>
| + | |
| − | <li class="day"><time datetime="2016-09-31"><a>31</a></time></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div></html><div class="events"> | + | |
| | <div id="2016-06-13" class="evday"> | | <div id="2016-06-13" class="evday"> |
| | | | |
