themes/oxygen/css/bleu.css
changeset 468 194a19711346
parent 413 6607cd646d6d
child 532 03429d7b1537
equal deleted inserted replaced
467:e4bbd6fb8df3 468:194a19711346
     1 /**
     1 /**
     2  * The original Oxygen theme for Enano
     2  * The original Oxygen theme for Enano
     3  * Designed by Dan Fuhry, (C) 2006
     3  * Designed by Dan Fuhry, (C) 2006
     4  * This theme is Free Software; see the file "GPL" included with this package for details.
     4  * This theme is Free Software; see the file "GPL" included with this package for details.
     5  */
     5  */
     6  
     6 
     7 /* The basics */
     7 /* The basics */
     8 html,body                          { height: 100%; }
     8 html,body {
     9 body                               { /* color added in 1.0.2 to fix light text in dark desktop themes */ color: #202020; margin: 0; padding: 0; background: url(../images/bleu/bg.png); font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 9pt; }
     9   height: 100%;
    10 body#tinymce                       { background-color: white; background-image: none; }
    10 }
    11 .holder                            { border: 1px solid #CCCCCC; padding: 1px; background-color: #FFFFFF; color: #444444 }
    11 
    12 div.pad                            { padding: 10px; }                         
    12 body {
    13 table#title                        { margin: 0; padding: 0; height: 100px; background-color: #90B0D0; text-align: center; }
    13   /* color added in 1.0.2 to fix light text in dark desktop themes */ 
    14 table.simple-layout td#mainhead    { margin: 0; padding: 0; background-color: #90B0D0; text-align: center; }
    14   color: #202020;
    15 table.simple-layout td#mainhead h1 { margin: 15px 0; padding: 0; font-size: 14pt; }
    15   margin: 0;
       
    16   padding: 0;
       
    17   background: url(../images/bleu/bg.png);
       
    18   font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
       
    19   font-size: 9pt;
       
    20 }
       
    21 
       
    22 body#tinymce {
       
    23   background-color: white;
       
    24   background-image: none;
       
    25 }
       
    26 
       
    27 .holder {
       
    28   border: 1px solid #CCCCCC;
       
    29   padding: 1px;
       
    30   background-color: #FFFFFF;
       
    31   color: #444444
       
    32 }
       
    33 
       
    34 div.pad {
       
    35   padding: 10px;
       
    36 }
       
    37 
       
    38 table#title {
       
    39   margin: 0;
       
    40   padding: 0;
       
    41   height: 100px;
       
    42   background-color: #90B0D0;
       
    43   text-align: center;
       
    44 }
       
    45 
       
    46 table.simple-layout td#mainhead {
       
    47   margin: 0;
       
    48   padding: 0;
       
    49   background-color: #90B0D0;
       
    50   text-align: center;
       
    51 }
       
    52 
       
    53 table.simple-layout td#mainhead h1 {
       
    54   margin: 15px 0;
       
    55   padding: 0;
       
    56   font-size: 14pt;
       
    57 }
    16 
    58 
    17 /* Sidebar */
    59 /* Sidebar */
    18 td.mdgSidebarHolder                { width: 140px; }
    60 td.mdgSidebarHolder {
    19 div.sidebar, .dbx-group            { width: 138px; background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px; }
    61   width: 140px;
    20 div.sidebar .head, .dbx-handle             { background-color: #F0F0F0;  display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #111; padding: 5px; font-weight: bold; }
    62 }
    21 div.sidebar .head:hover, .dbx-handle:hover { background-color: #F4F4F4;  display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #111; padding: 5px; font-weight: bold; }
    63 
    22 div.sidebar div.slideblock a, .dbx-content li             { background-color: #DDD;     display: block; margin: 0px 1px; border-bottom: 1px solid #FFF; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #666; padding: 5px 5px 5px 9px; list-style-type: none; }
    64 div.sidebar, .dbx-group {
    23 div.sidebar div.slideblock a:hover, .dbx-content li:hover { background-color: #EEE;     display: block; margin: 0px 1px; border-bottom: 1px solid #FFF; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #666; padding: 5px 5px 5px 9px; }
    65   width: 138px;
    24 div.recttop                        { width: 140px; height: 12px; margin: 0; padding: 0; }
    66   background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px;
    25 td.recttoptop                      { width: 100%;  height: 12px; background-image: url(../images/bleu/border-menu-t.gif);   background-repeat: repeat-x;  margin: 0; padding: 0; }
    67 }
    26 td.recttoptop:hover                { width: 100%;  height: 12px; background-image: url(../images/bleu/border-menu-t-h.gif); background-repeat: repeat-x;  margin: 0; padding: 0; cursor: pointer; }
    68 
    27 div.rectbot                        { width: 140px; height: 12px; margin: 0; padding: 0; }  
    69 div.sidebar .head, .dbx-handle {
    28 td.rectbottop                      { width: 100%;  height: 12px; background-image: url(../images/bleu/border-btm.gif); background-repeat: repeat-x;  margin: 0; padding: 0; }
    70   background-color: #F0F0F0;
    29 div.slideblock, .dbx-content       { overflow: hidden; background-color: #DDD; }
    71   display: block;
    30 div.slideblock2                    { overflow: hidden; background-color: #DDD; margin: 0px 1px 0px 1px; border-bottom: 1px solid #FFF; }
    72   margin: 0px 1px 1px 1px;
    31 .dbx-handle                        { cursor: move !important; }
    73   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
       
    74   font-size: 7pt;
       
    75   cursor: pointer;
       
    76   text-decoration: none;
       
    77   color: #111;
       
    78   padding: 5px;
       
    79   font-weight: bold;
       
    80 }
       
    81 
       
    82 div.sidebar .head:hover, .dbx-handle:hover {
       
    83   background-color: #F4F4F4;
       
    84   display: block;
       
    85   margin: 0px 1px 1px 1px;
       
    86   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
       
    87   font-size: 7pt;
       
    88   cursor: pointer;
       
    89   text-decoration: none;
       
    90   color: #111;
       
    91   padding: 5px;
       
    92   font-weight: bold;
       
    93 }
       
    94 
       
    95 div.sidebar div.slideblock a, .dbx-content li {
       
    96   background-color: #DDD;
       
    97   display: block;
       
    98   margin: 0px 1px;
       
    99   border-bottom: 1px solid #FFF;
       
   100   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
       
   101   font-size: 7pt;
       
   102   cursor: pointer;
       
   103   text-decoration: none;
       
   104   color: #666;
       
   105   padding: 5px 5px 5px 9px;
       
   106   list-style-type: none;
       
   107 }
       
   108 
       
   109 div.sidebar div.slideblock a:hover, .dbx-content li:hover {
       
   110   background-color: #EEE;
       
   111   display: block;
       
   112   margin: 0px 1px;
       
   113   border-bottom: 1px solid #FFF;
       
   114   font-family: Trebuchet MS, Arial, helvetica, sans-serif;
       
   115   font-size: 7pt;
       
   116   cursor: pointer;
       
   117   text-decoration: none;
       
   118   color: #666;
       
   119   padding: 5px 5px 5px 9px;
       
   120 }
       
   121 
       
   122 div.recttop {
       
   123   width: 140px;
       
   124   height: 12px;
       
   125   margin: 0;
       
   126   padding: 0;
       
   127 }
       
   128 
       
   129 td.recttoptop {
       
   130   width: 100%;
       
   131   height: 12px;
       
   132   background-image: url(../images/bleu/border-menu-t.gif);
       
   133   background-repeat: repeat-x;
       
   134   margin: 0;
       
   135   padding: 0;
       
   136 }
       
   137 
       
   138 td.recttoptop:hover {
       
   139   width: 100%;
       
   140   height: 12px;
       
   141   background-image: url(../images/bleu/border-menu-t-h.gif);
       
   142   background-repeat: repeat-x;
       
   143   margin: 0;
       
   144   padding: 0;
       
   145   cursor: pointer;
       
   146 }
       
   147 
       
   148 div.rectbot {
       
   149   width: 140px;
       
   150   height: 12px;
       
   151   margin: 0;
       
   152   padding: 0;
       
   153 }
       
   154 
       
   155 td.rectbottop {
       
   156   width: 100%;
       
   157   height: 12px;
       
   158   background-image: url(../images/bleu/border-btm.gif);
       
   159   background-repeat: repeat-x;
       
   160   margin: 0;
       
   161   padding: 0;
       
   162 }
       
   163 
       
   164 div.slideblock, .dbx-content {
       
   165   overflow: hidden;
       
   166   background-color: #DDD;
       
   167 }
       
   168 
       
   169 div.slideblock2 {
       
   170   overflow: hidden;
       
   171   background-color: #DDD;
       
   172   margin: 0px 1px 0px 1px;
       
   173   border-bottom: 1px solid #FFF;
       
   174 }
       
   175 
       
   176 .dbx-handle {
       
   177   cursor: move !important;
       
   178 }
    32 
   179 
    33 /* The credits thingy at the bottom */
   180 /* The credits thingy at the bottom */
    34 div#credits                        { margin: 0; padding: 10px; padding-bottom: 0px; padding-top: 12px; background-color: #E8E8E8; color: #AAA; font-size: 7pt; font-family: lucida grande, verdana, arial, sans-serif; }
   181 div#credits { margin: 0; padding: 10px; padding-bottom: 0px; padding-top: 12px; background-color: #E8E8E8; color: #AAA; font-size: 7pt; font-family: lucida grande, verdana, arial, sans-serif; }
    35 div#credits a                      { color: #90B0D0; text-decoration: none; }
   182 div#credits a { color: #90B0D0; text-decoration: none; }
    36 div#credits a:hover                { color: #80A0C0; text-decoration: underline; }
   183 div#credits a:hover { color: #80A0C0; text-decoration: underline; }
    37 
   184 
    38 /* The link hidden in plain "site" at the top of the page */
   185 /* The link hidden in plain "site" at the top of the page */
    39 td#mainhead a                      { text-decoration: none; color: #000000; }
   186 td#mainhead a { text-decoration: none; color: #000000; }
    40 td#mainhead a:hover                { text-decoration: none; color: #000000; border-bottom: 1px dotted #406080; }
   187 td#mainhead a:hover { text-decoration: none; color: #000000; border-bottom: 1px dotted #406080; }
    41 
   188 
    42 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */
   189 /* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) */
    43 div.contentDiv h2                                                                    { border-bottom: 1px solid #90B0D0; margin-bottom: 0; }
   190 div.contentDiv h2 {
    44 div.contentDiv h3                                                                    { font-size: 11pt; font-weight: bold; }
   191   border-bottom: 1px solid #90B0D0;
    45 div.contentDiv ul li                     , div#messageBox ul li                      { list-style: url(../images/bleu/bullet.gif); }
   192   margin-bottom: 0;
    46 div.contentDiv p                         , div#messageBox p                          { margin-left: 1.0em; }
   193 }
    47 table.simple-layout div.contentDiv p                                                 { margin-left: 0em; }
   194 
    48 div.contentDiv blockquote                , div#messageBox blockquote                 { background-color: #F4F4F4; border: 1px dotted #406080; margin: 1em; padding: 10px; max-height: 250px; overflow: auto; }
   195 div.contentDiv h3 {
    49 div.contentDiv                           , div#messageBox                            { font-size: 9pt; }
   196   font-size: 11pt;
    50 div.contentDiv a                         , div#messageBox a                          { color: #7090B0; }
   197   font-weight: bold;
    51 div.contentDiv a:hover                   , div#messageBox a:hover                    { color: #90B0D0; }
   198 }
    52 div.contentDiv a[href ^="http://"]       , div#messageBox a[href ^="http://"]        { color: #80A0C0; background: url(../images/bleu/external.gif) center right no-repeat; padding-right: 16px; }
   199 
    53 div.contentDiv a[href ^="https://"]      , div#messageBox a[href ^="https://"]       { color: #80A0C0; background: url(../images/bleu/https.gif)    center right no-repeat; padding-right: 16px; }
   200 div.contentDiv ul li, div#messageBox ul li {
    54 div.contentDiv a[href ^="mailto:"]       , div#messageBox a[href ^="mailto:"]        { color: #80A0C0; background: url(../images/bleu/email.gif)    center right no-repeat; padding-right: 16px; }
   201   list-style: url(../images/bleu/bullet.gif);
    55 div.contentDiv a[href ^="irc://"]        , div#messageBox a[href ^="irc://"]         { color: #80A0C0; background: url(../images/bleu/irc.gif)      center right no-repeat; padding-right: 16px; }
   202 }
    56 div.contentDiv a[href ^="http://"]:hover , div#messageBox a[href ^="http://"]:hover  { color: #A0C0E0; background: url(../images/bleu/external.gif) center right no-repeat; padding-right: 16px; }
   203 
    57 div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover { color: #A0C0E0; background: url(../images/bleu/https.gif)    center right no-repeat; padding-right: 16px; }
   204 div.contentDiv p, div#messageBox p {
    58 div.contentDiv a[href ^="mailto:"]:hover , div#messageBox a[href ^="mailto:"]:hover  { color: #A0C0E0; background: url(../images/bleu/email.gif)    center right no-repeat; padding-right: 16px; }
   205   margin-left: 1.0em;
    59 div.contentDiv a[href ^="irc://"]:hover  , div#messageBox a[href ^="irc://"]:hover   { color: #A0C0E0; background: url(../images/bleu/irc.gif)      center right no-repeat; padding-right: 16px; }
   206 }
       
   207 
       
   208 table.simple-layout div.contentDiv p {
       
   209   margin-left: 0em;
       
   210 }
       
   211 
       
   212 div.contentDiv blockquote, div#messageBox blockquote {
       
   213   background-color: #F4F4F4;
       
   214   border: 1px dotted #406080;
       
   215   margin: 1em;
       
   216   padding: 10px;
       
   217   max-height: 250px;
       
   218   overflow: auto;
       
   219 }
       
   220 
       
   221 div.contentDiv, div#messageBox {
       
   222   font-size: 9pt;
       
   223 }
       
   224 
       
   225 div.contentDiv a, div#messageBox a {
       
   226   color: #7090B0;
       
   227 }
       
   228 
       
   229 div.contentDiv a:hover, div#messageBox a:hover {
       
   230   color: #90B0D0;
       
   231 }
       
   232 
       
   233 div.contentDiv a[href ^="http://"], div#messageBox a[href ^="http://"] {
       
   234   color: #80A0C0;
       
   235   background: url(../images/bleu/external.gif) center right no-repeat;
       
   236   padding-right: 16px;
       
   237 }
       
   238 
       
   239 div.contentDiv a[href ^="https://"], div#messageBox a[href ^="https://"] {
       
   240   color: #80A0C0;
       
   241   background: url(../images/bleu/https.gif)    center right no-repeat;
       
   242   padding-right: 16px;
       
   243 }
       
   244 
       
   245 div.contentDiv a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] {
       
   246   color: #80A0C0;
       
   247   background: url(../images/bleu/email.gif)    center right no-repeat;
       
   248   padding-right: 16px;
       
   249 }
       
   250 
       
   251 div.contentDiv a[href ^="irc://"], div#messageBox a[href ^="irc://"] {
       
   252   color: #80A0C0;
       
   253   background: url(../images/bleu/irc.gif)      center right no-repeat;
       
   254   padding-right: 16px;
       
   255 }
       
   256 
       
   257 div.contentDiv a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover {
       
   258   color: #A0C0E0;
       
   259   background: url(../images/bleu/external.gif) center right no-repeat;
       
   260   padding-right: 16px;
       
   261 }
       
   262 
       
   263 div.contentDiv a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover {
       
   264   color: #A0C0E0;
       
   265   background: url(../images/bleu/https.gif)    center right no-repeat;
       
   266   padding-right: 16px;
       
   267 }
       
   268 
       
   269 div.contentDiv a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover {
       
   270   color: #A0C0E0;
       
   271   background: url(../images/bleu/email.gif)    center right no-repeat;
       
   272   padding-right: 16px;
       
   273 }
       
   274 
       
   275 div.contentDiv a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover {
       
   276   color: #A0C0E0;
       
   277   background: url(../images/bleu/irc.gif)      center right no-repeat;
       
   278   padding-right: 16px;
       
   279 }
    60 
   280 
    61 /* Wikilinks to pages that don't exist */
   281 /* Wikilinks to pages that don't exist */
    62 div.contentDiv a.wikilink-nonexistent       { color: #B05020; }
   282 div.contentDiv a.wikilink-nonexistent {
    63 div.contentDiv a.wikilink-nonexistent:hover { color: #D06030; }
   283   color: #B05020;
       
   284 }
       
   285 
       
   286 div.contentDiv a.wikilink-nonexistent:hover {
       
   287   color: #D06030;
       
   288 }
    64 
   289 
    65 /* Well, not Midget and not comments (usually), but that's what the class is called ;-). Basically an informational window or used as a wrapper for tables. */
   290 /* Well, not Midget and not comments (usually), but that's what the class is called ;-). Basically an informational window or used as a wrapper for tables. */
    66 .mdg-comment, .mdg-infobox        { margin-left: 1em; padding: 7px; border: 1px solid #AAAAAA; background-color: #E8E8E8; }
   291 .mdg-comment, .mdg-infobox {
    67 
   292   margin-left: 1em;
    68 .tblholder                        { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; }
   293   padding: 7px;
       
   294   border: 1px solid #AAAAAA;
       
   295   background-color: #E8E8E8;
       
   296 }
       
   297 
       
   298 .tblholder {
       
   299   margin: 10px 0 0 0;
       
   300   padding: 0;
       
   301   border: 1px solid #AAAAAA;
       
   302   background-color: #E8E8E8;
       
   303 }
    69 
   304 
    70 /* The beautiful tables inside what may not obviously be mdg-comment divs */
   305 /* The beautiful tables inside what may not obviously be mdg-comment divs */
    71 div.tblholder td.row1             { padding: 4px; background-color: #E0E0E0; }
   306 div.tblholder td.row1 {
    72 div.tblholder td.row2             { padding: 4px; background-color: #F0F0F0; }
   307   padding: 4px;
    73 div.tblholder td.row3             { padding: 4px; background-color: #E8E8E8; }
   308   background-color: #E0E0E0;
    74 div.tblholder th                  { padding: 4px; background-color: #7080A0; font-weight: bold; text-align: center; color: #FFFFFF; }
   309 }
    75 div.tblholder th.subhead          { padding: 4px; background-color: #90A0B0; font-weight: bold; text-align: center; color: #FFFFFF; }
   310 
    76 div.tblholder table               { background-color: #FFFFFF; width: 100%; }
   311 div.tblholder td.row2 {
       
   312   padding: 4px;
       
   313   background-color: #F0F0F0;
       
   314 }
       
   315 
       
   316 div.tblholder td.row3 {
       
   317   padding: 4px;
       
   318   background-color: #E8E8E8;
       
   319 }
       
   320 
       
   321 div.tblholder th {
       
   322   padding: 4px;
       
   323   background-color: #7080A0;
       
   324   font-weight: bold;
       
   325   text-align: center;
       
   326   color: #FFFFFF;
       
   327 }
       
   328 
       
   329 div.tblholder th.subhead {
       
   330   padding: 4px;
       
   331   background-color: #90A0B0;
       
   332   font-weight: bold;
       
   333   text-align: center;
       
   334   color: #FFFFFF;
       
   335 }
       
   336 
       
   337 div.tblholder table {
       
   338   background-color: #FFFFFF;
       
   339   width: 100%;
       
   340 }
    77 
   341 
    78 /* Colored table cells */
   342 /* Colored table cells */
    79 div.tblholder td.row1_red         { padding: 4px; background-color: #F8E0E0; }
   343 div.tblholder td.row1_red {
    80 div.tblholder td.row2_red         { padding: 4px; background-color: #FFF0F0; }
   344   padding: 4px;
    81 div.tblholder td.row3_red         { padding: 4px; background-color: #FFE8E8; }
   345   background-color: #F8E0E0;
    82 div.tblholder td.row1_green       { padding: 4px; background-color: #E0F8E0; }
   346 }
    83 div.tblholder td.row2_green       { padding: 4px; background-color: #F0FFF0; }
   347 
    84 div.tblholder td.row3_green       { padding: 4px; background-color: #E8FFE8; }
   348 div.tblholder td.row2_red {
       
   349   padding: 4px;
       
   350   background-color: #FFF0F0;
       
   351 }
       
   352 
       
   353 div.tblholder td.row3_red {
       
   354   padding: 4px;
       
   355   background-color: #FFE8E8;
       
   356 }
       
   357 
       
   358 div.tblholder td.row1_green {
       
   359   padding: 4px;
       
   360   background-color: #E0F8E0;
       
   361 }
       
   362 
       
   363 div.tblholder td.row2_green {
       
   364   padding: 4px;
       
   365   background-color: #F0FFF0;
       
   366 }
       
   367 
       
   368 div.tblholder td.row3_green {
       
   369   padding: 4px;
       
   370   background-color: #E8FFE8;
       
   371 }
    85 
   372 
    86 div.tblholder th a {
   373 div.tblholder th a {
    87   color: #FFFFFF !important;
   374   color: #FFFFFF !important;
    88   text-decoration: underline !important;
   375   text-decoration: underline !important;
    89 }
   376 }
    90 
   377 
    91 div.tblholder th a:hover {
   378 div.tblholder th a:hover {
    92   color: #FFFF00 !important;
   379   color: #FFFF00 !important;
    93   text-decoration: underline !important;
   380   text-decoration: underline !important;
    94 }
   381 }
    95 
       
    96 /* The "page tools" bar below the site logo but above the page content 
       
    97 div.pagebar                       { background-color: #B0D0F0; margin-top: 0px; padding: 3px; font-size: 7pt; }
       
    98 div.pagebar a                     { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #406080; }
       
    99 div.pagebar a.selected            { background-color: #FFFFFF; color: #000040; font-weight: bold; }
       
   100 div.pagebar a:hover               { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #406080; background-color: #D0F0FF; }
       
   101 div.pagebar input                 { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #406080; background-color: #E0F0FF; } 
       
   102 div.pagebar input:hover           { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #406080; background-color: #D0F0FF; }
       
   103 div.pagebar input:focus           { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #406080; background-color: #F0F0FF; }
       
   104 */
       
   105 
   382 
   106 /*
   383 /*
   107  * jBox menu system
   384  * jBox menu system
   108  */
   385  */
   109 
   386 
   171   max-width: 70px;
   448   max-width: 70px;
   172 }
   449 }
   173 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 {
   450 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 {
   174   color: #000040;
   451   color: #000040;
   175   background-color: #FFFFFF;
   452   background-color: #FFFFFF;
   176   /*
       
   177   Some people like this. Most people don't.
       
   178   -moz-border-radius: 5px 5px 0 0;
       
   179   */
       
   180 }
   453 }
   181 div.menu ul, div.menu_nojs ul {
   454 div.menu ul, div.menu_nojs ul {
   182   display: none;
   455   display: none;
   183   position: absolute;
   456   position: absolute;
   184   padding: 0;
   457   padding: 0;
   185   margin: 0 !important;
   458   margin: 0 !important;
   186   background-color: #B0D0F0;
   459   background-color: #B0D0F0;
   187   border-width: 0;
   460   border-width: 0;
   188   min-width: 120px;
   461   min-width: 120px;
   189 }
   462 }
   190 /*
       
   191 div.menu_nojs ul {
       
   192   display: block;
       
   193   padding: 0;
       
   194   margin: 0 0 0 1em;
       
   195   background-color: #B0D0F0;
       
   196   border-width: 0;
       
   197   min-width: 120px;
       
   198 }
       
   199 */
       
   200 div.menu ul li, div.menu_nojs ul li {
   463 div.menu ul li, div.menu_nojs ul li {
   201   list-style: none;
   464   list-style: none;
   202 }
   465 }
   203 div.menu ul a, div.menu_nojs ul a {
   466 div.menu ul a, div.menu_nojs ul a {
   204   float: none;
   467   float: none;
   236 td.mdg-menu-bl                    { width: 12px; height: 12px;     background: url(../images/bleu/border-bl.gif);    }
   499 td.mdg-menu-bl                    { width: 12px; height: 12px;     background: url(../images/bleu/border-bl.gif);    }
   237 td.mdg-menu-br                    { width: 12px; height: 12px;     background: url(../images/bleu/border-br.gif);    }
   500 td.mdg-menu-br                    { width: 12px; height: 12px;     background: url(../images/bleu/border-br.gif);    }
   238 td.mdg-menu-btm                   {              height: 12px;     background: url(../images/bleu/border-btm.gif);   }
   501 td.mdg-menu-btm                   {              height: 12px;     background: url(../images/bleu/border-btm.gif);   }
   239 
   502 
   240 /* Buttons and textboxes - these settings are used almost everywhere */
   503 /* Buttons and textboxes - these settings are used almost everywhere */
   241 input, textarea, select, button           { border: 1px solid #406080; background-color: #F2F2F2; padding: 3px; font-family: arial, helvetica, sans-serif; font-size: 8pt; }
   504 input, textarea, select, button {
   242 input:hover, textarea:hover, select:hover { border: 1px solid #6080A0; background-color: #F8F8F8; padding: 3px; }
   505   border: 1px solid #406080;
   243 input:focus, textarea:focus, select:focus { border: 1px solid #90B0D0; background-color: #FFFFFF; padding: 3px; }
   506   background-color: #F2F2F2;
   244 label                                     { padding: 3px; cursor: pointer; font-family: arial, helvetica, sans-serif; font-size: 8pt; }
   507   padding: 3px;
   245 label:hover                               { padding: 3px; cursor: pointer; background-color: #F0F0F0; }
   508   font-family: arial, helvetica, sans-serif;
   246 input#pageheading                         { font-size: 14pt; border-bottom: 1px solid #90B0D0; margin-bottom: 0; }
   509   font-size: 8pt;
       
   510 }
       
   511 
       
   512 input:hover, textarea:hover, select:hover {
       
   513   border: 1px solid #6080A0;
       
   514   background-color: #F8F8F8;
       
   515   padding: 3px;
       
   516 }
       
   517 
       
   518 input:focus, textarea:focus, select:focus {
       
   519   border: 1px solid #90B0D0;
       
   520   background-color: #FFFFFF;
       
   521   padding: 3px;
       
   522 }
       
   523 
       
   524 label {
       
   525   padding: 3px;
       
   526   cursor: pointer;
       
   527   font-family: arial, helvetica, sans-serif;
       
   528   font-size: 8pt;
       
   529 }
       
   530 
       
   531 label:hover {
       
   532   padding: 3px;
       
   533   cursor: pointer;
       
   534   background-color: #F0F0F0;
       
   535 }
       
   536 
       
   537 input#pageheading {
       
   538   font-size: 14pt;
       
   539   border-bottom: 1px solid #90B0D0;
       
   540   margin-bottom: 0;
       
   541 }
   247 
   542 
   248 input[type ^="button"], input[type ^="submit"], button {
   543 input[type ^="button"], input[type ^="submit"], button {
   249   background-image: url(../images/buttonbg.gif);
   544   background-image: url(../images/buttonbg.gif);
   250   background-repeat: repeat-x;
   545   background-repeat: repeat-x;
   251   color: #202020;
   546   color: #202020;
   260   color: #808080 !important;
   555   color: #808080 !important;
   261   background-image: none !important;
   556   background-image: none !important;
   262   background-color: #e0e0e0 !important;
   557   background-color: #e0e0e0 !important;
   263 }
   558 }
   264 
   559 
   265 /* JWS window theming */
       
   266 div.jswindow                      { border: 2px solid #7090B0; border-top: 5px solid #7090B0; padding: 0px; font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; display: none; position: absolute; background-color: #FFFFFF; }
       
   267 div.titlebar                      { background-color: #7090B0; color: #FFFFFF; font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; padding-bottom: 4px; cursor: default; }
       
   268 div.titlebar div.closebtn         { width: 16px; height: 16px; border: 1px solid #B0D0F0; background-color: #90B0D0; display: block; }
       
   269 div.titlebar div.closebtn:hover   { width: 16px; height: 16px; border: 1px solid #FFFFFF; background-color: #B0D0F0; display: block; }
       
   270 div.titlebar table, div.titlebar td { margin: 0; padding: 0; }
       
   271 div.jswindow div.content          { padding: 10px; margin: 0; background-color: #FFFFFF; }
       
   272 
       
   273 /* The Wordpress-like fills behind checkboxes and their labels */
   560 /* The Wordpress-like fills behind checkboxes and their labels */
   274 .catCheck                         { padding: 3px; }
   561 .catCheck {
   275 .catCheck:hover                   { padding: 3px; background-color: #F0F0F0; }
   562   padding: 3px;
       
   563 }
       
   564 
       
   565 .catCheck:hover {
       
   566   padding: 3px;
       
   567   background-color: #F0F0F0;
       
   568 }
   276 
   569 
   277 /* Information, warning, question, error, and wait boxes */
   570 /* Information, warning, question, error, and wait boxes */
   278 div.error-box                     { background-image: url(../../../images/error.png);    background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFF4F4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 0.5em 0 0 0; min-height: 25px; }
   571 div.error-box {
   279 div.info-box                      { background-image: url(../../../images/info.png);     background-position: 8px 8px; background-repeat: no-repeat; background-color: #F4F4FF; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 0.5em 0 0 0; min-height: 25px; }
   572   background-image: url(../../../images/error.png);
   280 div.warning-box                   { background-image: url(../../../images/warning.png);  background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFFFF4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 0.5em 0 0 0; min-height: 25px; }
   573   background-position: 8px 8px;
   281 div.question-box                  { background-image: url(../../../images/question.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 0.5em 0 0 0; min-height: 25px; }
   574   background-repeat: no-repeat;
   282 div.wait-box                      { background-image: url(../../../images/wait.png);     background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFF4FF; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 0.5em 0 0 0; min-height: 25px; }
   575   background-color: #FFF4F4;
       
   576   border: 1px dashed #406080;
       
   577   padding: 10px 10px 10px 50px;
       
   578   margin: 0.5em 0 0 0;
       
   579   min-height: 25px;
       
   580 }
       
   581 
       
   582 div.info-box {
       
   583   background-image: url(../../../images/info.png);
       
   584   background-position: 8px 8px;
       
   585   background-repeat: no-repeat;
       
   586   background-color: #F4F4FF;
       
   587   border: 1px dashed #406080;
       
   588   padding: 10px 10px 10px 50px;
       
   589   margin: 0.5em 0 0 0;
       
   590   min-height: 25px;
       
   591 }
       
   592 
       
   593 div.warning-box {
       
   594   background-image: url(../../../images/warning.png);
       
   595   background-position: 8px 8px;
       
   596   background-repeat: no-repeat;
       
   597   background-color: #FFFFF4;
       
   598   border: 1px dashed #406080;
       
   599   padding: 10px 10px 10px 50px;
       
   600   margin: 0.5em 0 0 0;
       
   601   min-height: 25px;
       
   602 }
       
   603 
       
   604 div.question-box {
       
   605   background-image: url(../../../images/question.png);
       
   606   background-position: 8px 8px;
       
   607   background-repeat: no-repeat;
       
   608   background-color: #F4FFF4;
       
   609   border: 1px dashed #406080;
       
   610   padding: 10px 10px 10px 50px;
       
   611   margin: 0.5em 0 0 0;
       
   612   min-height: 25px;
       
   613 }
       
   614 
       
   615 div.wait-box {
       
   616   background-image: url(../../../images/wait.png);
       
   617   background-position: 8px 8px;
       
   618   background-repeat: no-repeat;
       
   619   background-color: #FFF4FF;
       
   620   border: 1px dashed #406080;
       
   621   padding: 10px 10px 10px 50px;
       
   622   margin: 0.5em 0 0 0;
       
   623   min-height: 25px;
       
   624 }
   283 
   625 
   284 /* This stuff is mostly unused, left in for compatibility */
   626 /* This stuff is mostly unused, left in for compatibility */
   285 div#ajaxEditContainer table       { border: 0px solid #FFFFFF; }
   627 div#ajaxEditContainer table {
   286 div#ajaxEditContainer td          { margin: 1px; }
   628   border: 0px solid #FFFFFF;
   287 /* div#ajaxEditContainer             { overflow: auto; } /* Makes ajaxEditContainer scroll horizontally in firefox if the content is too wide - prevents that ugly clipping effect */
   629 }
   288 div#ajaxEditContainer pre         { margin-left: 1em; background-color: #F8F8F8; border: 1px dashed #90B0D0; padding: 10px; overflow: auto; max-height: 150px; }
   630 
       
   631 div#ajaxEditContainer td {
       
   632   margin: 1px;
       
   633 }
       
   634 
       
   635 div#ajaxEditContainer pre {
       
   636   margin-left: 1em;
       
   637   background-color: #F8F8F8;
       
   638   border: 1px dashed #90B0D0;
       
   639   padding: 10px;
       
   640   overflow: auto;
       
   641   max-height: 150px;
       
   642 }
   289 
   643 
   290 /* toolbar */
   644 /* toolbar */
   291 div.toolbar {
   645 div.toolbar {
   292   border: 1px solid #3b619c;
   646   border: 1px solid #3b619c;
   293   background-color: #D0D0D0;
   647   background-color: #D0D0D0;
   306   margin: 0;
   660   margin: 0;
   307   float: left;
   661   float: left;
   308 }
   662 }
   309 div.toolbar a img {
   663 div.toolbar a img {
   310   opacity: 0.6;
   664   opacity: 0.6;
   311   /*filter: alpha(opacity=60);*/
       
   312 }
   665 }
   313 div.toolbar a:hover img, div.toolbar a:focus img {
   666 div.toolbar a:hover img, div.toolbar a:focus img {
   314   opacity: 1;
   667   opacity: 1;
   315   /*filter: alpha(opacity=100);*/
       
   316 }
   668 }
   317 div.toolbar a {
   669 div.toolbar a {
   318   display: block;
   670   display: block;
   319   padding: 2px;
   671   padding: 2px;
   320   border: 1px solid transparent;
   672   border: 1px solid transparent;