wiki.Colivre.net/Aurium/Games/ Esse site é Legal Demais para Internet Explorer

Aurium :: Games :: CaminhoCSS

.jogo-caminho-ctrl { position: absolute; top: 5px; right: 20%; z-index: 2; } .jogo-caminho-ctrl a { text-decoration: none; font-size: 10px; color: #AAA; background: #666; border: 1px solid #888; border-radius: 3px; padding: 1px 3px; margin: 0px 5px; }

.jogo-caminho-eixo { font-weight: bold; font-size: 20px; color: #AAA; display: inline-block; }

.jogo-caminho-eixo.leste { -webkit-transform: rotate(90deg) translate(-10px, 10px); -moz-transform: rotate(90deg) translate(-10px, 10px); -ms-transform: rotate(90deg) translate(-10px, 10px); -o-transform: rotate(90deg) translate(-10px, 10px); transform: rotate(90deg) translate(-10px, 10px); position: absolute; top: 50%; }

.jogo-caminho-eixo.oeste { -webkit-transform: rotate(-90deg) translate(10px, -40px); -moz-transform: rotate(-90deg) translate(10px, -40px); -ms-transform: rotate(-90deg) translate(10px, -40px); -o-transform: rotate(-90deg) translate(10px, -40px); transform: rotate(-90deg) translate(10px, -40px); position: absolute; top: 50%; }

.jogo-caminho-tabuleiro { display: inline-block; }

.jogo-caminho-tabuleiro .linha { margin: auto; }

.jogo-caminho-tabuleiro .casa, .jogo-caminho-numeros span { display: inline-block; width: 56px; height: 56px; line-height: 56px; font-size: 40px; text-align: center; font-weight: bold; color: #222; background: #777; border: 1px solid #AAA; margin: 1px; cursor: pointer; }

.min .jogo-caminho-tabuleiro .casa { width: 26px; height: 26px; line-height: 26px; font-size: 20px; }

.jogo-caminho-numeros span { width: 64px; height: 64px; line-height: 64px; font-size: 50px; border-radius: 6px; color: #000; background: #06E; border: 2px solid #049; text-decoration: none; }

.jogo-caminho-numeros span:hover { background: #490; border: 2px solid #050; }

.ui-dialog .ui-dialog-content.jogo-caminho-numeros { white-space: nowrap; padding: 20px 0px; }

.jogo-caminho-tabuleiro .casa:hover { background: #888; border: 1px solid #CCC; }

.jogo-caminho-tabuleiro .casa.selecionada { background: #05E; border: 1px solid #0AF; }

.jogo-caminho-tabuleiro .casa.preenchida { cursor: default; background: #590; border: 1px solid #7C0; }

.jogo-caminho-tabuleiro .casa.erro { background: #E00; border: 1px solid #F44; }

.jogo-caminho-tabuleiro .casa.caminho { background: #FB0; border: 1px solid #FD5; }

DiggThis

Copyright © 2004 - 2020 Aurélio A. Heckert
Conteúdo licenciado sob Creative Commons by-nc-sa