button { color: #ffffff; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; text-shadow: 0 1px 1px #000000; #display: block; float:right; margin: auto; font-size: 1.2em; line-height: 1.25em; padding: 7px 25px; cursor: pointer; position: static; background: #bf3700; border: 1px solid #60AABF; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; /* -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px; -o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px; box-shadow: rgba(0, 0, 0, .25) 0 1px 1px; */ background: #39b2e5; background: -webkit-gradient(linear, left top, left bottom, from(#39b2e5), to(#6083BF)); background: -moz-linear-gradient(top, #39b2e5, #6083BF); background: -o-linear-gradient(top, #39b2e5, #6083BF); background: linear-gradient(top, #39b2e5, #6083BF); } button:hover, button:focus { cursor: pointer; border-color: blue; -webkit-box-shadow: aqua 0 0 8px; -moz-box-shadow: aqua 0 0 8px; -o-box-shadow: aqua 0 0 8px; box-shadow: aqua 0 0 8px; } button:active { background: #39b2e5; background: -webkit-gradient(linear, left bottom, left top, from(#39b2e5), to(#6083BF)); background: -moz-linear-gradient(bottom, #39b2e5, #6083BF); background: -o-linear-gradient(bottom, #39b2e5, #6083BF); background: linear-gradient(bottom, #39b2e5, #6083BF); } h2, h3, h4 { color: #39b2e5; margin-bottom: 0; } ul:not(#links) li ul, ul:not(#links) ul { font: 18px Calibri, sanserif; font-weight: normal; list-style-type: disc; line-height: 1.3; } /* Default State */ ul:not(#links) { font: 20px Calibri, sanserif; font-weight: bold; color: 6083BF; margin-top: 0.4em; margin-left: -1.2em; margin-right: 5em; list-style-type: none; line-height: 1.4; } /* Toggled State */ input[type=checkbox] ~ ul:not(#links) li ul { display: none; } input[type=checkbox]:checked ~ ul:not(#links) li ul { display: block; }