Line 294:
Line 294:
transition: all 0.3s;
transition: all 0.3s;
font-size: 1rem;
font-size: 1rem;
− }
−
− .April .modal-open:hover{
− background: #ef731b;
− width: 100%;
− height: 100%;
− padding: 8px 0;
− color: white;
− outline: none;
− border: none;
− }
−
− .April .modal-open:focus{
− background: #ef731b;
− width: 100%;
− height: 100%;
− padding: 8px 0;
− color: white;
− outline: none;
− border: none;
}
}
Line 337:
Line 317:
.June .modal-open:hover{
.June .modal-open:hover{
− background: #7460a4;
+ background: #ef731b ;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
Line 347:
Line 327:
.June .modal-open:focus{
.June .modal-open:focus{
− background: #7460a4;
+ background: #ef731b ;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
Line 633:
Line 613:
<div class="vertab">
<div class="vertab">
− <button class="vertablinks" onclick="openMonth(event, 'April')" id="defaultOpen2">April</button>
+ <button class="vertablinks" onclick="openMonth(event, 'May ')" id="defaultOpen2">May</button>
− <button class="vertablinks" onclick="openMonth(event, 'May')">May</button>
+
<button class="vertablinks" onclick="openMonth(event, 'June')">June</button>
<button class="vertablinks" onclick="openMonth(event, 'June')">June</button>
<button class="vertablinks" onclick="openMonth(event, 'July')">July</button>
<button class="vertablinks" onclick="openMonth(event, 'July')">July</button>
Line 641:
Line 620:
<button class="vertablinks" onclick="openMonth(event, 'October')">October</button>
<button class="vertablinks" onclick="openMonth(event, 'October')">October</button>
</div>
</div>
−
− <!--April Calendar-->
− <div id="April" class="vertabcontent">
− <div class="wrapper">
− <div class="calendar">
− <div class="month" style="background-color:#ef731b">
− <div>
− <h1>April</h1>
− </div>
− </div>
−
− <div class="weekends" style="background-color:#c3601a">
− <div>Sun</div>
− <div>Mon</div>
− <div>Tue</div>
− <div>Wed</div>
− <div>Thu</div>
− <div>Fri</div>
− <div>Sat</div>
− </div>
−
− <div class="days">
− <div><button disabled class="prev_date">31</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">1</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">2</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">3</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">4</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">5</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">6</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">7</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">8</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">9</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">10</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">11</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">12</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">13</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">14</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">15</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">16</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">17</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">18</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">19</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">20</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">21</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">22</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">23</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">24</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">25</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">26</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">27</button></div>
− <div class="April"><button class="modal-open" data-modal="modal1">28</button></div>
− <div class="April"><button class="modal-open" data-modal="modal2">29</button></div>
− <div class="April"><button class="modal-open" data-modal="modal3">30</button></div>
− </div>
− </div>
− </div>
− </div>
− <!--End of April Calendar-->
−
− <!--April Modals-->
− <div class="modal" id="modal2">
− <div class="modal-content">
− <div class="modal-header">Modal 2
− <span class="modal-close closeicon">×</span></div>
− <div class="modal-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
− <div class="modal-footer"><button class="link modal-close">Close</button></div>
− </div>
− </div>
−
− <div class="modal" id="modal1">
− <div class="modal-content">
− <div class="modal-header">Modal 1
− <span class="modal-close closeicon">×</span></div>
− <div class="modal-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
− <div class="modal-footer"><button class="link modal-close">Close</button></div>
− </div>
− </div>
−
− <div class="modal" id="modal3">
− <div class="modal-content">
− <div class="modal-header">Modal 3
− <span class="modal-close closeicon">×</span></div>
− <div class="modal-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
− <img src="home/T--UM_Macau--home1.jpg" style="width: 100%"></div>
− <div class="modal-footer"><button class="link modal-close">Close</button></div>
− </div>
− </div>
−
− <!--End of April Modals-->
<!--May Calendar-->
<!--May Calendar-->
Line 795:
Line 685:
<div class="wrapper">
<div class="wrapper">
<div class="calendar">
<div class="calendar">
− <div class="month" style="background-color:#7460a4">
+ <div class="month" style="background-color:#ef731b ">
<div>
<div>
<h1>June</h1>
<h1>June</h1>
Line 801:
Line 691:
</div>
</div>
− <div class="weekends" style="background-color:#584486">
+ <div class="weekends" style="background-color:#c3601a ">
<div>Sun</div>
<div>Sun</div>
<div>Mon</div>
<div>Mon</div>
Lablogs
Protocols
May
June
July
August
September
October
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Sun
Mon
Tue
Wed
Thu
Fri
Sat
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
Protocols
Protocols used in the Project SANCE
Lab Logs
A full lablogs with all details and used protocols