global.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. @IMPORT url("resets.css");
  2. body {
  3. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  4. }
  5. img, object, embed {
  6. max-width: 100%;
  7. }
  8. img {
  9. height: auto;
  10. }
  11. #header {
  12. background: #FFFFFF url(../images/hystrix-logo-tagline-tiny.png) no-repeat scroll 99% 0%;
  13. height: 65px;
  14. margin-bottom: 5px;
  15. }
  16. #header h2 {
  17. float:left;
  18. color: black;
  19. position:relative;
  20. padding-left: 20px;
  21. top: 26px;
  22. font-size: 20px;
  23. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  24. }
  25. #header .header_nav {
  26. position:absolute;
  27. top:48px;
  28. right:15px;
  29. }
  30. #header .header_links {
  31. float:left;
  32. color: lightgray;
  33. font-size: 18px;
  34. top: 3px;
  35. padding-left: 10px;
  36. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  37. }
  38. #header .header_links a {
  39. color: white;
  40. }
  41. #header .header_clusters {
  42. float:left;
  43. position:relative;
  44. padding-left: 10px;
  45. top: -1px;
  46. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  47. }
  48. @media screen and (min-width: 1500px) {
  49. #header .header_nav {
  50. top:13px;
  51. right:130px;
  52. }
  53. #header {
  54. background: #FFFFFF url(../images/hystrix-logo-tagline-tiny.png) no-repeat scroll 99% 50%;
  55. height: 65px;
  56. }
  57. }