Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Aug 20th, 2012  |  syntax: None  |  size: 2.97 KB  |  hits: 7  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * OUA NAV
  3.  */
  4.  
  5. @font-face {
  6.     font-family: "FranchiseRegular";
  7.     src: url("http://assets.open.edu.au/website-theme/rev-11606/fonts/franchise-bold-hinted-webfont.eot");
  8.     src: url("http://assets.open.edu.au/website-theme/rev-11606/fonts/franchise-bold-hinted-webfont.eot?#iefix") format("embedded-opentype"),
  9.          url("http://assets.open.edu.au/website-theme/rev-11606/fonts/franchise-bold-hinted-webfont.woff") format("woff"),
  10.          url("http://assets.open.edu.au/website-theme/rev-11606/fonts/franchise-bold-hinted-webfont.ttf") format("truetype"),
  11.          url("http://assets.open.edu.au/website-theme/rev-11606/fonts/franchise-bold-hinted-webfont.svg#FranchiseRegular") format("svg");
  12.     font-weight: normal;
  13.     font-style: normal;
  14. }
  15.  
  16. #navigation { background: #022943; padding-top:50px }
  17. #navigation .primary ul, #navigation .secondary ul { width:960px; margin:0 auto; }
  18. #navigation .primary { border-bottom:1px solid #000 }
  19. #navigation .secondary { padding-top:1px; border-top:1px solid #154464; background:linear-gradient(top, #0e67a7 0%,#0c5e99 100%); border-bottom:1px solid #043452 }
  20. #navigation h2, #navigation h3 { display:none }
  21. #navigation ul { height:40px; border-radius:3px 3px 0 0;  border-bottom:0; list-style:none; margin:0; padding:0; }
  22. #navigation li { margin:0; padding:0; float:left; position:relative;  }
  23. #navigation li a { padding:11px 17px 12px 17px; display:block; color:#fff; text-decoration:none; font:normal 0.9em tahoma; }
  24. #navigation li:first-child a { border-left:none; }
  25. #navigation .primary a { border-left:1px solid #0a1e2b; border-right:1px solid #254a64; }
  26. #navigation .primary a:hover { background: linear-gradient(top, #20445b 0%,#002944 100%);  }
  27. #navigation .primary .current a { background: linear-gradient(top, #074976 0%,#0e68a9 100%); position:relative; padding-top:13px  }
  28. #navigation .secondary .current a, #navigation .secondary .current a:hover { background: linear-gradient(top, #c8c8c8 0%,#fbfbfb 100%); color:#0e68a9; border-right:1px solid #053c61;border-left:1px solid #053c61; }
  29. #navigation .secondary a:hover { background: linear-gradient(top, #3285bb 0%,#0067ab 100%);}
  30. #navigation .primary ul { background: linear-gradient(top, #08324f 0%,#284d66 100%); }
  31. #navigation .secondary ul { border-radius:0; background: linear-gradient(top, #0e67a7 0%,#0c5e99 100%); }
  32. .page-heading { border-top:1px solid #116b9a;  background: #0195d3; padding:10px 0 }
  33. .site-area-heading { width:960px; margin:0 auto;color: white; font-size: 380%; letter-spacing:-2px; overflow:hidden; font:normal 450% FranchiseRegular; text-transform: uppercase; }
  34.  
  35. /*Tooltip and Pointer CSS*/
  36. .navtip-out {
  37.         position:absolute;
  38.         width:0;
  39.         height:0;
  40.         border-left: 9px solid transparent;
  41.         border-right: 9px solid transparent;
  42.         border-top: 9px solid #1a6788;
  43.         border-bottom: 0;
  44.         left:43.1%;
  45.         bottom:-9px;
  46. }
  47. .navtip-in {
  48.         position:absolute;
  49.         width:0;
  50.         height:0;
  51.         border-left: 7px solid transparent;
  52.         border-right: 7px solid transparent;
  53.         border-top: 7px solid #fbfbfb;
  54.         border-bottom: 0;
  55.         left:44%;
  56.  
  57. }