style.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* Author: Matthew Shiel */
  2. html {
  3. background: url(/eliza/background.jpg) no-repeat center center fixed;
  4. -webkit-background-size: cover;
  5. -moz-background-size: cover;
  6. -o-background-size: cover;
  7. background-size: cover;
  8. }
  9. h3 {
  10. float: right;
  11. }
  12. .wrapper {
  13. width: 100%;
  14. max-width: 1000px;
  15. padding-right: 15px;
  16. padding-left: 15px;
  17. margin-right: auto;
  18. margin-left: auto;
  19. font-family: 'Pacifico', cursive;
  20. color: white;
  21. text-shadow: 2px 2px black;
  22. margin-top: 60px;
  23. }
  24. body{
  25. background:none !important;
  26. }
  27. #output-area {
  28. height: 370px;
  29. background-color: whitesmoke;
  30. border: none;
  31. list-style: none;
  32. }
  33. #user-input {
  34. border: 2px solid #C84127;
  35. }
  36. ul {
  37. display: block;
  38. /* This is so the list does not overflow the div and has a scrolling bar */
  39. overflow: auto;
  40. }
  41. li {
  42. background-color: #67C5C2;
  43. color: #3D2117;
  44. font-family: 'Quicksand', sans-serif;
  45. font-weight: Bold;
  46. padding: 7px 13px;
  47. margin-bottom: 12px;
  48. border-radius: 15px;
  49. float: left;
  50. /* Clear so messages on the left and right seperate */
  51. clear: both;
  52. text-shadow: none !important;
  53. }
  54. /* For every second list item float right */
  55. ul > li:nth-child(odd) {
  56. float: right;
  57. background-color: #3D2117;
  58. color: white;
  59. text-shadow: none !important;
  60. }
  61. button {
  62. /* Hide the submit button */
  63. visibility: hidden;
  64. }
  65. .credits {
  66. color: white;
  67. float: right;
  68. font-size: smaller;
  69. opacity: 0.5;
  70. text-shadow: none !important;
  71. }