main.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /*
  2. * Font squirrel kit for Bebas Neue font
  3. */
  4. @font-face {
  5. font-family: BebasNeueRegular;
  6. src: url('BebasNeue-webfont.eot');
  7. src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
  8. url('BebasNeue-webfont.woff') format('woff'),
  9. url('BebasNeue-webfont.ttf') format('truetype'),
  10. url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  11. font-weight: normal;
  12. font-style: normal;
  13. }
  14. /*
  15. * Common
  16. */
  17. * {
  18. margin: 0;
  19. padding: 0;
  20. }
  21. .clear {
  22. clear: both;
  23. line-height: 0;
  24. }
  25. a, input {
  26. outline-width: 0;
  27. }
  28. /*
  29. * Layout
  30. */
  31. #wrapper {
  32. width: 900px;
  33. margin: 100px auto 0;
  34. }
  35. /*
  36. * Menu
  37. */
  38. #menu {
  39. float: left;
  40. padding: 41px 10px 41px 0;
  41. border-right: 1px solid #c5c5c5;
  42. font: normal 21px/23px BebasNeueRegular;
  43. color: #7e7e7e;
  44. list-style: none;
  45. }
  46. #menu li {
  47. position: relative;
  48. width: 138px;
  49. height: 31px;
  50. padding: 10px 40px 0 12px;
  51. cursor: pointer;
  52. }
  53. #menu li:hover {
  54. background-color: #e9e9e9;
  55. }
  56. #menu .active {
  57. background-color: #9b9b9b !important;
  58. color: #fff;
  59. }
  60. #menu .icon {
  61. position: absolute;
  62. top: 14px;
  63. right: 12px;
  64. width: 16px;
  65. height: 14px;
  66. }