themes/enanium/css-extra/jbox.css
changeset 1050 94d835500d5b
parent 1049 9bf901e1de42
child 1051 78b41fb98140
equal deleted inserted replaced
1049:9bf901e1de42 1050:94d835500d5b
     1 /*
       
     2  * jBox menu system
       
     3  */
       
     4 
       
     5 div.menu, div.menu_nojs {
       
     6   background-image: url(../images/jbox.gif);
       
     7   background-repeat: repeat-x;
       
     8   background-color: #303030;
       
     9   font-size: 7pt;
       
    10   border-width: 0;
       
    11 }
       
    12 .menu_bg {
       
    13   background-color: #303030;
       
    14 }
       
    15 div.menu ul, div.menu_nojs ul {
       
    16   display: none;
       
    17   position: absolute;
       
    18   padding: 0;
       
    19   margin: 0 !important;
       
    20   background-color: #303030;
       
    21   border-width: 0;
       
    22   min-width: 120px;
       
    23   text-transform: lowercase;
       
    24 }
       
    25 div.menu a, div.menu div.label, div.menu_nojs a, div.menu_nojs div.label {
       
    26   padding: 2.5pt 5px;
       
    27   margin-right: 3px;
       
    28   text-decoration: none;
       
    29   display: block;
       
    30   float: left;
       
    31   color: #b2b2b2;
       
    32 }
       
    33 div#content-wrapper div.menu a, div#content-wrapper div.menu_nojs a {
       
    34   color: #b2b2b2;
       
    35 }
       
    36 div.menu div.label, div.menu_nojs div.label {
       
    37   color: #808080;
       
    38   cursor: default;
       
    39 }
       
    40 div.menu span.sep, div.menu_nojs span.sep {
       
    41   display: block;
       
    42   float: left;
       
    43   width: 5px;
       
    44 }
       
    45 div.menu div.multopts, div.menu_nojs div.multopts {
       
    46   line-height: 17pt;
       
    47 }
       
    48 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
       
    49   float: none;
       
    50   display: inline;
       
    51 }
       
    52 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover {
       
    53   color: #c9c9c9;
       
    54   background-color: #484848;
       
    55   background-image: url(../images/jbox.gif);
       
    56   background-position: 0 -32px;
       
    57   background-repeat: repeat-x;
       
    58 }
       
    59 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
       
    60   border-width: 0;
       
    61   font-size: 9pt;
       
    62   padding: 2px 5px 3px 5px;
       
    63   max-width: 70px;
       
    64   color: #a9a9a9;
       
    65   background-color: #191919;
       
    66 }
       
    67 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover {
       
    68   background-color: #292929;
       
    69 }
       
    70 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus {
       
    71   background-color: #373737;
       
    72 }
       
    73 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
       
    74   border-width: 0;
       
    75   font-size: 9pt;
       
    76   padding: 3px 5px;
       
    77   max-width: 70px;
       
    78 }
       
    79 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover {
       
    80   color: #202020;
       
    81   background-color: #FFFFFF;
       
    82 }
       
    83 div.menu a.current:hover, div.menu a.selected:hover, div.menu a.current.liteselected,
       
    84 div.menu_nojs a.current:hover, div.menu_nojs a.selected:hover, div.menu_nojs a.current.liteselected {
       
    85   background-position: 0 -64px;
       
    86 }
       
    87 div.menu ul li, div.menu_nojs ul li {
       
    88   list-style: none;
       
    89 }
       
    90 div.menu ul a, div.menu_nojs ul a {
       
    91   float: none;
       
    92   margin: 0;
       
    93 }