123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- body {
- padding: 10px 50px;
- background-color: #222;
- color: #cecece;
- font: 1.7em monospace;
- max-width: 800px;
- margin: auto auto;
- width: 100%;
- }
- a {
- color: #00B7FF;
- text-decoration: none;
- opacity: 0.8;
- }
- a:hover {
- opacity: 1;
- }
- h3 {
- text-align: right;
- text-decoration: underline;
- }
- h3 .subtitle {
- text-decoration: none;
- font-size: 0.8em;
- }
- code {
- display: block;
- left: 0px;
- right: 0px;
- position: relative;
- background-color: black;
- width: 100%;
- }
- input {
- height: 20px;
- margin: 10px;
- padding: 5px;
- width: 300px;
- transition: border-color .8s, background-color .8s;
- color: black;
- }
- .score0 {
- background-color: #ff222288;
- border: 2px solid red;
- }
- .score1 {
- background-color: #ff5716cc;
- border: 2px solid #ff6644;
- }
- .score2 {
- background-color: #ff9955;
- border: 2px solid #ffcc88;
- }
- .score3 {
- background-color: #0067FF;
- border: 2px solid #6496ff;
- }
- .score4 {
- background-color: #33dd33;
- border: 2px solid #99FF00;
- }
- button {
- cursor: pointer;
- height: 34px;
- }
- [v-cloak] {
- display: none;
- }
|