themes/oxygen/css/bleu.css
changeset 542 5841df0ab575
parent 532 03429d7b1537
child 552 400ad5a212a8
equal deleted inserted replaced
541:acb7e23b6ffa 542:5841df0ab575
   127 }
   127 }
   128 
   128 
   129 td.recttoptop {
   129 td.recttoptop {
   130   width: 100%;
   130   width: 100%;
   131   height: 12px;
   131   height: 12px;
   132   background-image: url(../images/bleu/border-menu-t.gif);
   132   background-image: url(../images/bleu/sprite-horiz.gif);
   133   background-repeat: repeat-x;
   133   background-repeat: repeat-x;
       
   134   background-position: 0 -12px;
   134   margin: 0;
   135   margin: 0;
   135   padding: 0;
   136   padding: 0;
   136 }
   137 }
   137 
   138 
   138 td.recttoptop:hover {
   139 td.recttoptop:hover {
   139   width: 100%;
   140   width: 100%;
   140   height: 12px;
   141   height: 12px;
   141   background-image: url(../images/bleu/border-menu-t-h.gif);
   142   background-image: url(../images/bleu/sprite-horiz.gif);
   142   background-repeat: repeat-x;
   143   background-repeat: repeat-x;
       
   144   background-position: 0 -24px;
   143   margin: 0;
   145   margin: 0;
   144   padding: 0;
   146   padding: 0;
   145   cursor: pointer;
   147   cursor: pointer;
   146 }
   148 }
   147 
   149 
   153 }
   155 }
   154 
   156 
   155 td.rectbottop {
   157 td.rectbottop {
   156   width: 100%;
   158   width: 100%;
   157   height: 12px;
   159   height: 12px;
   158   background-image: url(../images/bleu/border-btm.gif);
   160   background-image: url(../images/bleu/sprite-horiz.gif);
   159   background-repeat: repeat-x;
   161   background-repeat: repeat-x;
       
   162   background-position: 0 -48px;
   160   margin: 0;
   163   margin: 0;
   161   padding: 0;
   164   padding: 0;
   162 }
   165 }
   163 
   166 
   164 div.slideblock, .dbx-content {
   167 div.slideblock, .dbx-content {
   475   line-height: 0px;
   478   line-height: 0px;
   476   display: block;
   479   display: block;
   477 }
   480 }
   478 
   481 
   479 /* Rounded corners on nearly everything */
   482 /* Rounded corners on nearly everything */
   480 td#mdg-tl                         { width: 12px; height: 12px;     background: url(../images/bleu/border-tl.gif);    }
   483 td#mdg-tl                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -48px 0;                                                                     }
   481 td#mdg-tr                         { width: 12px; height: 12px;     background: url(../images/bleu/border-tr.gif);    }
   484 td#mdg-tr                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -60px 0;                                                                     }
   482 td#mdg-top                        {                                background: url(../images/bleu/border-top.gif);   }
   485 td#mdg-top                        {                            background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 -36px;                                                                     }
   483 td#mdg-l                          { width: 12px; height: 12px;     background: url(../images/bleu/border-l.gif);     }
   486 td#mdg-l                          { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-vert.gif);  background-position: -24px 0;                                                                     }
   484 td#mdg-r                          { width: 12px; height: 12px;     background: url(../images/bleu/border-r.gif);     }
   487 td#mdg-r                          { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-vert.gif);  background-position: -36px 0;                                                                     }
   485 td#mdg-bl                         { width: 12px; height: 12px;     background: url(../images/bleu/border-tb-l.gif);  }
   488 td#mdg-bl                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-vert.gif);  background-position: -72px 0;                                                                     }
   486 td#mdg-br                         { width: 12px; height: 12px;     background: url(../images/bleu/border-tb-r.gif);  }
   489 td#mdg-br                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-vert.gif);  background-position: -84px 0;                                                                     }
   487 td#mdg-ml                         { width: 12px; height: 12px;     background: url(../images/bleu/border-m-l.gif);   }
   490 td#mdg-ml                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-vert.gif);  background-position: -48px 0;                                                                     }
   488 td#mdg-mr                         { width: 12px; height: 12px;     background: url(../images/bleu/border-m-r.gif);   }
   491 td#mdg-brl                        { width: 12px; height: 1px;  background-image: url(../images/bleu/sprite-vert.gif);  background-position: -48px 0;                                                                     }
   489 td#mdg-brl                        { width: 12px; height: 1px;      background: url(../images/bleu/border-m-l.gif);   }
   492 td#mdg-mr                         { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-vert.gif);  background-position: -60px 0;                                                                     }
   490 td#mdg-brr                        { width: 12px; height: 1px;      background: url(../images/bleu/border-m-r.gif);   }
   493 td#mdg-brr                        { width: 12px; height: 1px;  background-image: url(../images/bleu/sprite-vert.gif);  background-position: -60px 0;                                                                     }
   491 td#mdg-btl                        { width: 12px; height: 1px;      background: url(../images/bleu/border-btm-l.gif); }
   494 td#mdg-btl                        { width: 12px; height: 1px;  background-image: url(../images/bleu/sprite-vert.gif);  background-position: 0 0    ;                                                                     }
   492 td#mdg-btr                        { width: 12px; height: 1px;      background: url(../images/bleu/border-btm-r.gif); }
   495 td#mdg-btr                        { width: 12px; height: 1px;  background-image: url(../images/bleu/sprite-vert.gif);  background-position: -12px 0;                                                                     }
   493 td#mdg-btcl                       { width: 12px; height: 12px;     background: url(../images/bleu/border-bl.gif);    }
   496 td#mdg-btcl                       { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -24px 0;                                                                     }
   494 td#mdg-btcr                       { width: 12px; height: 12px;     background: url(../images/bleu/border-br.gif);    }
   497 td.mdg-menu-bl                    { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -24px 0;                                                                     }
   495 td#mdg-btm                        {              height: 12px;     background: url(../images/bleu/border-btm.gif);   }
   498 td#mdg-btcr                       { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -36px 0;                                                                     }
   496 td.mdg-menu-top                   { width: 84%;  height: 12px;     background: url(../images/bleu/border-menu-t.gif); margin: 0; padding: 0; background-repeat: repeat-x; font-size: 2px; }
   499 td.mdg-menu-br                    { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: -36px 0;                                                                     }
   497 td.mdg-menu-tl                    { width: 12px; height: 12px;     background: url(../images/bleu/border-menu-l.gif); background-position: left  top; background-repeat: no-repeat; }
   500 td.mdg-menu-top                   { width: 84%;  height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 0    ; margin: 0; padding: 0; background-repeat: repeat-x; font-size: 2px; }
   498 td.mdg-menu-tr                    { width: 12px; height: 12px;     background: url(../images/bleu/border-menu-r.gif); background-position: right top; background-repeat: no-repeat; }
   501 td.mdg-menu-tl                    { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 0    ; background-position: left  top; background-repeat: no-repeat;       }
   499 td.mdg-menu-bl                    { width: 12px; height: 12px;     background: url(../images/bleu/border-bl.gif);    }
   502 td.mdg-menu-tr                    { width: 12px; height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 0    ; background-position: right top; background-repeat: no-repeat;       }
   500 td.mdg-menu-br                    { width: 12px; height: 12px;     background: url(../images/bleu/border-br.gif);    }
   503 td.mdg-menu-btm                   {              height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 0    ;                                                                     }
   501 td.mdg-menu-btm                   {              height: 12px;     background: url(../images/bleu/border-btm.gif);   }
   504 td#mdg-btm                        {              height: 12px; background-image: url(../images/bleu/sprite-horiz.gif); background-position: 0 -48px;                                                                     }
   502 
   505 
   503 /* Buttons and textboxes - these settings are used almost everywhere */
   506 /* Buttons and textboxes - these settings are used almost everywhere */
   504 input, textarea, select, button {
   507 input, textarea, select, button {
   505   border: 1px solid #406080;
   508   border: 1px solid #406080;
   506   background-color: #F2F2F2;
   509   background-color: #F2F2F2;