Home Explore Help
Register Sign In
LInE
/
iassign
2
0
Fork 1
Files Issues 1 Pull Requests 1 Wiki
Tree: 736074711d
Branches Tags
iassign
/
ilm
/
iHanoi
/
1.0.20200803
/
ihanoi
/
css
/
ihanoi_style.css

ihanoi_style.css 2.6 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 
  1. /*
    2. 

  2.  LInE (Laboratory of Informatics in Education) - http://www.usp.br/line
    3. 

  3.  IME - USP
    4. 

  4.  iHanoi - http://www.matematica.br/ihanoi
    5. 

  5.  Material didático
    6. 

  6.  Pode usar livrevemente este material para fins não comerciais, devendo sempre fazer referência à autoria.
    7. 

  7.  Prof. Leônidas de Oliveira Brandão
    8. 

  8.  http://www.ime.usp.br/~leo
    9. 

  9.  http://line.ime.usp.br
    10. 

  10.  http://www.matemtica.br
    11. 

  11.  */
    12. 

  12. 

  13. body { margin: 10; overflow: hidden; font-family:sans; }
    14. 

  14. foot { font-size:.8cm; }
    15. 

  15. canvas { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
    16. 

  16. .fundoBotao { margin:0 auto; width: 1100px; background:url("../img/fundo1.png"); }
    17. 

  17. .classeBotao1 {
    18. 

  18.   display: inline-block; background-color: #7b38d8; border-radius: 10px; border: 4px double #cccccc; color: #eeeeee; text-align: center; font-size: 12px; padding: 5px;
    19. 

  19.   width: 100px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; margin: 2px; }
    20. 

  20. 

  21. /*
    22. 

  22.  disk1: 3399ff 0066cc
    23. 

  23.  disk2: cc66ff 9933ff
    24. 

  24.  disk3: e4ee26 cdd711
    25. 

  25.  disk4: 29eb46 11b92b
    26. 

  26.  disk5: 990099 330033
    27. 

  27.  disk6: ff6666 cc0000
    28. 

  28. */
    29. 

  29. .tableBotoes { display:table; }
    30. 

  30. .tableBotoes-celula { display:table-cell; }
    31. 

  31. .tableBotoes-tar { text-align: left; }
    32. 

  32. 

  33. .classeBotaoR { background-color: #5566cc; width: 100px; }
    34. 

  34. 

  35. .classeBotao { display: inline-block; border-radius: 10px; border: 4px double #cccccc; color: #eeeeee; text-align: center;
    36. 

  36.   font-size: 12px; padding: 5px; transition: all 0.5s; cursor: pointer; margin: 2px; }
    37. 

  37. .classeBotao span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
    38. 

  38. .classeBotao span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
    39. 

  39. .classeBotao:hover span { padding-right: 25px;}
    40. 

  40. .classeBotao:hover span:after { opacity: 1; right: 0; }
    41. 

  41. 

  42. .classeBotao1 { background-color: #0066cc; width: 80px; font-size:.7em; }
    43. 

  43. .classeBotao1:hover { background-color: #3399ff; }
    44. 

  44. 

  45. .classeBotao2 { background-color: #9933ff; width: 80px; font-size:.7em; }
    46. 

  46. .classeBotao2:hover { background-color: #cc66ff; }
    47. 

  47. 

  48. .classeBotao3 { color:#444444; border: 4px double #444444; background-color: #cdd711; width: 80px; font-size:.7em; }
    49. 

  49. .classeBotao3:hover { background-color: #e4ee26; }
    50. 

  50. 

  51. .classeBotao4 { background-color: #11b92b; width: 80px; font-size:.7em; }
    52. 

  52. .classeBotao4:hover { background-color: #29eb46; }
    53. 

  53. 

  54. .classeBotao5 { background-color: #330033; width: 80px; font-size:.7em; }
    55. 

  55. .classeBotao5:hover { background-color: #990099; }
    56. 

  56. 

  57. .classeBotao6 { background-color: #cc0000; width: 80px; font-size:.7em; }
    58. 

  58. .classeBotao6:hover { background-color: #ff6666; }
    59.