* { padding: 0; margin: 0; } /* title */ .section_title { margin-left: 130px; margin-right: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .section_title h1 { margin-top: 30px; margin-bottom: 20px; } .section_title__imgs { margin-bottom: 10px; display: flex; justify-content: center; } #a_github { margin-right: 30px; } .section_title p { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; } .section_title__p a { color: #386df4; text-decoration-color: #0909f8; text-decoration-style: dashed; } /* title */ /* button */ .section_button { margin-top: 15px; margin-left: 130px; margin-right: 130px; display: flex; } .section_button button { text-align: center; width: 200px; height: 45px; color: #7c7b7b; border-style: solid; border-color: rgb(228, 228, 228); border-width: 1px; border-bottom: transparent; background-color: rgb(255, 255, 255); font-size: 18px; /* font-weight: bold; */ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } #btn_evalTable { border-top-left-radius: 5px; /* border-bottom-left-radius: 5px; */ border-right-width: 0; color: #000000; } #btn_plot { border-right-width: 0; /* border-top-right-radius: 5px; */ } #btn_about { display: none } #btn_submit { display: none; border-top-right-radius: 5px; /* border-bottom-right-radius: 5px; */ border-left-width: 0; } #btn_more { border-top-right-radius: 5px; } .section_button button:hover { color: #000000; cursor: pointer; } /* button */ /* evalTable */ .section_evalTable { display: block; margin-left: 130px; margin-right: 130px; padding-bottom: 10px; } /* table */ .section_evalTable__table table { width: 100%; border-collapse: collapse; overflow: scroll; } .section_evalTable__table th, td { border: 1px solid rgb(242, 242, 242); text-align: center; height: 35px; } .section_evalTable__table th { font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } #th_model { text-align: left; } .section_evalTable__table td.td_a { text-align: left; } .section_evalTable__table td.td_value { font-family: 'Courier New', Courier, monospace; } /* .section_evalTable__table td.td_HumanEval { font-family: Arial, Helvetica, sans-serif; } */ .section_evalTable__table a { font-family:Verdana, Geneva, Tahoma, sans-serif; text-decoration-color: #0909f8; text-decoration-style: dashed; color: #5876fa; } .button_sort{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #9a9a9a; border-bottom: 0; background-color: #ffffff; cursor: pointer; transform: rotate(180deg); position: relative; } /* table */ /* notes */ .section_evalTable__notes { margin-top: 10px; margin-bottom: 0px; border-top: transparent; /* border: 1px solid rgb(228, 228, 228); */ } .section_evalTable__notes p { font-size: 16px; background-color: #ffffff; } .section_evalTable__notes ul { list-style: circle; padding-left: 20px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; } .section_evalTable__notes a { color: #386df4; text-decoration-color: #0909f8; text-decoration-style: dashed; } /* notes */ /* evalTable */ /* plot */ .section_plot { display: none; margin-left: 130px; margin-right: 130px; padding-top: 10px; padding-left: 15px; padding-bottom: 10px; border: 1px solid rgb(228, 228, 228); width: 1470px; } .section_plot__div { border: 1px solid rgb(228, 228, 228); border-radius: 5px; } #sec_plot__div2 { margin-left: 18px; } .section_plot__btnGroup { display: flex; justify-content: center; margin-top: 25px; } .section_plot__div button { width: 14px; height: 14px; margin-top: 1px; border: none; border-radius: 50%; cursor: pointer; } .section_plot__div span { font-size: 14px; font-family: Verdana, Geneva, Tahoma, sans-serif; margin-left: 5px; cursor: pointer; } #btn_temp0_8_HumanEval, #btn_temp0_8_HumanEval_ET{ margin-left: 20px } #btn_temp0_HumanEval { background-color: #386df4; } #span_temp0_HumanEval { color: #386df4; } #btn_temp0_8_HumanEval { background-color: #d3d3d3; } #span_temp0_8_HumanEval { color: #d3d3d3; } #btn_temp0_HumanEval_ET { background-color: #386df4; } #span_temp0_HumanEval_ET { color: #386df4; } #btn_temp0_8_HumanEval_ET { background-color: #d3d3d3; } #span_temp0_8_HumanEval_ET { color: #d3d3d3; } /* plot */ /* about */ .section_about { display: none; margin-left: 130px; margin-right: 130px; padding-top: 10px; padding-bottom: 30px; border: 1px solid rgb(228, 228, 228); /* border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; */ } .section_about h2 { font-size: 25px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* display: flex; justify-content: center; */ } .section_about ul { list-style: circle; padding-left: 20px; } .section_about ul, p, h3 { /* background-color: rgb(241, 248, 254); */ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; line-height: 1.6em } .section_about h3 { font-size: 18px; } .section_about a { color: #386df4; text-decoration-color: #0909f8; text-decoration-style: dashed; } .section_about div { margin-top: 10px; } /* about */ /* submit */ .section_submit { display: none; /* margin-top: 30px; */ margin-left: 130px; margin-right: 130px; padding-top: 10px; padding-bottom: 30px; border: 1px solid rgb(228, 228, 228); /* border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; */ } .section_submit h2 { font-size: 25px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; justify-content: center; } .section_submit ul { list-style: circle; padding-left: 20px; } .section_submit ul, p, h3 { /* background-color: rgb(241, 248, 254); */ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; line-height: 1.6em } .section_submit h3 { font-size: 18px; } .section_submit div { margin-top: 10px; /* border: dotted gainsboro; border-radius: 10px; */ } /* submit */ /* more */ .section_more { display: none; /* margin-top: 30px; */ margin-left: 130px; margin-right: 130px; padding-top: 10px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; border: 1px solid rgb(228, 228, 228); /* border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; */ } .section_more h2 { font-size: 25px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* display: flex; justify-content: center; */ } .section_more p { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; margin-top: 10px; } .section_more ul { margin-top: 15px; list-style: circle; padding-left: 25px; } .section_more ul { /* background-color: rgb(241, 248, 254); */ font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; line-height: 2em; font-size: 17px; } .section_more a { color: #6d96ff; text-decoration-color: #5d88ff; text-decoration-style: dashed; } /* more */ /* .u { color: #ad64d4 } */