[Sommaire] [Imprimer]

   1  /**

   2   * Backoffice main Cascading Style Sheets definitions for Desert style.

   3   *

   4   * b2evolution - {@link http://b2evolution.net/}

   5   * Released under GNU GPL License - {@link http://b2evolution.net/about/license.html}

   6   * @copyright (c)2003-2005 by Francois PLANQUE - {@link http://fplanque.net/}

   7   *

   8   * @package admin

   9   */
  10  
  11  @import url(../../../../rsc/css/basic.css);            /* Import basic styles */
  12  @import url(../../../../rsc/css/img.css);              /* Import standard image styles */
  13  @import url(../../../../rsc/css/results.css);          /* Import results/tables styles */
  14  @import url(../../../../rsc/css/blog_elements.css);    /* Import standard blog elements styles */
  15  @import url(../../../../rsc/css/forms.css);            /* Import default form styles */
  16  @import url(../../../../rsc/css/comments.css);         /* Import default comment styles */
  17  @import url(../../../../rsc/css/fileman.css);          /* Import filemanager styles */
  18  @import url(../../../../rsc/css/admin.global.css);     /* Import basic admin styles */
  19  
  20  body {
  21      margin: 0;
  22      background-color: #fff;
  23      color: #000;
  24      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  25      font-size: 84%;
  26      background-image: url(../img/leftfade.png);
  27      background-repeat: repeat-y;
  28  }
  29  
  30  /* Titles */

  31  #TitleArea h1 {

  32      clear: both;
  33      margin: 1ex 0;
  34      padding: 1ex;
  35      font-family: Arial, Helvetica, sans-serif;
  36      color: #929292;
  37      font-size: 112%;
  38      font-weight:normal;
  39      background-color: #efede0;
  40      border: 1px solid #ddd;
  41  }
  42  h2 {
  43      margin-top: 0ex;
  44      margin-bottom: 1ex;
  45      font-size: 130%;
  46      background-color:#eee;
  47      padding: 1px;
  48  }
  49  h3 {
  50      font-size: 120%;
  51  }
  52  div.bSideItem h3,
  53  div.browse_side_item h3 {
  54      color: #929292;
  55      margin: .5ex 0;
  56  }
  57  div.panelinfo h3 {
  58      margin: 1ex 0;
  59      padding: 0;
  60  }
  61  h4 {
  62      font-size: 110%;
  63      margin-bottom: 1ex;
  64      color: #929292;
  65  }
  66  
  67  /* Form elements: */

  68  textarea,
  69  input,
  70  select {
  71      border: 1px solid #aaa;
  72      background-color: #f6f6f6;
  73      padding: 1px;
  74      margin: 1px;
  75      vertical-align: middle;
  76  }
  77  input.checkbox,
  78  input.radio {
  79      background-color: #fff;
  80      border: 0;
  81      padding: 0;
  82      margin: 0;
  83  }
  84  form.fform fieldset {
  85      border-color: #ddd;
  86  }
  87  form.fform fieldset.fieldset fieldset {
  88      border:transparent;
  89  }
  90  
  91  /* Links and buttons: */

  92  a {
  93      background-color: transparent;
  94      color: #008;
  95      text-decoration: none;
  96  }
  97  a:hover {
  98      color: #00b;
  99      text-decoration: underline;
 100  }
 101  a.CurrentBlog,
 102  a.OtherBlog,
 103  a.ActionButton,
 104  a.DeleteButton {
 105      color:#333;
 106      text-decoration: none;
 107      padding: 2px 1ex;
 108      border: 1px solid #aaa;
 109      white-space:nowrap;
 110  }
 111  a.CurrentBlog {
 112      font-weight: bold;
 113      background-image: url(../../../legacy/rsc/img/desert-button-2.gif);
 114      background-color: #fff;
 115      border: 1px solid #888;
 116  }
 117  a.CurrentBlog:hover {
 118      color: #000;
 119      text-decoration: underline;
 120      border: 1px solid #000;
 121  }
 122  a.OtherBlog,
 123  a.ActionButton,
 124  a.DeleteButton {
 125      background-color: #ddd;
 126  }
 127  a.OtherBlog {
 128      line-height: 3.5ex;
 129  }
 130  a.OtherBlog:hover,
 131  a.ActionButton:hover {
 132      color: #00b;
 133      text-decoration: underline;
 134      background-color: #fff;
 135      background-image: url(../../../legacy/rsc/img/desert-button-2.gif);
 136      border: 1px solid #00b;
 137  }
 138  a.DeleteButton:hover {
 139      color: #c00;
 140      text-decoration: underline;
 141      background-color: #fff;
 142      background-image: url(../../../legacy/rsc/img/desert-button-2.gif);
 143      border: 1px solid #c00;
 144  }
 145  a.PublishButton {
 146      color:#333;
 147      background-color: transparent;
 148      text-decoration: none;
 149      font-weight: bold;
 150      padding: 2px 1ex;
 151      background-image: url(../../../legacy/rsc/img/desert-button.gif);
 152      background-color: #ddd;
 153      border: 1px solid #ccc5aa;
 154      white-space:nowrap;
 155  }
 156  a.PublishButton:hover {
 157      color: #c00;
 158      text-decoration: underline;
 159      background-color: #fff;
 160      background-image: url(../../../legacy/rsc/img/desert-button-2.gif);
 161      border: 1px solid #c00;
 162  }
 163  
 164  input.search,
 165  input.ActionButton,
 166  input.SaveButton,
 167  input.DeleteButton,
 168  input.CancelButton,
 169  input.ResetButton,
 170  div.edit_actions input,
 171  div.PostActionsArea input {
 172      padding: 2px;
 173      margin: .5ex 1px;
 174      color:#333;
 175      background-color: #ddd;
 176      border: 1px solid #aaa;
 177  }
 178  div.edit_actions input,
 179  div.PostActionsArea input {
 180      margin: 1px 1px;
 181  }
 182  input.search:hover,
 183  input.ActionButton:hover,
 184  input.DeleteButton:hover,
 185  input.CancelButton:hover,
 186  div.edit_actions input:hover,
 187  div.PostActionsArea input:hover {
 188      color: #00b;
 189      text-decoration: underline;
 190      background-color: #fff;
 191      background-image: url(../../../legacy/rsc/img/desert-button-2.gif);
 192      border: 1px solid #00b;
 193  }
 194  
 195  input.SaveButton,
 196  input.DeleteButton,
 197  input.CancelButton,
 198  div.edit_actions input.SaveButton {
 199      font-weight: bold;
 200  }
 201  input.SaveButton:hover,
 202  input.DeleteButton:hover,
 203  input.ResetButton:hover,
 204  div.edit_actions input.SaveButton:hover,
 205  div.edit_actions input.DeleteButton:hover {
 206      color: #c00;
 207      border: 1px solid #c00;
 208  }
 209  
 210  
 211  /*

 212   * Page layout:

 213   */
 214  #header {

 215      font-size:85%;
 216      background: #fff url(../../../legacy/rsc/img/bg_grey.gif) repeat-x bottom;
 217      margin: 0;
 218  }
 219  
 220  #TitleArea {

 221      /* clear: both; */

 222      margin: 1ex 1em 1ex 1em;
 223      padding: .5ex;
 224      background-color: #eee;
 225      border: 1px solid #ddd; /* force moz to display float before */
 226  }
 227  
 228  #header h1 {

 229      margin: 0;
 230      padding: .5ex;
 231      font-size: 150%;
 232  }
 233  div#mainmenu {
 234      clear:left;
 235      float:left;
 236      width:12em;
 237      /* border:    1px solid #f0f; */

 238  }
 239  .panelbody {
 240      margin: 0 0 0 12em;
 241      padding: 0;
 242      /* border:    1px solid #f00; */

 243  }
 244  #payload {

 245      float:left;
 246      width: 100%;
 247      /* border:    1px solid #f00; */

 248  }
 249  div.action_messages /* Page top messages */
 250  {
 251      margin:1ex 1em;
 252  }
 253  .left_col {
 254      clear: both;
 255      vertical-align: top;
 256      float: left;
 257      width: 65%;
 258      /* border:    1px solid #f00; */

 259      margin: 1ex 0 0 0;
 260      padding: 0;
 261      overflow: hidden;
 262  }
 263  .right_col {
 264      /* border:    1px solid #f00; */

 265      width: 33%;
 266      vertical-align: top;
 267      float: right;
 268      margin: 1ex 0 0 0;
 269      padding: 0;
 270      overflow: hidden;
 271  }
 272  div.panelinfo {
 273      /* clear: both; */

 274      background-color: #efede0;
 275      border: 1px solid #ddd;
 276      padding: 0 1ex;
 277      margin: 1ex 1em;
 278  }
 279  div.tabbedpanelblock div.panelinfo {
 280      /* when embeded, no margin: */

 281      margin: 1ex 0;
 282  }
 283  div.panelinfo p {
 284      margin: 1ex 0;
 285      padding: 0;
 286  }
 287  div.panelblock {
 288      border: 1px solid #ddd;
 289      padding: 1ex;
 290      margin: 1ex 1em;
 291  }
 292  .footer {
 293      text-align: center;
 294      font-size: 74%;
 295      margin-top: 0ex;
 296      margin-bottom: 0ex;
 297      padding-bottom: 1ex;
 298      clear: both;
 299  }
 300  
 301  /* Main tabs: */

 302  #mainmenu ul{

 303      list-style: none;
 304      margin: .5ex;
 305      padding:0;
 306  }
 307  #mainmenu li{

 308      border: 1px solid #ddd;
 309      background: #fff;
 310      margin: .5ex;
 311      padding: 0;
 312  }
 313  #mainmenu li.current {

 314      border: 1px solid #008;
 315      background: #ddd;
 316      font-weight: bold;
 317  }
 318  #mainmenu li:hover,

 319  #mainmenu li.parent{

 320      border: 1px solid #00b;
 321      background: #f0f0f0;
 322      font-weight: bold;
 323  }
 324  #mainmenu li.parent ul.submenu li {

 325      font-weight:normal;
 326  }
 327  #mainmenu li a{ /* made mainmenu links clickable in whole li (at least with Mozilla) */

 328      display:block;
 329      padding:.5ex;
 330  }
 331  ul.tabs {
 332      margin:0;
 333      /* clear: both; */

 334      padding: 0 1em 0;
 335      list-style: none;
 336  }
 337  ul.tabs li {
 338      float:left;
 339      background:url(../../../legacy/rsc/img/tabs_left_grey.gif) no-repeat left top;
 340      margin:0;
 341      padding:0 0 0 9px;
 342      border-bottom:1px solid #929292;
 343  }
 344  ul.tabs li a {
 345      float:left;
 346      display:block;
 347      white-space:nowrap;
 348      background: url(../../../legacy/rsc/img/tabs_right_grey.gif) no-repeat right top;
 349      padding:4px 11px 3px 2px;
 350      text-decoration:none;
 351      color:#765;
 352  }
 353  /* Commented Backslash Hack: hides rule from IE5-Mac \*/

 354  ul.tabs li a {float:none;}
 355  /* End IE5-Mac hack */

 356  ul.tabs li a:hover {
 357      color:#33c;
 358      text-decoration: underline;        /* for IE */
 359  }
 360  ul.tabs li:hover {            /* Won't work in IE */
 361      background-position:0% -150px;
 362      color:#333;
 363  }
 364  ul.tabs li:hover a {            /* Won't work in IE */
 365      background-position:100% -150px;
 366      color:#33c;
 367      /* text-decoration: none; */

 368  }
 369  ul.tabs li.current {
 370      background-position:0% -150px;
 371      border-width:0;
 372  }
 373  ul.tabs li.current a {
 374      background-position:100% -150px;
 375      color:#333;
 376      padding-bottom:4px;
 377  }
 378  ul.tabs li.current a:hover {
 379      text-decoration: underline;
 380      color:#333;
 381  }
 382  
 383  /* Sub-tabs */

 384  ul.hack { /* fplanque: note: I'm not sure the hack is still needed now we have removed decimal ex paddings */
 385      margin:0;
 386      /* clear: both; */

 387      padding: 2px 1em 0;
 388      list-style: none;
 389  }
 390  ul.hack li {
 391      display: none;
 392  }
 393  div.pt
 394  {
 395      margin: 0 1em;
 396  }
 397  div.panelblocktabs
 398  {
 399      /* clear: both; */

 400      margin-top: 1ex;
 401      float:left;
 402      width:100%;
 403      background: url(../../../legacy/rsc/img/tabs_bg.gif) repeat-x bottom;
 404      font-size:85%;
 405      line-height:normal;
 406  }
 407  div.tabbedpanelblock {
 408      clear: both;
 409      border: 1px solid #929292;
 410      border-top: none;
 411      background-color: #fbfbfb;
 412      padding: 1ex 1em 1ex 1em;
 413      margin: 0 1em 2ex 1em;
 414  }
 415  div.tabbedpanelblock fieldset {
 416      border: 1px solid #ddd;
 417      margin: 0 0 1ex 0;
 418      background-color: #fff;
 419      padding: .5ex 1ex;
 420  }
 421  div.tabbedpanelblock fieldset fieldset {
 422      border: none;
 423  }
 424  
 425  /* browse/ Edit Screen: */

 426  table.browse {
 427      width: 100%;
 428  }
 429  td.browse_left_col {
 430      vertical-align:top;
 431      padding: 1ex 0 0 0;
 432  }
 433  td.browse_right_col {
 434      width: 19em;
 435      vertical-align:top;
 436      padding: 1ex 0 0 0;
 437  }
 438  .block_item {
 439      border: 1px solid #ddd;
 440      background-color: #fff;
 441      padding: 1ex;
 442      margin: 0 0 1em 0;
 443  }
 444  .browse_side_item {
 445      border: 1px solid #ddd;
 446      background-color: #fff;
 447      padding: 1ex;
 448      margin: 0 0 1em 1em;
 449  }
 450  
 451  div.NavBar {
 452      background-color: #eee;
 453      border: 1px solid #ddd;
 454      padding: 1ex;
 455      margin: 0 0 1ex 0;
 456  }
 457  div.NavBar table {
 458      width: 100%;
 459  }
 460  div.PostActionsArea,
 461  div.CommentActionsArea {
 462      clear: both;
 463      background-color: #eee;
 464      border-top: 1px solid #ddd;
 465      border-bottom: 1px solid #ddd;
 466      padding: 1ex;
 467      margin: 0;
 468  }
 469  
 470  div.bSideItem {
 471      border: 1px solid #ddd;
 472      padding: 1ex;
 473      margin: 0 1em 1ex 0;
 474  }
 475  
 476  .bSmallHead {
 477      font-size: 85%;
 478      padding: 1ex;
 479      margin: 0;
 480      color: #929292;
 481      border-bottom: 1px solid #ddd;
 482  }
 483  .bSmallHeadRight {
 484      float: right;
 485      text-align: right;
 486      padding-left: 1em; /* do not pad on text in .bSmallHead */
 487  }
 488  
 489  /* Post colors on browse page */

 490  div.bPost {
 491      clear: both;
 492      padding: 0;
 493      margin: 0 0 1ex 0;
 494  }
 495  div.bPostpublished {
 496      border: 1px solid #ddd;
 497      background-color: #fff;
 498  }
 499  .bPostpublished span.Status {
 500      color: #0b0;
 501  }
 502  .bPostprotected {
 503      border: 1px solid #fc9;
 504      background-color: #fff;
 505      /* background-color: #fff7e7; */

 506  }
 507  .bPostprotected span.Status {
 508      color: #ea0;
 509  }
 510  .bPostprotected > div.bSmallHead /* Direct child only */
 511  {
 512      border-bottom: 1px solid #fc9;
 513  }
 514  .bPostprivate {
 515      border: 1px solid #f99;
 516      background-color: #fff;
 517      /* background-color: #fee; */

 518  }
 519  .bPostprivate span.Status {
 520      color: #e00;
 521  }
 522  .bPostprivate > div.bSmallHead /* Direct child only */
 523  {
 524      border-bottom: 1px solid #f99;
 525  }
 526  .bPostdraft {
 527      border: 1px dashed #ccc;
 528      background-color: #f4f4f4;
 529  }
 530  .bPostdraft span.Status {
 531      color: #666;
 532  }
 533  .bPostdraft > div.bSmallHead /* Direct child only */
 534  {
 535      border-bottom: 1px dashed #ccc;
 536  }
 537  .bPostdeprecated {
 538      border: 1px dashed #000;
 539      background-color: #d8d8d8;
 540      color: #888;
 541  }
 542  .bPostdeprecated span.Status {
 543      color: #000;
 544  }
 545  .bPostdeprecated > div.bSmallHead /* Direct child only */
 546  {
 547      border-bottom: 1px dashed #000;
 548  }
 549  
 550  .bContent,
 551  .bCommentContent,
 552  .bFeedback {
 553      margin: 1ex;
 554  }
 555  .bTitle {
 556      font-weight: bold;
 557      margin: 0;
 558      padding: 0;
 559  }
 560  .bText {
 561      margin: 0;
 562      padding: 0;
 563  }
 564  a.permalink_right {
 565      margin: .3ex .3ex 0 0;
 566  }
 567  
 568  div.bComment, /* Entire comment block */
 569  form.bComment /* New comment form */
 570  {
 571      border: 1px solid #ddd;
 572      padding: 0;
 573      margin: 1ex;
 574  }
 575  
 576  .bSideItem ul,
 577  .browse_side_item ul,
 578  .right_col ul {
 579      margin-left: 0ex;
 580      padding-left: 0ex;
 581      margin-top: .5ex;
 582      margin-bottom: .5ex;
 583      list-style-type:none;
 584  }
 585  .bSideItem ul ul,
 586  .browse_side_item ul ul,
 587  .right_col ul ul {
 588      margin-left: 1ex;
 589      padding-left: 1ex;
 590  }
 591  
 592  input.SearchField {
 593      width: 96%;
 594      margin: .5ex auto 0 auto;
 595      padding: 2px;
 596  }
 597  
 598  
 599  /* Write/compose Screen */

 600  .left_col fieldset {
 601      border: 1px solid #ddd;
 602      margin: 0 0 1ex 1em;
 603      padding: 0 1ex 1ex 1ex;
 604  }
 605  
 606  .bSideItem fieldset div,
 607  .browse_side_item fieldset div {
 608      margin: 1ex 0ex;
 609  }
 610  
 611  .right_col fieldset {
 612      border: 1px solid #ddd;
 613      margin: 0 1em 1ex 0;
 614      padding: 0 1ex 1ex 1ex;
 615  }
 616  .bSideItem fieldset,
 617  .browse_side_item fieldset
 618  {
 619      margin: 1ex 0;
 620      clear: both;
 621  }
 622  
 623  fieldset.extracats {
 624      border: 1px solid #ddd;
 625      padding: 0 0 0 1ex;
 626      margin: 1ex 1em 1ex 0;
 627      overflow: visible;
 628  }
 629  fieldset.extracats div.extracats {
 630      /* border: 1px solid #f00; */

 631      height: 44ex;
 632      overflow: auto;
 633      padding: 0 1ex 0 0;
 634      margin: 0 0 0 0;
 635  }
 636  .extracatnote {
 637      /* display: block; */

 638      font-size: 80%;
 639      margin: 1ex 0;
 640      padding: 0;
 641      color: #999;
 642      /* border: 1px solid #f00; */

 643  }
 644  
 645  div.edit_toolbars {
 646      margin-top: 1ex;
 647      width: 100%;
 648      text-align: center;
 649  }
 650  div.edit_toolbar {
 651      background-color: #eee;
 652      border: 1px solid #ddd;
 653      padding: 1px;
 654      margin: 1px auto;
 655      width: 98%;
 656  }
 657  div.edit_toolbar input {
 658      color:#333;
 659      background-color: #fff;
 660      background-image: url(../../../legacy/rsc/img/desert-button-2.gif);
 661      border: 1px solid #bbb;
 662      margin: 0 1px;
 663  }
 664  div.edit_toolbar input:hover {
 665      color: #000;
 666      text-decoration: underline;
 667      border: 1px solid #000;
 668  }
 669  div.edit_area {
 670      width: 100%;
 671      text-align: center;
 672  }
 673  div.edit_area textarea,
 674  textarea.bComment {
 675      width: 98%;
 676      margin: 0 auto;
 677  }
 678  div.edit_actions {
 679      background-color: #eee;
 680      border: 1px solid #ddd;
 681      padding: 1px;
 682      margin: 1ex auto;
 683      width: 98%;
 684      text-align: center;
 685  }
 686  
 687  /* User rights: */

 688  span.checkall,
 689  th.checkright {
 690      font-size: 84%;
 691  }