themes/enanium/css-extra/toolbar.css
changeset 921 a71de5e21423
equal deleted inserted replaced
920:4babf8545826 921:a71de5e21423
       
     1 /* toolbar */
       
     2 div.toolbar {
       
     3   border: 1px solid #3b619c;
       
     4   background-color: #D0D0D0;
       
     5   background-image: url(../../oxygen/images/bleu/sprite-horiz.gif);
       
     6   background-position: 0 -90px;
       
     7   padding: 1px 0;
       
     8   height: 22px;
       
     9   font-family: arial, sans-serif;
       
    10   font-size: 8pt;
       
    11 }
       
    12 div.toolbar ul {
       
    13   margin: 0;
       
    14   padding: 0;
       
    15 }
       
    16 div.toolbar ul li {
       
    17   list-style: none;
       
    18   margin: 0;
       
    19   float: left;
       
    20 }
       
    21 div.toolbar a img {
       
    22   opacity: 0.6;
       
    23 }
       
    24 div.toolbar a:hover img, div.toolbar a:focus img {
       
    25   opacity: 1;
       
    26 }
       
    27 div.toolbar a {
       
    28   display: block;
       
    29   padding: 2px;
       
    30   border: 1px solid transparent;
       
    31   cursor: default;
       
    32   width: auto;
       
    33   color: #000000 !important;
       
    34   margin: 0 2px;
       
    35   max-height: 16px;
       
    36   text-decoration: none;
       
    37 }
       
    38 div.toolbar a:hover, div.toolbar a:focus {
       
    39   border: 1px solid #000080;
       
    40   background-color: #ceceed;
       
    41   background-image: url(../../oxygen/images/bleu/sprite-horiz.gif);
       
    42   background-position: 0 -118px;
       
    43   color: #000000 !important;
       
    44   text-decoration: none;
       
    45 }
       
    46 div.toolbar a:active {
       
    47   background-color: #E0E0E0;
       
    48   background-position: 0 -138px;
       
    49 }
       
    50 div.toolbar img {
       
    51   margin: 0;
       
    52   padding: 0;
       
    53   display: inline;
       
    54   border-width: 0px;
       
    55 }
       
    56 div.toolbar a span {
       
    57   position: relative;
       
    58   top: -3px !important;
       
    59 }
       
    60 div.toolbar a span.noimage {
       
    61   position: relative;
       
    62   top: 0px !important;
       
    63   height: 16px !important;
       
    64   display: block;
       
    65   padding-left: 2px !important;
       
    66 }
       
    67 div.toolbar li span {
       
    68   padding-left: 4px;
       
    69   padding-right: 2px;
       
    70   position: relative;
       
    71   top: 4px;
       
    72 }
       
    73 
       
    74 /* vertical toolbar */
       
    75 div.toolbar_vert {
       
    76   border: 1px solid #82aae2;
       
    77   background-color: #c9ddf8;
       
    78   padding: 2px 0;
       
    79 }
       
    80 div.toolbar_vert ul {
       
    81   margin: 0;
       
    82   padding: 0;
       
    83 }
       
    84 div.toolbar_vert ul li {
       
    85   list-style: none;
       
    86   margin: 0;
       
    87 }
       
    88 div.toolbar_vert a img {
       
    89   opacity: 0.6;
       
    90   /*filter: alpha(opacity=60);*/
       
    91 }
       
    92 div.toolbar_vert a:hover img {
       
    93   opacity: 1;
       
    94   /*filter: alpha(opacity=100);*/
       
    95 }
       
    96 div.toolbar_vert a {
       
    97   display: block;
       
    98   padding: 2px;
       
    99   border: 1px solid transparent;
       
   100   cursor: default;
       
   101   width: auto;
       
   102   color: #000000 !important;
       
   103   margin: 0 2px;
       
   104   max-height: 16px;
       
   105   text-decoration: none;
       
   106 }
       
   107 div.toolbar_vert a:hover {
       
   108   border: 1px solid #202090;
       
   109   background-color: #ceceed;
       
   110   color: #000000 !important;
       
   111   text-decoration: none;
       
   112   background-image: url(../../oxygen/images/bleu/sprite-horiz.gif);
       
   113   background-position: 0 -118px;
       
   114 }
       
   115 div.toolbar_vert a:active {
       
   116   border: 1px solid #A0A0A0;
       
   117   background-color: #E0E0E0;
       
   118 }
       
   119 div.toolbar_vert img {
       
   120   margin: 0;
       
   121   padding: 0;
       
   122   display: inline;
       
   123   border-width: 0px;
       
   124 }
       
   125 div.toolbar_vert a span {
       
   126   position: relative;
       
   127   top: -4px;
       
   128 }
       
   129 div.toolbar_vert li span {
       
   130   padding-left: 2px;
       
   131   padding-right: 5px;
       
   132 }
       
   133 
       
   134 div.toolbar_vert li > span {
       
   135   display: block;
       
   136   padding: 4px 5px;
       
   137 }
       
   138