You are here

Home » API reference » Ultimenu 7

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

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

File

skins/ultimenu-htb-tabs-orange.css
View source 
  1. /**

  2.  * @file

  3.  * Skin based on safe CSS file name: ultimenu-htb-tabs-orange.

  4.  */

  5. .ultimenu-htb-tabs-orange .block:first-child {

  6.   float: left;

  7.   width: 45%;

  8. }

  9. 

  10. .ultimenu-htb-tabs-orange .block:nth-child(2) {

  11.   margin-left: 48%;

  12. }

  13. 

  14. .ultimenu-htb-tabs-orange .ultimenu-flyout {

  15.   background-color: #ff5500;

  16.   -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);

  17.   -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);

  18.   -ms-box-shadow: 0 2px 2px rgba(0,0,0,.2);

  19.   -o-box-shadow: 0 2px 2px rgba(0,0,0,.2);

  20.   box-shadow: 0 2px 2px rgba(0,0,0,.2);

  21. }

  22. 

  23. .ultimenu-htb-tabs-orange .region {

  24.   background: #fff;

  25.   font-size: 13px;

  26.   padding: 20px;

  27. }

  28. 

  29. .ultimenu-htb-tabs-orange .block {

  30.   display: block;

  31.   padding: 1em;

  32. }

  33. 

  34. .ultimenu-htb-tabs-orange > li > a {

  35.   border-top: 1px solid transparent;

  36.   font-family: Arial, sans-serif;

  37.   font-size: 17px;

  38.   font-weight: 600;

  39.   padding: 0.5em 1.5em 0.75em;

  40.   position: relative;

  41.   z-index: 103; /*Above the flyout z-index: 102*/

  42. }

  43. 

  44. .ultimenu-htb-tabs-orange > li > a > small {

  45.   font-weight: 400;

  46. }

  47. 

  48. .ultimenu-htb-tabs-orange > li:hover > a,

  49. .ultimenu-htb-tabs-orange > li.hover > a,

  50. .ultimenu-htb-tabs-orange > li > a.active {

  51.   background-color: #ff5500;

  52.   border-radius: 5px;

  53.   border-top: 1px solid #ffa070;

  54. }

  55. 

  56. .ultimenu-htb-tabs-orange > li > a.active {

  57.   background-color: #ff5500;

  58.   border-radius: 5px;

  59. }

  60. 

  61. .ultimenu-htb-tabs-orange > li.has-ultimenu:hover > a,

  62. .ultimenu-htb-tabs-orange > li.has-ultimenu.hover > a {

  63.   background-color: #ff5500;

  64.   border-radius: 5px 5px 0 0;

  65. }

  66. 

  67. .ultimenu-htb-tabs-orange > li:hover .ultimenu-flyout,

  68. .ultimenu-htb-tabs-orange > li.hover .ultimenu-flyout {

  69.   margin-top: -6px;

  70. }

  71. 

  72. .ultimenu-htb-tabs-orange .ultimenu-flyout {

  73.   border-top: 1px solid #48a9e4;

  74. }

  75. 

  76. /**

  77.  * Bartik header has links white

  78.  */

  79. .ultimenu-htb-tabs-orange .ultimenu-flyout a:link,

  80. .ultimenu-htb-tabs-orange .ultimenu-flyout a:visited {

  81.   color: #0071b3;

  82. }

  83. 

  84. .ultimenu-htb-tabs-orange .ultimenu-flyout a:hover,

  85. .ultimenu-htb-tabs-orange .ultimenu-flyout a:active {

  86.   color: #018fe2;

  87. }