traducir.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. div.translation{
  2. display: inline-block;
  3. margin: 0;
  4. padding: 1em 1em 2em 1em;
  5. width: 45%;
  6. vertical-align: top;
  7. }
  8. div.translation h3{
  9. margin-bottom: 2em;
  10. }
  11. div#original span, p{
  12. color: #333333;
  13. font-style: italic;
  14. margin: 1em;
  15. }
  16. div#translation input, textarea{
  17. margin: 1em;
  18. width: 100%;
  19. }
  20. table#buttons{
  21. width: 100%;
  22. }
  23. table#buttons td{
  24. padding: 0.3em;
  25. width: 33%;
  26. }
  27. table#buttons td input{
  28. height: 2.5em;
  29. width: 100%;
  30. }
  31. table#buttons td input#next{
  32. border: 0.2em solid #ff5555;
  33. background-color: #671212;
  34. }
  35. table#buttons td input#save{
  36. border: 0.2em solid #00ff78;
  37. background-color: #126745;
  38. }
  39. div#w_error{
  40. position: fixed;
  41. top: 20%;
  42. bottom: 20%;
  43. left: 10%;
  44. right: 10%;
  45. display: none;
  46. text-align: center;
  47. height: 60%;
  48. opacity: 0;
  49. -webkit-transition: opacity 0.5s ease-in-out;
  50. -moz-transition: opacity 0.5s ease-in-out;
  51. transition: opacity 0.5s ease-in-out;
  52. }
  53. div#w_error div.entry{
  54. height: 80%;
  55. }
  56. div#w_error div.entry table{
  57. height: 80%;
  58. width: 100%;
  59. margin: auto;
  60. }
  61. div#w_error input{
  62. height: 4em;
  63. }
  64. /* Initial page */
  65. div#w_init div.entry{
  66. text-align: center;
  67. }
  68. div#w_init div.entry a.lang{
  69. display: inline-block;
  70. width: 30%;
  71. border-radius: 0.3em;
  72. border: 0.2em solid #0078ff;
  73. font-weight: bold;
  74. color: #ffffff;
  75. background-color: #124567;
  76. cursor: pointer;
  77. margin: 1em;
  78. padding: 1em;
  79. letter-spacing: 0.1em;
  80. }