|
|
| 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需要布局操作结束*/
| |
| | | | |
| | | | |
