main.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @CHARSET "UTF-8";
  2. body {
  3. margin: 0.5em;
  4. }
  5. #footer,
  6. #header {
  7. background-color: #204060;
  8. color: white;
  9. height: 5em;
  10. margin: 0;
  11. padding: 1em
  12. }
  13. #footer li {
  14. display: inline;
  15. list-style-type: none;
  16. }
  17. #footer-logos {
  18. text-align: center;
  19. }
  20. #footer-logos a img {
  21. opacity: 0.25;
  22. -o-transition: opacity 0.2s ease-in-out;
  23. transition: opacity 0.2s ease-in-out;
  24. }
  25. #footer-logos a:hover img,
  26. #footer-logos a:focus img {
  27. opacity: 0.75;
  28. }
  29. #main {
  30. background-color: #e0f0ff;
  31. margin: 0;
  32. padding: 1em;
  33. }
  34. #nav {
  35. float: right;
  36. padding: 2em 0 0 0;
  37. }
  38. #nav li {
  39. float: left;
  40. margin: 0;
  41. padding: 0 0 0 0.5em;
  42. list-style-type: none;
  43. }
  44. #nav li a {
  45. border-radius: 0.5em;
  46. color: #ccc;
  47. color: rgba(255, 255, 255, 0.7);
  48. font-weight: bold;
  49. padding: 0.5em;
  50. text-decoration: none;
  51. text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  52. -o-transition: all 0.3s ease-in-out;
  53. transition: all 0.3s ease-in-out;
  54. }
  55. #nav li a:hover,
  56. #nav li a:focus {
  57. background-color: rgba(255, 255, 255, 0.15);
  58. color: #fff;
  59. }