| |
| input[type="radio"] { |
| background-color: transparent; |
| border: .0625em solid #0080ff; |
| border-radius: 50%; |
| box-shadow: inset 0 0 0 0 black; |
| cursor: pointer; |
| font: inherit; |
| height: 1em; |
| outline: none; |
| width: 1em; |
| -moz-appearance: none; |
| -webkit-appearance: none; |
| |
| } |
| |
| input[type="radio"]:checked { |
| background-color: grey; |
| box-shadow: inset 0 0 0 .1875em #white; |
| -webkit-transition: background .15s, box-shadow .1s; |
| transition: background .15s, box-shadow .1s; |
| } |
| #wrap_a { |
| max-width: 800px; |
| margin: 0 auto; |
| } |
| |
| #output_a { |
| margin: 2em 1em; |
| text-align: left; |
| /* font-family: monospace; */ |
| font-size: 1.1em; |
| line-height: 1.5; |
| color: #fc9; |
| } |
| #output_a .title { |
| color: white; |
| text-align: center; |
| } |
| #output_a ul { |
| color: white; |
| } |
| #output_a ul li { |
| margin: 1em; |
| } |
| #output_a ul a { |
| color: lightblue; |
| text-decoration: none; |
| } |
| #output_a ul a.win { |
| color: limegreen; |
| } |
| #output_a ul a.lose { |
| color: red; |
| } |
| #output_a ul a:hover { |
| color: white; |
| } |
| #output_a .inv { |
| color: #ca9; |
| font-size: 0.8em; |
| padding-top: 2em; |
| } |