calendar_chinese_min.css

body{ font:16px/20px arial, verdana, helvetica, sans-serif; color:#333; background-color:white; margin: 20px; padding:0px; line-height: 20px; } div#wrapper { margin-left:auto; margin-right:auto; max-width:1200px; } div#wrapper0 { margin-left:auto; margin-right:auto; max-width:800px; } table { font:16px/20px arial, verdana, helvetica, sans-serif; color:#333; margin:2px; padding:2px; } #table table, #calendar table { font:14px/18px arial, verdana, helvetica, sans-serif; } #table th, #table td { margin:0; padding:0; } #calendar th, #calendar td { padding:5px; width:100px; } table, th, td { border: 1px solid black; border-collapse: collapse; } #calendar th.noborder { border: 1px solid transparent; padding:0px; width:75%; } th, td { padding: 10px; text-align: center; letter-spacing: 2px; } h1 { font-size:28px; font-weight:bold; margin-left: 0px; margin-top: 8px; line-height:30px; } h2 { font-size: 24px; margin-left: 0px; margin-top:8px; line-height:30px; } h3 { font-size: 20px; margin-left: 0px; margin-top:5px; margin-bottom:5px; } h4 { font-size: 18px; margin-left: 0px; margin-top:10px; } p, label.questions { font:16px/20px arial, verdana, helvetica, sans-serif; margin:0px 0px 5px 0px; letter-spacing: 4px; line-height:22px; } ul { font:16px/20px arial, verdana, helvetica, sans-serif; margin: 10px 0px 0px 16px; padding:2px; } li { margin-bottom: 8px; } .ref { color:green; } .nowrap { white-space:nowrap; } #menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color:#f5f5f0; } #menu ul li { float: left; display: block; margin: 10px;; padding: 10px; background-color: #1a8cff; color: white; font-size: 16px; font-weight: bold; } #menu ul li a { display: block; color: white; text-align: center; padding: 0; text-decoration: none; } #menu ul li:hover {background-color:green;} #menu ul li.active { background-color:#4CAF50; } .greek { font-family: serif; font-size: 130%; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { width:40px; padding: 4px; -moz-appearance:textfield; } input[type=button] { background-color: #6600ff; color:white; border: none; padding: 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: 500; margin: 2px 2px; cursor: pointer; } button.calendars { background-color: #c5fe38; cursor: pointer; min-width:100px; padding: 10px; border: none; text-align: center; outline: none; font-size: 20px; font-weight: bold; } button.calendars.active { background-color: #ffb3b3; } button.calendars:hover { background-color: yellow; } p.select { font-size: 20px; background-color:transparent; cursor: pointer; padding: 10px; border:none; outline: none; text-decoration:underline; color:blue; } button.return { background-color:#edc9ff; cursor: pointer; padding: 5px; font-size: 20px; font-weight:bold; margin: 2px 2px; border:none; text-decoration:underline; color:blue; } button.return:hover { background-color:orange; } button.accordion { background-color: #F5F5F5; color: #444; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 16px; font-weight: bold; } button.accordion.active, button.accordion:hover { background-color: #E0E0E0; } button.accordion:before { content: '\2795'; font-size: 20px; color: #777; font-weight: bold; margin-left: 0.5em; float: right; } button.accordion.active:before { content: '\2796'; } div.panel { padding: 0px 18px; background-color: white; max-height: 0; overflow: hidden; outline: 1px solid #E0E0E0; } .panel th, .panel td { letter-spacing: 4px; } input.accordion { display: none; } label.accordion { display: block; margin: 0 0 1em 0; cursor: pointer; background: #F5F5F5; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 16px; font-weight: bold; } label.accordion:before { content: '\2795'; font-size: 20px; color: #777; font-weight: bold; margin-left: 0.5em; float: right; } label.accordion:hover { background: #E0E0E0; } .content { background: white; padding: 10px 25px; border: 1px solid #E0E0E0; margin: 0 0 1px 0; } input.accordion + label + .content { display: none; } input.accordion:checked + label + .content { display: block; } input.accordion:checked + label:before { content: '\2796'; } input.accordion:checked + label { background: #E0E0E0; } sect { font-size: 24px; font-weight:bold; margin:1em 0 1em 0; line-height: 26px; } sect:after{ content: '\a \a'; white-space:pre; } subsect { font-size: 20px; font-weight:bold; margin-left: 0px; margin-top:5px; margin-bottom:5px; } subsect:after{ content: '\a \a'; white-space:pre; } div.menu { background-color:#f5f5f5; width:100%; padding:0.3em; } .dropbtn { background-color: #99ff99; color: black; font-weight:bold; padding: 0.5em; font-size: 16px; border: 1px solid black; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content p { color: black; padding: 12px 16px; margin:0px; cursor: pointer; display: block; border: 1px solid brown; } .dropdown-content p:hover {background-color: #ddd;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #ffff4d;} /* @media (hover: none) { */ .dropdown.showdropdown .dropdown-content {display: block;} .dropdown.showdropdown p:hover {background-color: #ddd;} .dropdown.showdropdown .dropbtn {background-color: #ffff4d;} /* } */