| 1 |
- body,html{font-family:Lato,sans-serif;margin:0;padding:0}.hidden{display:none}h1{font-size:1.5em}h2{font-size:1.12em}.scoreboard{position:absolute;top:0;bottom:0;left:0;width:250px;border-right:1px solid #00008b;z-index:-1}.scoreboard header{text-align:center}.scoreboard-players{display:flex;flex-direction:column;padding:0}.scoreboard-players>li{display:flex;padding:10px}.scoreboard-players>li.player-self .player-name{font-weight:900}.scoreboard-players>li::before{display:inline-block;height:.75em;width:.75em;margin-top:.125em;margin-right:5px;border-radius:.75em;content:" ";background:currentColor}.scoreboard-players>li .player-name{flex:1}.scoreboard-players>li .player-score{margin-left:auto}.crossword{margin-left:250px}.crossword-line{display:block;white-space:nowrap;height:75px}.crossword-line .cell{display:inline-block;width:75px;height:100%;border-left:1px solid #00008b;border-top:1px solid #00008b;border-bottom:1px solid #00008b;overflow:hidden;text-align:center;background-color:#fff}.crossword-line .cell:last-child{border-right:1px solid #00008b}.crossword-line .cell.cell-disabled{background:#263340;border-color:#263340}.crossword-line .cell.cell-definition>*{display:flex;justify-content:center;flex-direction:column;height:100%}.crossword-line .cell.cell-definition>* .definition{display:block;font-size:.75em}.crossword-line .cell.cell-definition>* .definition>*{display:inline-block;width:75px}.crossword-line .cell.cell-definition>* .definition:not(:only-child):not(:first-child){border-top:1px solid #00008b}.crossword-line .cell.definition-bottom-hz,.crossword-line .cell.definition-bottom-vt,.crossword-line .cell.definition-right-hz,.crossword-line .cell.definition-right-vt{position:relative}.crossword-line .cell.definition-bottom-hz:after,.crossword-line .cell.definition-bottom-hz:before,.crossword-line .cell.definition-bottom-vt:after,.crossword-line .cell.definition-bottom-vt:before,.crossword-line .cell.definition-right-hz:after,.crossword-line .cell.definition-right-hz:before,.crossword-line .cell.definition-right-vt:after,.crossword-line .cell.definition-right-vt:before{position:absolute;height:12.5px;width:12.5px;content:" "}.crossword-line .cell.definition-right-vt:before{top:0;bottom:0;left:0;margin:auto;width:9.38px;border-top:1px solid #00008b;border-right:1px solid #00008b}.crossword-line .cell.definition-right-hz:before{top:0;bottom:0;left:0;width:9.38px;margin:auto;border-top:1px solid #00008b}.crossword-line .cell.definition-bottom-vt:after{left:0;right:0;top:0;margin:auto;height:9.38px;border-left:1px solid #00008b}.crossword-line .cell.definition-bottom-hz:after{left:0;right:0;top:0;margin:auto;height:9.38px;border-left:1px solid #00008b;border-bottom:1px solid #00008b}.crossword-line .cell.cell-letter{font-size:25px;line-height:75px;font-weight:900}.crossword-line .cell.cell-letter.cell-letter-correct{color:green}.crossword-line .cell.cell-letter.cell-letter-wrong{background-color:#ffb6b6}.crossword-line .cell.cell-selected{background:#e1e8ff}.crossword-line .cell.cell-input{background:#b0c2ff}.input-hidden{position:absolute;display:inline-block;height:0;width:0;z-index:-100}body.home .grids-wrapper{text-align:center}body.home .grids{list-style:none;padding:0;margin:auto;max-width:1640px;width:100%}body.home .grid{display:inline-block;height:150px;width:150px;overflow:hidden;margin:18px;background-size:112%;background-repeat:no-repeat;background-position:center;border:1px solid #00008b;transition:background-size .2s ease-in}body.home .grid:hover{background-size:120%}body.home .grid.crossword{background-image:url(img/crosswords.svg)}body.home .grid>a{position:relative;display:inline-block;height:65px;width:100%;padding-top:85px;text-decoration:none;color:#000}body.home .grid-difficulty{position:absolute;right:-40px;top:20px;width:100%;padding:2px 0;transform:rotate(45deg);background-color:rgba(255,135,135,.95);color:#fff;font-weight:700;text-align:center}body.home .grid-date,body.home .grid-provider{display:block;padding:.25em 0;text-align:center;background:rgba(0,0,0,.65);color:#fff}body.home .grid-date{font-weight:700}
|
