Difference between revisions of "Team:Pasteur Paris/TrainingThomas2"

Line 20: Line 20:
 
<style type="text/css">
 
<style type="text/css">
 
.monthBoxes{
 
.monthBoxes{
−
margin: 2;
+
margin: 20px;
−
padding: 2;
+
padding: 2px;
−
background-color: yellow;
+
 
width: 226px;
 
width: 226px;
 
display: inline-block;
 
display: inline-block;
 
vertical-align: middle;
 
vertical-align: middle;
−
}
 
−
#july{
 
−
height: 194px;
 
−
}
 
−
#august{
 
−
height: 162px;
 
−
}
 
−
#september{
 
−
height: 162px;
 
−
}
 
−
#october{
 
−
height: 194px;
 
 
}
 
}
 
.weekBoxes{
 
.weekBoxes{
−
width: 226px;
 
 
height: 34px;
 
height: 34px;
 
position: relative;
 
position: relative;
 
}
 
}
−
.week1{
+
.daysBoxes{
 +
width: 30px;
 +
background-color: red;
 +
position: absolute;
 +
top: 2px;
 +
font-family: "Arial",Helvetica,sans-serif;
 +
padding-top: 6px;
 +
padding-bottom: 6px;
 
}
 
}
−
.week2{
+
.daysBoxes a {
 +
padding-top: 7px;
 +
padding-bottom: 7px;
 +
padding-left: 8px;
 +
padding-right: 8px;
 +
color: black;
 
}
 
}
−
.week3{
+
.daysBoxes a:hover {
 +
text-decoration: none;
 
}
 
}
−
.week4{
+
.noResult{
 +
opacity: .4;
 
}
 
}
−
.week5{
+
.result{
 +
opacity: .7;
 
}
 
}
−
.week6{
+
.result:hover {
 +
transform: scale(1.05,1.05);
 
}
 
}
−
.daysBoxes{
+
.breakthrough{
−
height: 30px;
+
opacity: 1;
−
width: 30px;
+
−
background-color: red;
+
−
position: absolute;
+
−
top: 2px;
+
 
}
 
}
−
.daysBoxes p{
+
.breakthrough:hover {
−
text-align: center;
+
transform: scale(1.05,1.05);
−
text-indent: 0px;
+
−
font-family: "Arial",Helvetica,sans-serif;
+
 
}
 
}
 
