main.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. list-style: none;
  44. a {
  45. position: relative;
  46. display: block;
  47. width: 138px;
  48. height: 31px;
  49. padding: 10px 40px 0 12px;
  50. color: #7e7e7e;
  51. text-decoration: none;
  52. self:hover {
  53. background-color: #e9e9e9;
  54. }
  55. }
  56. .active {
  57. background-color: #9b9b9b !important;
  58. color: #fff;
  59. }
  60. .icon {
  61. position: absolute;
  62. top: 14px;
  63. right: 12px;
  64. width: 16px;
  65. height: 14px;
  66. }
  67. }