html,body {
background-color: #ffffe0;
color: #000080;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}
body {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: column;
-moz-box-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
header {
position: fixed;
left: 0px;
top: 0px;
display: block;
background-color: #ffb000;
border-collapse: collapse;
border-spacing: 0 0;
font-size: 14px;
height: 30px;
line-height: 30px;
margin: 0px;
padding: 0px;
width: 100%;
text-align: center;
vertical-align: middle;
z-index: 2;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%;
box-sizing: border-box;
height: auto;
}
.plbg {
flex: 1 0 auto;
}
footer.ups {
flex-shrink: 0;
color: #c0c0c0;
font-size: 11px !important;
background-color: #000040;
margin: 0px;
padding: 1px;
}
footer.ups a:active {
color: #c0c0c0;
text-decoration: underline;
}
footer.ups a:hover {
color: #c0c0c0;
text-decoration: underline;
}
footer.ups a:link {
color: #c0c0c0;
text-decoration: underline;
}
footer.ups a:visited {
color: #c0c0c0;
text-decoration: underline;
}
footer.ftsp {
}
.mph {
background-color: #ffffe0;
width: 100%;
display: block;
}
.mpmenu {
position: relative;
width: 100%;
background-color: #808080 !important;
}
.mpt2 {
font-size: 36px;
}
.mainsub {
color: #0000ff;
font-style: italic;
font-weight: bold;
}
.mpbck {
flex: 1 0 auto;
}
.mpidx {
height: 100%;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
.mpidxsp {
width: 100%;
margin: 20px 0px 0px 0px;
}
.mpbtnmg {
margin: 0px;
max-width: 100%;
box-sizing: border-box;
}
.mpbtn {
display: table;
box-sizing: border-box;
border-radius: 10px;
width: 350px;
max-width: 95%;
min-height: 50px;
margin: 20px auto 20px auto;
padding: 0px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mpbtn > div {
display: table-row;
}
.mpicn {
display: table-cell;
width: 50px;
height: 50px;
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.mpbtxt {
display: table-cell;
height: 100%;
text-align: center;
color: #ffffff;
font-family: arial,helvetica,sans-serif;
font-size: 21px;
font-weight: bold;
vertical-align: middle;
margin: 0px;
padding: 0px;
}
@media(min-width: 430px) {
.mpbtnmg {
margin: 0px 40px 0px 40px;
}
}
.mpidiv {
width: 100%;
}
.mpnw {
background-color: #ffff80;
border: 2px solid #d0d000;
border-radius: 10px;
margin: 20px;
padding: 10px;
}
ul.main {
list-style-type: none;
padding-left: 0;
background-color: inherit;
}
ul.main > li {
position: relative;
margin-left: 0px;
padding-left: 15px;
background-color: inherit;
}
ul.main > li::before {
content: '\2022';
position: absolute;
left: 0;
font-size: 20px;
color: black;
}
div.wide {
display: none;
}
div.small {
display: block;
}
div.smallf {
display: flex;
}
.counter {
flex-shrink: 0;
font-size: 13px;
margin: 0px;
padding: 1px;
}
.mpbr {
border: 2px solid #804040;
background: #c04040;
background: linear-gradient(180deg,rgb(255,64,64),rgb(192,64,64));
}
.mpbr:hover {
box-shadow: 0px 0px 10px 5px #ff0000;
}
.mpbg {
border: 2px solid #408040;
background: #40c040;
background: linear-gradient(180deg,rgb(128,224,64),rgb(64,192,64));
}
.mpbg:hover {
box-shadow: 0px 0px 10px 5px #00c000;
}
.mpbb {
border: 2px solid #000060;
background: #000080;
background: linear-gradient(180deg,rgb(64,64,255),rgb(0,0,192));
}
.mpbb:hover {
box-shadow: 0px 0px 10px 5px #0000ff;
}
.mpba {
border: 2px solid #408080;
background: #0080c0;
background: linear-gradient(180deg,rgb(128,192,255),rgb(0,128,192));
}
.mpba:hover {
box-shadow: 0px 0px 10px 5px #00c0c0;
}
.mpbo {
border: 2px solid #C08000;
background: #ff8000;
background: linear-gradient(180deg,rgb(255,192,64),rgb(255,128,0));
}
.mpbo:hover {
box-shadow: 0px 0px 10px 5px #ff8000;
}
.mpby {
border: 2px solid #606060;
background: #404040;
background: linear-gradient(180deg,rgb(128,128,128),rgb(64,64,64));
}
.mpby:hover {
box-shadow: 0px 0px 10px 5px #606060;
}
.mpbp {
border: 2px solid #804080;
background: #800080;
background: linear-gradient(180deg,rgb(192,128,192),rgb(128,0,128));
}
.mpbp:hover {
box-shadow: 0px 0px 10px 5px #c000c0;
}
.mpicn0 {
background-image: url("btnicon0.gif");
}
.mpicn1 {
background-image: url("btnicon1.gif");
}
.mpicn2 {
background-image: url("btnicon2.gif");
}
.mpicn3 {
background-image: url("btnicon3.gif");
}
.mpicn4 {
background-image: url("btnicon4.gif");
}
.mpicn5 {
background-image: url("btnicon5.gif");
}
.mpicn6 {
background-image: url("btnicon6.gif");
}
.mpicn7 {
background-image: url("btnicon7.gif");
}
.mpicn8 {
background-image: url("btnicon8.gif");
}
.mpicn9 {
background-image: url("btnicon9.gif");
}
.mpicn10 {
background-image: url("btnicon10.gif");
}
.mpicn11 {
background-image: url("btnicon11.gif");
}
div.puzcnt {
margin: 60px 0px 0px 0px;
padding: 0px;
text-align: left;
}
article.puzzle {
clear: both;
position: relative;
font-size: 14px !important;
}
div.an {
width: 0px;
position: relative;
top: -60px;
}
div.puztln {
background-color: #ffb000;
min-height: 48px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 52px;
margin: 0px;
}
.puzcat {
margin: 0px;
padding: 0px;
font-size: 12px;
font-style: italic;
font-weight: normal;
}
div.puztl {
background-color: #ffb000;
min-height: 48px;
display: flex;
justify-content: left;
align-items: center;
padding-left: 52px;
margin: 0px;
}
img.puzimgr {
float: right;
margin: 20px 10px 10px 10px;
max-width: 100px;
box-sizing: border-box;
}
div.ibasic {
background-image: url("icon0.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.iharder {
background-image: url("icon1.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.itable {
background-image: url("icon2.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.ijoke {
background-image: url("icon3.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.ilogical {
background-image: url("icon4.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.iteasers {
background-image: url("icon5.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.imath {
background-image: url("icon6.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.iarith {
background-image: url("icon7.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.icomplex {
background-image: url("icon8.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.itests {
background-image: url("icon9.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.iquizzes {
background-image: url("icon10.gif");
background-position: center left;
background-repeat: no-repeat;
}
div.puztx {
padding-left: 20px;
padding-right: 20px;
text-align: left;
position: relative;
}
div.puztx2 {
margin-top: 40px;
}
span.puzicn {
display: block;
position: relative;
height: 0px;
}
img.puzicn {
position: absolute;
left: -18px;
top: 0px;
width: 16px;
height: 16px;
}
.linkanswer {
font-style: italic;
font-weight: bold;
}
.linksmall {
font-style: italic;
font-weight: bold;
}
.pnm {
display: flex;
flex-direction: row;
justify-content: space-around;
clear: both;
}
.pnm > div > a {
width: 90px;
background-color: #0000ff;
color: #f0f0f0;
display: inline-block;
-moz-border-radius: 6px 6px;
border-radius: 6px;
font-size: 14px;
font-weight: bold;
margin: 10px;
padding: 2px 10px 2px 10px;
text-align: center;
text-decoration: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pnm > div > a:hover {
cursor: pointer;
background-color: #0060ff;
color: #ffffff;
}
.pnmt {
margin: 0px 0px 0px 0px;
}
.pnmb {
margin: 30px 0px 20px 0px;
}
.pna {
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
}
.pnt {
display: inline-block;
vertical-align: middle;
font-style: italic;
}
.ws {
text-decoration: none;
}
.ws .t {
text-decoration: underline;
}
div.cvtt {
display: table;
}
div.cvtt > div {
display: table-row;
}
div.cvtt > div > div {
display: table-cell;
margin: 10px;
text-align: center;
vertical-align: middle;
max-width: 100%;
}
div.cvtt > div > div > canvas {
max-width: 100%;
}
article.sol {
margin: 60px 0px 0px 0px;
padding: 10px;
text-align: left;
vertical-align: top;
font-size: 14px !important;
}
.sh-built-in {
color: #00b0b0;
}
.sh-comment {
color: #008000;
font-style: italic;
}
.sh-classname {
color: #0000ff;
font-weight: bold;
}
.sh-constant {
color: #00b0b0;
}
.sh-decorator {
color: #ff8000;
font-style: italic;
}
.sh-identifier {
color: #000000;
}
.sh-keyword {
color: #000000;
font-weight: bold;
}
.sh-methodname {
color: #0000ff;
font-weight: bold;
font-style: italic;
}
.sh-operator {
color: #000000;
font-weight: bold;
}
.sh-number {
color: #00b0b0;
}
.sh-string {
color: #0040ff;
font-style: italic;
}
article.quizend {
margin: 60px 0px 0px 0px;
text-align: left;
font-size: 14px !important;
}
div.quizidx {
padding: 20px;
text-align: left;
}
.aw {
border: 0;
border-top: 2px solid #000080;
margin-left: 0;
width: 33%;
}
.btn {
-moz-border-radius: 6px 6px;
border-radius: 6px;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin: 10px;
padding: 8px 10px 8px 10px;
text-align: center;
text-decoration: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:hover {
cursor: pointer;
margin: 8px;
padding: 10px 12px 10px 12px;
}
.btn-sel {
background-color: #0060ff;
border-width: 0px;
}
.btn-off {
background-color: #000060;
border-width: 0px;
}
.aprow {
display: flex;
}
.apcol1 {
flex: 1;
}
.apcol2 {
width: 440px;
display: none;
}
@media(min-width: 1200px) {
.apcol2 {
display: block;
}
}
.historyimg {
border: 1px solid #808080;
box-shadow: 10px 10px 5px #888888;
margin: 20px;
max-width:calc(100% - 40px);
}
.text1 {
font-size: 21px;
}
article.content {
background-color: #ffffe0;
margin: 60px 0px 0px 0px;
padding: 20px;
text-align: left;
font-size: 14px !important;
}
nav.apcol1 > ul > li {
background-color: #ffffe0;
}
span.st {
}
span.hst {
position: relative;
color: #ffffe0;
background-color: #ffffe0;
}
span.stt {
}
span.hstt {
position: relative;
color: #ffb000;
background-color: #ffb000;
}
span.rnw {
white-space: nowrap;
}
.copytext {
color: #000000;
font-size: 11px !important;
}
.divisionline {
text-decoration: underline;
}
.hidden {
color: #ffffe0;
font-size: 1%;
}
h1 {
font-size: 28px;
margin: 10px 0px 0px 0px;
}
h2 {
font-size: 21px;
margin: 0px;
}
a:active {
color: #DD0000;
}
a:hover {
color: brown;
}
a:link {
color: #0000ff;
}
a:visited {
color: #0000ff;
}
a.about {
color: #000077;
font-weight: bold;
text-decoration: none;
}
body.alert-open {
overflow: hidden;
}
.alert-bg {
display: none;
flex-direction: row;
justify-content: center;
align-items: center;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.alert-box {
display: flex;
flex-direction: column;
background-color: #ffffff;
max-width: 95%;
max-height: 50vh;
border: 1px solid #000000;
border-radius: 8px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.alert-header {
width: 100%;
}
.alert-close {
color: #a0a0a0;
margin-right: 10px;
float: right;
font-size: 28px;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.alert-close:hover,
.alert-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.alert-scroll {
overflow-y: auto;
overscroll-behavior-block: contain;
width: 100%;
}
.alert-content {
padding: 0px 10px 10px 10px;
}
.alert-footer {
width: 100%;
}
@media(min-width: 768px) {
.plbg {
padding-left: 220px;
}
footer.ftsp {
padding-left: 220px;
}
div.wide {
display: block;
}
div.small {
display: none;
}
div.smallf {
display: none;
}
.pnm {
justify-content: flex-start;
padding-left: 52px;
}
img.puzimgr {
float: right;
margin: 20px;
max-width: none;
}
div.puztx {
padding-left: 52px;
}
img.puzicn {
left: -22px;
}
}
.hsb {
overflow-x: auto;
}
.hsb pre {
display: inline-block;
padding: 10px;
border: 1px solid #000080;
}
table.tsb, table.tsb th, table.tsb td {
border: 1px solid #000000;
border-collapse: collapse;
border-spacing: 0;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
}
table.tsb th {
background-color: #e0e0e0;
text-align: center;
vertical-align: top;
}
table.tsbl, table.tsbl th, table.tsbl td {
border: 1px solid #000000;
border-collapse: collapse;
border-spacing: 0;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
}
table.tsbl th {
background-color: #e0e0e0;
text-align: left;
vertical-align: top;
}
table.tsbc, table.tsbc th, table.tsbc td {
border: 1px solid #000000;
border-collapse: collapse;
border-spacing: 0;
font-family: arial,helvetica,sans-serif;
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
text-align: center;
}
table.tsbc th {
background-color: #e0e0e0;
vertical-align: top;
}
table.nob, table.nob th, table.nob td {
border: none !important;
}
table.nbsp td {
white-space: nowrap;
}
td.tch {
text-align: center;
}
td.tcv {
vertical-align: top;
}
ul.nomarker {
list-style-type: none;
}
.emphasis {
font-weight: bold;
text-decoration: underline;
}
.strike {
text-decoration: line-through;
text-decoration-thickness: 2px;
}
.tt {
font-family: monospace !important;
white-space: pre;
}
.u {
text-decoration: underline;
}
.cpoverlay {
left: 0px;
top: 0px;
position: fixed;
visibility: hidden;
}
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}