Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. nav ul, nav ol{list-style:none;list-style-image:none}
  2. header.main{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 7.5%}
  3. header.main{margin-top:1em;margin-bottom:1em}
  4.  
  5. .logo{margin:0 0 0.5em;font-size:1.4em;text-align:center}
  6. .logo a{position:relative;left:5px;display:inline;color:#555;text-decoration:none}
  7. .logo a:hover,.logo a:focus{color:#3f94bf}
  8. .logo a:before{display:block !important;position:relative;top:2px;
  9. left:-10px;
  10. font-size:80%;color:#a39f9a}
  11.  
  12. header.main{margin-top:0;padding-top:1em}
  13. header.main .menu-trigger{display:none}
  14. header.main nav ul:before,header.main nav ul:after{content:"";display:table}
  15. header.main nav ul:after{clear:both}
  16. header.main nav ul{zoom:1}
  17. header.main nav li{float:left;margin-right:10%;margin-bottom:0.5em}
  18. header.main nav a{text-decoration:none;color:#555}
  19. header.main nav a:hover,header.main nav a:focus{text-decoration:underline;color:#3f94bf}
  20.  
  21. @media (min-width: 50em){
  22.     header.main nav ul li{margin-right:4%}
  23. }
  24.  
  25. @media (min-width: 75em){
  26.     header.main{padding-left:0;padding-right:0}
  27.     header.main:before,header.main:after{content:"";display:table}
  28.     header.main:after{clear:both}
  29.     header.main{zoom:1}
  30.     header.main .logo{float:left}
  31.     header.main .logo a{left:10px}
  32.     header.main nav{float:right;width:66%}
  33.     header.main nav ul li:last-child{margin-right:0;margin-bottom:0}
  34.  
  35. }
  36.  
  37. #trigger-on{background:#3684ab;background:-o-linear-gradient(top, #3f94bf, #2d7498);
  38. background:-ms-linear-gradient(top, #3f94bf, #2d7498);background:-moz-linear-gradient(top, #3f94bf, #2d7498);
  39. background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3f94bf), color-stop(1, #2d7498));
  40. background:-webkit-linear-gradient(#3f94bf, #2d7498);background:linear-gradient(top, #3f94bf, #2d7498);
  41. -moz-box-shadow:0 1px 10px #222;-webkit-box-shadow:0 1px 10px #222;box-shadow:0 1px 10px #222;
  42. font-family:"museo-sans","Museo Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;
  43. font-weight:700;display:block;position:fixed;top:0;right:7.5%;padding:0.25em 1em;
  44. -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
  45. -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
  46. border:1px solid #1b5572;border-top:none;text-decoration:none;text-shadow:0 -1px 1px #222;color:#f7f7f7}
  47.  
  48. .jPanelMenu header.main{background:#317ca2;background:-o-linear-gradient(top, #3f94bf, #246485);
  49. background:-ms-linear-gradient(top, #3f94bf, #246485);background:-moz-linear-gradient(top, #3f94bf, #246485);
  50. background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3f94bf), color-stop(1, #246485));
  51. background:-webkit-linear-gradient(#3f94bf, #246485);background:linear-gradient(top, #3f94bf, #246485);
  52. -moz-box-shadow:0 1px 5px rgba(34,34,34,0.5);-webkit-box-shadow:0 1px 5px rgba(34,34,34,0.5);
  53. box-shadow:0 1px 5px rgba(34,34,34,0.5);position:fixed;top:0;
  54. width:100%;max-width:none;/**/
  55. height:50px;margin:0;padding:0 7.5%;border-bottom:1px solid #1b5572;z-index:10}
  56.  
  57. .jPanelMenu header.main .logo a,.jPanelMenu header.main .menu-trigger{display:block;
  58. height:100%;text-shadow:0 -1px 1px #222;
  59. line-height:50px;color:#f7f7f7}
  60.  
  61. .jPanelMenu header.main .logo{font-family:"museo-sans","Museo Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  62. font-weight:300;font-weight:700;float:none;width:60%;margin:0 auto}
  63.  
  64. .jPanelMenu header.main .logo a{position:static}
  65.  
  66. .jPanelMenu header.main .logo a:before{display:none !important}
  67.  
  68. .jPanelMenu header.main .menu-trigger{position:absolute;top:0;left:0;padding:0 1.5em;font-size:1.2em;line-height:57.5px}
  69.  
  70. .jPanelMenu header.main .menu-trigger:active{text-shadow:0 -1px 1px #222,0 0 50px #f7f7f7}
  71.  
  72. .jPanelMenu header.main nav{text-indent:-9999px}
  73.  
  74.  
  75. #jPanelMenu-menu{background:#3b3b3b}
  76.  
  77. #jPanelMenu-menu ul{border-bottom:1px solid #484848}
  78.  
  79. #jPanelMenu-menu li a{background:#3b3b3b;background:-o-linear-gradient(top, #3e3e3e, #383838);
  80. background:-ms-linear-gradient(top, #3e3e3e, #383838);background:-moz-linear-gradient(top, #3e3e3e, #383838);
  81. background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
  82. background:-webkit-linear-gradient(#3e3e3e, #383838);background:linear-gradient(top, #3e3e3e, #383838);
  83. font-family:"museo-sans","Museo Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;
  84. font-weight:700;display:block;padding:0.5em 5%;border-top:1px solid #484848;border-bottom:1px solid #2e2e2e;
  85. text-decoration:none;text-shadow:0 -1px 2px #222;color:#f7f7f7}
  86.  
  87. #jPanelMenu-menu li a:hover,#jPanelMenu-menu li a:focus{background:#404040;
  88. background:-o-linear-gradient(top, #484848, #383838);background:-ms-linear-gradient(top, #484848, #383838);
  89. background:-moz-linear-gradient(top, #484848, #383838);
  90. background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
  91. background:-webkit-linear-gradient(#484848, #383838);background:linear-gradient(top, #484848, #383838)}
  92.  
  93. #jPanelMenu-menu li a:active{background:#363636;background:-o-linear-gradient(top, #3e3e3e, #2e2e2e);
  94. background:-ms-linear-gradient(top, #3e3e3e, #2e2e2e);background:-moz-linear-gradient(top, #3e3e3e, #2e2e2e);
  95. background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
  96. background:-webkit-linear-gradient(#3e3e3e, #2e2e2e);background:linear-gradient(top, #3e3e3e, #2e2e2e);
  97. -moz-box-shadow:0 2px 7px #222 inset;-webkit-box-shadow:0 2px 7px #222 inset;box-shadow:0 2px 7px #222 inset;
  98. border-top-color:#222;padding-top:0.55em;padding-bottom:0.45em}
  99.  
  100. .jPanelMenu-panel{-moz-box-shadow:0 0 25px #222;-webkit-box-shadow:0 0 25px #222;box-shadow:0 0 25px #222}