You are here

ultimenu-htb-tabs-blue.css in Ultimenu 7

Skin based on safe CSS file name: ultimenu-htb-tabs-blue.

File

skins/ultimenu-htb-tabs-blue.css
View source
  1. /**
  2. * @file
  3. * Skin based on safe CSS file name: ultimenu-htb-tabs-blue.
  4. */
  5. .ultimenu-htb-tabs-blue .block:first-child {
  6. float: left;
  7. width: 45%;
  8. }
  9. .ultimenu-htb-tabs-blue .block:nth-child(2) {
  10. margin-left: 48%;
  11. }
  12. .ultimenu-htb-tabs-blue .ultimenu-flyout {
  13. background-color: #0779bf;
  14. -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  15. -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  16. -ms-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  17. -o-box-shadow: 0 2px 2px rgba(0,0,0,.2);
  18. box-shadow: 0 2px 2px rgba(0,0,0,.2);
  19. }
  20. .ultimenu-htb-tabs-blue .region {
  21. background: #fff;
  22. font-size: 13px;
  23. padding: 20px;
  24. }
  25. .ultimenu-htb-tabs-blue .block {
  26. display: block;
  27. padding: 1em;
  28. }
  29. .ultimenu-htb-tabs-blue > li > a {
  30. border-top: 1px solid transparent;
  31. font-family: Arial, sans-serif;
  32. font-size: 17px;
  33. font-weight: 600;
  34. padding: 0.5em 1.5em 0.75em;
  35. position: relative;
  36. z-index: 103; /*Above the flyout z-index: 102*/
  37. }
  38. .ultimenu-htb-tabs-blue > li > a > small {
  39. font-weight: 400;
  40. }
  41. .ultimenu-htb-tabs-blue > li:hover > a,
  42. .ultimenu-htb-tabs-blue > li.hover > a,
  43. .ultimenu-htb-tabs-blue > li > a.active {
  44. background-color: #0779bf;
  45. border-radius: 5px;
  46. border-top: 1px solid #48a9e4;
  47. }
  48. .ultimenu-htb-tabs-blue > li > a.active {
  49. background-color: #0779bf;
  50. border-radius: 5px;
  51. }
  52. .ultimenu-htb-tabs-blue > li.has-ultimenu:hover > a,
  53. .ultimenu-htb-tabs-blue > li.has-ultimenu.hover > a {
  54. background-color: #0779bf;
  55. border-radius: 5px 5px 0 0;
  56. }
  57. .ultimenu-htb-tabs-blue > li:hover .ultimenu-flyout,
  58. .ultimenu-htb-tabs-blue > li.hover .ultimenu-flyout {
  59. margin-top: -6px;
  60. }
  61. .ultimenu-htb-tabs-blue .ultimenu-flyout {
  62. border-top: 1px solid #48a9e4;
  63. }
  64. /**
  65. * Bartik header has links white
  66. */
  67. .ultimenu-htb-tabs-blue .ultimenu-flyout a:link,
  68. .ultimenu-htb-tabs-blue .ultimenu-flyout a:visited {
  69. color: #0071b3;
  70. }
  71. .ultimenu-htb-tabs-blue .ultimenu-flyout a:hover,
  72. .ultimenu-htb-tabs-blue .ultimenu-flyout a:active {
  73. color: #018fe2;
  74. }