| Line 674: | Line 674: | ||
/* 下面是表格方面的布局 有冲突再调整 */ | /* 下面是表格方面的布局 有冲突再调整 */ | ||
| + | |||
| + | |||
| + | /*Notebook需要的布局操作*/ | ||
| + | <style> | ||
| + | .customelementM5B{ | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | table{ | ||
| + | float: none!important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .customHeader{ | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | |||
| + | #HQ_page table{ | ||
| + | margin: 1%; | ||
| + | } | ||
| + | |||
| + | h5{ | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | /* Weekdays (Mon-Sun) */ | ||
| + | .weekdays { | ||
| + | margin: 0; | ||
| + | padding: 10px 8%; | ||
| + | background-color:#ddd; | ||
| + | text-align: center; /* new */ | ||
| + | display: grid; | ||
| + | grid-template-columns: auto auto auto auto auto auto auto; | ||
| + | |||
| + | } | ||
| + | |||
| + | .weekdays .weekday { | ||
| + | width: 12%; | ||
| + | color: black; | ||
| + | text-align: center; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .monthContainer { | ||
| + | padding: 10px 8%; | ||
| + | background: #eee; | ||
| + | margin: 0; | ||
| + | width: 100%; | ||
| + | box-sizing: border-box; | ||
| + | display: grid; | ||
| + | grid-template-columns: auto auto auto auto auto auto auto; | ||
| + | |||
| + | } | ||
| + | |||
| + | .monthContainer .day { | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | margin-bottom: 5px; | ||
| + | font-size:2em; | ||
| + | color: #000; | ||
| + | border: 1px solid black; | ||
| + | } | ||
| + | |||
| + | .monthContainer .day:hover{ | ||
| + | background-color: #90EE90; | ||
| + | } | ||
| + | |||
| + | .monthContainer .day.active{ | ||
| + | background-color:#77a4ef; | ||
| + | } | ||
| + | |||
| + | .monthContainer .inactiveDay{ | ||
| + | background-color: lightgrey; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | margin-bottom: 5px; | ||
| + | font-size:2em; | ||
| + | color: #777; | ||
| + | border: 1px solid black; | ||
| + | } | ||
| + | |||
| + | .customelementM4B, .customelementM4A, .customelementM5B, .customelementM5A, .customelementM3, .calenderContainer, .navigateArrows{margin:0; padding:30px;text-align:left;} | ||
| + | |||
| + | |||
| + | .calenderContainer { | ||
| + | padding: 5%; | ||
| + | margin: 0 5% 0 25vh; | ||
| + | box-sizing: border-box; | ||
| + | color: #000; | ||
| + | background-color: white; | ||
| + | text-align: justify; | ||
| + | |||
| + | overflow: auto; | ||
| + | z-index: 5; | ||
| + | } | ||
| + | |||
| + | .monthHeader { | ||
| + | display: none | ||
| + | } | ||
| + | |||
| + | /* Month header */ | ||
| + | .month { | ||
| + | padding: 70px 25px; | ||
| + | width: 100%; | ||
| + | background: #A4C2F4; | ||
| + | text-align: center; | ||
| + | box-sizing: border-box; | ||
| + | display: none; | ||
| + | color: black; | ||
| + | font-size: 2em; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Previous button inside month header */ | ||
| + | .month .prev { | ||
| + | float: left; | ||
| + | padding-top: 10px; | ||
| + | } | ||
| + | |||
| + | /* Next button */ | ||
| + | .month .next { | ||
| + | float: right; | ||
| + | padding-top: 10px; | ||
| + | } | ||
| + | /* Style the tab */ | ||
| + | .anotherWrapper{ | ||
| + | position:relative; | ||
| + | width:100%; | ||
| + | } | ||
| + | .tab { | ||
| + | margin: 0 5% 0 25vh; | ||
| + | width:100%; | ||
| + | position:absolute; | ||
| + | top:-2.5vw; | ||
| + | z-index: 0; | ||
| + | height: 2.5vw | ||
| + | } | ||
| + | |||
| + | /* Style the buttons that are used to open the tab content */ | ||
| + | .tab button { | ||
| + | background-color: #A4C2F4; | ||
| + | width: 15%; | ||
| + | height: 100%; | ||
| + | margin: 0 2%; | ||
| + | float: left; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | cursor: pointer; | ||
| + | padding: 0.5%; | ||
| + | transition: 0.3s; | ||
| + | font-size: 1vw; | ||
| + | z-index: -1; | ||
| + | border-radius: 20px 20px 0 0; | ||
| + | |||
| + | } | ||
| + | |||
| + | /* Change background color of buttons on hover */ | ||
| + | .tab button:hover { | ||
| + | background-color: #90EE90; | ||
| + | } | ||
| + | |||
| + | /* Create an active/current tablink class */ | ||
| + | .tab button.active { | ||
| + | background-color: #77a4ef; | ||
| + | } | ||
| + | |||
| + | |||
| + | .customelementM5B { | ||
| + | padding: 50px; | ||
| + | margin: 0 5% 0 25vh; | ||
| + | box-sizing: border-box; | ||
| + | color: #000; | ||
| + | background-color: white; | ||
| + | height: 100%; | ||
| + | text-align: justify; | ||
| + | border-right: 15px solid #A4C2F4; | ||
| + | border-bottom: 15px solid #A4C2F4; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | |||
| + | .navigateArrows{ | ||
| + | margin: 0 5% 0 25vh; | ||
| + | box-sizing: border-box; | ||
| + | color: black; | ||
| + | background-color: #A4C2F4; | ||
| + | position: relative; | ||
| + | font-size: 1.5vw; | ||
| + | line-height: 8vh; | ||
| + | height: 8vh; | ||
| + | } | ||
| + | |||
| + | .navigateArrows .arrowLeft{ | ||
| + | float: left; | ||
| + | padding-left: 2%; | ||
| + | } | ||
| + | |||
| + | .navigateArrows .arrowRight{ | ||
| + | float: right; | ||
| + | padding-right: 2%; | ||
| + | } | ||
| + | |||
| + | .navigateArrows a{ | ||
| + | text-decoration: none; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | .navigateArrows b{ | ||
| + | font-weight: 900!important; | ||
| + | } | ||
| + | |||
| + | .InterlabTable{ | ||
| + | font-size: 0.7vw; | ||
| + | margin: 2%; | ||
| + | float: right; | ||
| + | box-shadow: 10px 10px 5px grey; | ||
| + | } | ||
| + | |||
| + | .InterlabTable th, td { | ||
| + | text-align: center; | ||
| + | padding: 2px 5px!important; | ||
| + | } | ||
| + | |||
| + | th{ | ||
| + | background-color: #77a4ef !important; | ||
| + | } | ||
| + | .InterlabTable tr:nth-child(even) {background-color: #f2f2f2;} | ||
| + | .InterlabTable{ | ||
| + | font-size: 0.8vw; | ||
| + | margin: 1%; | ||
| + | } | ||
| + | |||
| + | .url_icon { | ||
| + | |||
| + | background: url() center right no-repeat !important; | ||
| + | height: 13px !important; | ||
| + | padding-right: 15px !important; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | .customHeader2{ | ||
| + | border-top: 15px solid #A4C2F4; | ||
| + | border-right: 15px solid #A4C2F4; | ||
| + | border-bottom: 15px solid #A4C2F4; | ||
| + | margin: 0 5% 0 25vh; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .customHeader2 img{ | ||
| + | width: 100%; | ||
| + | } | ||
| + | html{ | ||
| + | background-color: #eaf4edff; | ||
| + | font-family: "PT Sans"; | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | |||
| + | body{ | ||
| + | font-family: "PT Sans"; | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | font-size: 1em; | ||
| + | margin: 14.1vh 0px 0px 0px; | ||
| + | background-color: transparent; | ||
| + | @charset 'UTF-8' | ||
| + | } | ||
| + | |||
| + | /* Notebook需要布局操作结束*/ | ||
| Line 912: | Line 1,180: | ||
<div class = "notebookContainer"> | <div class = "notebookContainer"> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
Revision as of 08:40, 8 August 2019
Astaxanthin
❯
May
❮
❯
June
❮
❯
July
❮
❯
August
❮
❯
September
❮
October
Cellulose
❯
June
❮
❯
July
❮
❯
August
❮
❯
September
❮
October
Mo
Tu
We
Th
Fr
Sa
Su
22/05/19
Name28/05/19
Name29/05/19
Name29/05/19
Name03/06/19
Name04/06/19
Name05/06/19
Name06/06/19
Name08/06/19
Name27/06/19
Name29/06/19
Name30/06/19
Name/07/19
Name/08/19
Name/09/19
Name/10/19
Name06/06/18
Name01/07/18
Name02/07/18
Name08/07/18
Name09/07/18
Name10/07/18
Name11/07/18
Name16/07/18
Name