.monday{
 
.monday{
Line 88: Line 84:
 
.sunday {
 
.sunday {
 
left: 194px;
 
left: 194px;
 +
}
 +
 +
 +
 +
 +
 +
#a16_07_18:hover + .description {
 +
display: block;
 +
opacity: 1;
 +
}
 +
.description{
 +
z-index: 10;
 +
padding: 3px 3px;
 +
border-radius: 5px;
 +
display: none;
 +
top: 35px;
 +
left: 30px;
 +
background-color: white;
 +
position: relative;
 +
max-width: 300px;
 
}
 
}
 
</style>
 
</style>
Line 103: Line 119:
  
  
−
<div class="monthBoxes" id="july">
+
<div class="monthBoxes">
−
<div class="weekBoxes week1">
+
<div class="weekBoxes">
−
<div class="daysBoxes sunday"><p>1</p></div>
+
<div class="daysBoxes sunday noResult"><a>1</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week2">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"><p>2</p></div>
+
<div class="daysBoxes monday noResult"><a>2</a></div>
−
<div class="daysBoxes tuesday"><p>3</p></div>
+
<div class="daysBoxes tuesday noResult"><a>3</a></div>
−
<div class="daysBoxes wednesday"><p>4</p></div>
+
<div class="daysBoxes wednesday noResult"><a>4</a></div>
−
<div class="daysBoxes thursday"><p>5</p></div>
+
<div class="daysBoxes thursday noResult"><a>5</a></div>
−
<div class="daysBoxes friday"><p>6</p></div>
+
<div class="daysBoxes friday noResult"><a>6</a></div>
−
<div class="daysBoxes saturday"><p>7</p></div>
+
<div class="daysBoxes saturday noResult"><a>7</a></div>
−
<div class="daysBoxes sunday"><p>8</p></div>
+
<div class="daysBoxes sunday noResult"><a>8</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week3">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"><p></p></div>
+
<div class="daysBoxes monday noResult"><a>9</a></div>
−
<div class="daysBoxes tuesday"><p></p></div>
+
<div class="daysBoxes tuesday noResult"><a>10</a></div>
−
<div class="daysBoxes wednesday"><p></p></div>
+
<div class="daysBoxes wednesday noResult"><a>11</a></div>
−
<div class="daysBoxes thursday"><p></p></div>
+
<div class="daysBoxes thursday noResult"><a>12</a></div>
−
<div class="daysBoxes friday"><p></p></div>
+
<div class="daysBoxes friday noResult"><a>13</a></div>
−
<div class="daysBoxes saturday"><p></p></div>
+
<div class="daysBoxes saturday noResult"><a>14</a></div>
−
<div class="daysBoxes sunday"><p></p></div>
+
<div class="daysBoxes sunday noResult"><a>15</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week4">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday result" id="a16_07_18">
−
<div class="daysBoxes tuesday"></div>
+
<a href="">16</a>
−
<div class="daysBoxes wednesday"></div>
+
</div>
−
<div class="daysBoxes thursday"></div>
+
<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.</p></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes tuesday result"><a href="">17</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes wednesday result"><a href="">18</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes thursday result"><a href="">19</a></div>
 +
<div class="daysBoxes friday result"><a href="">20</a></div>
 +
<div class="daysBoxes saturday noResult"><a>21</a></div>
 +
<div class="daysBoxes sunday noResult"><a>22</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week5">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>23</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday result"><a href="">24</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday result"><a href="">25</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday result"><a href="">26</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>27</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>28</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>29</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week6">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday result"><a href="">30</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday result"><a href="">31</a></div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
  
  
Line 155: Line 175:
  
  
−
<div class="monthBoxes" id="august">
+
<div class="monthBoxes">
−
<div class="weekBoxes week1">
+
<div class="weekBoxes">
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday result"><a href="">1</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday result"><a href="">2</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday result"><a href="">3</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>4</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday result"><a href="">5</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week2">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday result"><a href="">6</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday result"><a href="">7</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday result"><a href="" href="">8</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday result"><a href="">9</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday result"><a href="">10</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday result"><a href="">11</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>12</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week3">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday result"><a href="">13</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday result"><a href="">14</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday result"><a href="">15</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday breakthrough"><a href="">16</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday result"><a href="">17</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday result"><a href="">18</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>19</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week4">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday result"><a href="">20</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday result"><a href="">21</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday result"><a href="">22</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>23</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>24</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>25</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>26</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week5">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>27</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>28</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>29</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>30</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>31</a></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 203: Line 223:
  
  
−
<div class="monthBoxes" id="september">
+
<div class="monthBoxes">
−
<div class="weekBoxes week1">
+
<div class="weekBoxes">
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>1</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>2</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week2">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>3</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>4</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>5</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>6</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>7</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>8</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>9</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week3">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>10</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>11</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>12</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>13</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>14</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>15</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>16</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week4">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>17</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>18</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>19</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>20</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>21</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>22</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>23</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week5">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>24</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>25</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>26</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>27</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>28</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>29</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>30</a></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 250: Line 270:
  
  
−
<div class="monthBoxes" id="october">
+
<div class="monthBoxes">
−
<div class="weekBoxes week1">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>1</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>2</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>3</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>4</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>5</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>6</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>7</a></div>
−
</div>
+
−
<div class="weekBoxes week2">
+
−
<div class="daysBoxes monday"></div>
+
−
<div class="daysBoxes tuesday"></div>
+
−
<div class="daysBoxes wednesday"></div>
+
−
<div class="daysBoxes thursday"></div>
+
−
<div class="daysBoxes friday"></div>
+
−
<div class="daysBoxes saturday"></div>
+
−
<div class="daysBoxes sunday"></div>
+
 
</div>
 
</div>
−
<div class="weekBoxes week3">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>8</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>9</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>10</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>11</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>12</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>13</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>14</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week4">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>15</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>16</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>17</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>18</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>19</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>20</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>21</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week5">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>22</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>23</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>24</a></div>
−
<div class="daysBoxes thursday"></div>
+
<div class="daysBoxes thursday noResult"><a>25</a></div>
−
<div class="daysBoxes friday"></div>
+
<div class="daysBoxes friday noResult"><a>26</a></div>
−
<div class="daysBoxes saturday"></div>
+
<div class="daysBoxes saturday noResult"><a>27</a></div>
−
<div class="daysBoxes sunday"></div>
+
<div class="daysBoxes sunday noResult"><a>28</a></div>
 
</div>
 
</div>
−
<div class="weekBoxes week6">
+
<div class="weekBoxes">
−
<div class="daysBoxes monday"></div>
+
<div class="daysBoxes monday noResult"><a>29</a></div>
−
<div class="daysBoxes tuesday"></div>
+
<div class="daysBoxes tuesday noResult"><a>30</a></div>
−
<div class="daysBoxes wednesday"></div>
+
<div class="daysBoxes wednesday noResult"><a>31</a></div>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 18:35, 22 August 2018

""

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa ultricies mi quis hendrerit dolor magna eget est. Sodales ut eu sem integer vitae justo eget magna.

17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31