[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  @import url(../../../../rsc/css/basic.css);            /* Import basic styles */
  11  @import url(../../../../rsc/css/img.css);              /* Import standard image styles */
  12  @import url(../../../../rsc/css/results.css);          /* Import results/tables styles */
  13  @import url(../../../../rsc/css/blog_elements.css);    /* Import standard blog elements styles */
  14  @import url(../../../../rsc/css/forms.css);            /* Import default form styles */
  15  @import url(../../../../rsc/css/comments.css);         /* Import default comment styles */
  16  @import url(../../../../rsc/css/fileman.css);          /* Import filemanager styles */
  17  @import url(../../../../rsc/css/admin.global.css);     /* Import basic admin styles */
  18  
  19  body {
  20      margin: 0;
  21      padding: 0;
  22      background-color: #ced8de;
  23      color: #000;
  24      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  25      font-size: 84%;
  26  }
  27  
  28  .wrapper {
  29      background: #fff url(../img/foot24.png) repeat-x bottom;
  30      padding-top: 10px;
  31  }
  32  
  33  /*

  34   * General styles

  35   */
  36  a {
  37      color: #00a;
  38      text-decoration: none;
  39  }
  40  a:hover {
  41      text-decoration: underline;
  42  }
  43  
  44  
  45  /*

  46   * Main menu

  47   */
  48  #mainmenu {

  49      margin: 0;
  50      border-top: 1px solid #fafafa;
  51      background: url(../img/bluebar_shadow.gif) repeat-x bottom;
  52      padding: 0px 0 4px 0;
  53      font-size: 92%;
  54  }
  55  #mainmenu ul {

  56      background: #9db0bc url(../img/bluebar24.png) repeat-x 1px;
  57      margin: 0;
  58      padding: 0 14px;
  59      height: 23px;
  60  }
  61  
  62  /*

  63   * Blog list menu

  64   */
  65  #coll_list {

  66      clear: both;
  67      background: url(../img/whitebar_shadow.gif) repeat-x bottom;
  68      padding: 0 0 5px 0;
  69      font-size: 92%;
  70  }
  71  #coll_list ul {

  72      background: #9f9f9f url(../img/whitebar24.png) repeat-x 1px;
  73      margin: 0;
  74      padding: 0 14px;
  75      height: 23px;
  76  }
  77  
  78  #mainmenu li,

  79  #coll_list li {

  80      list-style: none;
  81      float: left;
  82      height: 21px;
  83  }
  84  
  85  #mainmenu li a,

  86  #coll_list li a {

  87      float: left; /* This line needed by IE6, not necessary for IE7 */
  88      display: block;
  89      height: 15px;
  90      padding: 4px 9px;
  91      color: #000;
  92      font-weight: bold;
  93  }
  94  #mainmenu li a:hover,

  95  #coll_list li a:hover,

  96  #mainmenu li a:active,

  97  #coll_list li a:active,

  98  #mainmenu li.current a,

  99  #coll_list li.current a {

 100      padding: 3px 8px;
 101      background-color: #4982b2;
 102      color: #fff;
 103      background-image: url(../img/bar_selected24.png);
 104      background-repeat: repeat-x;
 105      background-position: top;
 106      border: 1px solid #205e95;
 107  }
 108  
 109  
 110  /*

 111   * Main area layout:

 112   */
 113  .panelbody {
 114      margin: 0;
 115      padding: 0;
 116      /* border:    1px solid #f00; */

 117  }
 118  .left_col {
 119      clear: both;
 120      vertical-align: top;
 121      float: left;
 122      width: 65.5%;
 123      /* border:    1px solid #f00;*/

 124      margin: 0;
 125      padding: 0;
 126      overflow: hidden;
 127  }
 128  .right_col {
 129      /* border:    1px solid #f00; */

 130      width: 33%;
 131      vertical-align: top;
 132      float: right;
 133      margin: 0;
 134      padding: 0;
 135      overflow: hidden;
 136  }
 137  
 138  
 139  /*

 140   * Page top messages

 141   */
 142  div.action_messages
 143  {
 144      margin:1ex 1em;
 145  }
 146  
 147  
 148  
 149  /*

 150   * Panel blocks

 151   */
 152  div.panelinfo {
 153      clear: both;
 154      border: 1px solid #9db0bc;
 155      background-color: #f1f6f8;
 156      padding: 0 1ex;
 157      margin: 1ex 14px;
 158  }
 159  div.tabbedpanelblock div.panelinfo {
 160      /* when embeded, no margin: */

 161      margin: 1ex 0;
 162  }
 163  div.panelinfo p {
 164      margin: 1ex 0;
 165      padding: 0;
 166  }
 167  
 168  
 169  div.pblock {
 170      clear: both;
 171      margin: 14px;
 172      /* border: 1px solid #f00; */

 173  }
 174  div.pan_left {
 175      clear: both;
 176      background: #f1f6f8 url(../img/panel_left.gif) repeat-y left;
 177  }
 178  div.pan_right {
 179      background: url(../img/panel_right.gif) repeat-y right;
 180  }
 181  div.pan_top {
 182      background: url(../img/panel_bt.gif) repeat-x top;
 183  }
 184  div.pan_tl {
 185      background: url(../img/panel_btl.gif) no-repeat left top;
 186  }
 187  div.pan {
 188      padding: 2px 4px 0 2px;
 189      background: url(../img/panel_btr.gif) no-repeat right top;
 190  }
 191  div.panelblock,
 192  div.tabbedpanelblock {
 193      border-left: 1px solid #9db0bc;
 194      border-right: 1px solid #9db0bc;
 195      background: #f1f6f8 url(../img/panel_shade8.png) repeat-x bottom;
 196      padding: 14px;
 197  }
 198  
 199  div.pan_bot {
 200      background: url(../img/panel_bb.gif) repeat-x;
 201  }
 202  div.pan_bl {
 203      background: url(../img/panel_bbl.gif) no-repeat left;
 204  }
 205  div.pan_br {
 206      background: url(../img/panel_bbr.gif) no-repeat right;
 207      height: 6px;
 208  }
 209  
 210  
 211  /*

 212   * Tabs:

 213   */
 214  table.tabs {
 215      line-height:normal;
 216      position: relative;
 217      top: 2px;
 218      z-index: 1;
 219      margin: 0 14px 0;
 220      list-style: none;
 221      font-size: 84%;
 222  }
 223  table.tabs td {
 224      background:url(../img/tabs_left.png) no-repeat -2px top;
 225      padding: 0 0 0 6px;
 226      border-bottom: 1px solid #9db0bc;
 227  }
 228  
 229  table.tabs td.first {
 230      background:url(../img/tabs_left.png) no-repeat left top;
 231      width: 2px;
 232      padding: 0;
 233      border-bottom:1px solid #9db0bc;
 234  }
 235  table.tabs td.last {
 236      background:url(../img/tabs_right_shadow.png) no-repeat right top;
 237      width: 4px;
 238      padding: 0;
 239      border-bottom:1px solid #9db0bc;
 240  }
 241  
 242  table.tabs td a {
 243      display:block;
 244      white-space:nowrap;
 245      background: url(../img/tabs_right.png) no-repeat right top;
 246      padding: 5px 11px 4px 4px;
 247      text-decoration:none;
 248      color:#666;
 249  }
 250  table.tabs td a:hover {
 251      color:#33c;
 252      text-decoration: underline;        /* for IE */
 253  }
 254  table.tabs td.option:hover {            /* Won't work in IE6 */
 255      background-position: -2px -150px;
 256  }
 257  table.tabs td:hover a {            /* Won't work in IE6 */
 258      background-position:100% -150px;
 259      color:#33c;
 260      /* text-decoration: none; */

 261  }
 262  table.tabs td.current {
 263      background-position: -2px -150px;
 264      border-width: 0;
 265      font-weight:bold;
 266  }
 267  table.tabs td.current a {
 268      background-position:100% -150px;
 269      color:#333;
 270      padding-bottom:5px;
 271  }
 272  table.tabs td.current a:hover {
 273      text-decoration: underline;
 274      color:#333;
 275  }
 276  
 277  
 278  
 279  /*

 280   * Forms:

 281   */
 282  textarea,
 283  input.form_text_input,
 284  input.form_date_input,
 285  input.SearchField {
 286      background: #FFFFFF url(../img/shadow-in.png) no-repeat left top;
 287      border: 1px solid #9db0bc;
 288      padding: 2px
 289  } 
 290   
 291  .fieldset_title {
 292      width: 100%;
 293      margin-top: 1ex;
 294      background: url(../img/title_left.gif) no-repeat left top;
 295  }
 296  .fieldset_title_right {
 297      padding: 0 5px;
 298      background: url(../img/title_right.gif) no-repeat right top;
 299  }
 300  .fieldset_title_bg {
 301      background: url(../img/title_bg.png) repeat-x;
 302      padding: 4px 6px 0 6px;
 303      height: 18px;
 304      font-weight: bold;
 305  }
 306  .fieldset_title .action_icon {
 307      font-size: 84%;
 308  }
 309  
 310  .fform fieldset,
 311  .left_col fieldset,
 312  .right_col fieldset  {
 313      border: 1px solid #9db0bc;
 314      margin: 0 0 10px 0;
 315      background-color: #fff;
 316  }
 317  
 318  
 319  /*

 320   * Result tables:

 321   */
 322  table.grouped,
 323  #fm_browser,

 324  table.filelist {
 325      margin-top: 0;
 326      border-color: #9db0bc;
 327  }
 328  table.grouped tr.filters td,
 329  #fm_bar,

 330  table.filelist tr.listfooter td {
 331      background-color: #E0E9F0;
 332      border-color: #9db0bc;
 333  }
 334  table.grouped th,
 335  table.filelist th {
 336      background-color: #CCDCE6;
 337      padding: 0;
 338      border-color: #9db0bc;
 339  }
 340  table.grouped th a.basic_sort_link,
 341  table.grouped th span,
 342  table.filelist th a.basic_sort_link,
 343  table.filelist th span {
 344      display: block;
 345      padding: 2px 8px;
 346  }
 347  table.grouped th a.basic_sort_link:hover,
 348  table.filelist th a.basic_sort_link:hover {
 349      background-color: #BACEDF;
 350  }
 351  table.grouped th a.basic_current,
 352  table.filelist th a.basic_current {
 353      padding: 2px 8px;
 354      background-color: #BACEDF;
 355  }
 356  table.grouped tr.even,
 357  table.filelist tr.even {
 358      background-color: #fff;
 359  }
 360  table.grouped tr.odd,
 361  table.filelist tr.odd {
 362      background-color: #f1f6f8;
 363  }
 364  table.grouped tr.even:hover,
 365  table.grouped tr.odd:hover,
 366  table.filelist tr.even:hover,
 367  table.filelist tr.odd:hover {
 368      background-color: #DBE5ED;
 369  }
 370  table.grouped td,
 371  table.filelist td {
 372      border-color: #9db0bc;
 373  }
 374  table.grouped tr.group td {
 375      border-color: #9db0bc;
 376      background-color: #C3D5E2;
 377  }
 378  
 379  /*

 380   * Titles

 381   */
 382  h2 {
 383      margin-top: 0ex;
 384      margin-bottom: 1ex;
 385      font-size: 140%;
 386  }
 387  h3 {
 388      font-size: 120%;
 389  }
 390  div.panelinfo h3 {
 391      margin: 1ex 0;
 392      padding: 0;
 393  }
 394  h4 {
 395      font-size: 110%;
 396      margin-bottom: 1ex;
 397  }
 398  
 399  
 400  /*

 401   * Links and buttons:

 402   */
 403  a.ActionButton,
 404  a.DeleteButton,
 405  a.PublishButton,
 406  a.permalink_right {
 407      text-decoration: none;
 408      float: left;
 409      padding: 2px 1ex;
 410      margin-right: 4px;
 411      border: 1px solid #9db0bc;
 412      white-space: nowrap;
 413      background: #fefefe url(../img/whitebar24.png) repeat-x center;
 414  }
 415  a.permalink_right {
 416      float: right;
 417      margin: 0;
 418  }
 419  
 420  a.ActionButton:hover,
 421  a.DeleteButton:hover,
 422  a.PublishButton:hover,
 423  a.permalink_right:hover {
 424      text-decoration: underline;
 425      background-color: #eee;
 426  }
 427  a.ActionButton:hover,
 428  a.permalink_right:hover {
 429      color: #00b;
 430      border: 1px solid #00b;
 431  }
 432  a.DeleteButton:hover {
 433      color: #c00;
 434      border: 1px solid #c00;
 435  }
 436  a.PublishButton:hover {
 437      color: #c00;
 438      border: 1px solid #c00;
 439  }
 440  
 441  div.edit_actions input {
 442      margin: 1px 1px;
 443  }
 444  div.edit_actions input.SaveButton {
 445      font-weight: bold;
 446  }
 447  div.edit_actions input.SaveButton:hover {
 448      color: #c00;
 449  }
 450  
 451  
 452  /*

 453   * browse Screen:

 454   */
 455  td.browse_left_col {
 456  }
 457  td.browse_right_col {
 458      width: 19em;
 459  }
 460  .block_item_wrap {
 461      margin: 0 0 1em 0;
 462  }
 463  .browse_side_item_wrap {
 464      margin: 0 0 1em 1em;
 465  }
 466  .block_item,
 467  .browse_side_item {
 468      border: 1px solid #9db0bc;
 469      background-color: #fff;
 470      padding: 1ex;
 471  }
 472  
 473  div.NavBar {
 474      background-color: #F1F6F8;
 475      border: 1px solid #becdd6;
 476      padding: 1ex;
 477      margin: 0 0 1ex 0;
 478  }
 479  div.NavBar table {
 480      width: 100%;
 481  }
 482  div.PostActionsArea,
 483  div.CommentActionsArea {
 484      clear: both;
 485      background-color: #F1F6F8;
 486      border-top: 1px solid #becdd6;
 487      border-bottom: 1px solid #becdd6;
 488      padding: 1ex;
 489      margin: 0;
 490  }
 491  
 492  div.bSideItem {
 493      border: 1px solid #eee7e0;
 494      padding: 1ex;
 495      margin: 0 1em 1ex 0;
 496  }
 497  
 498  .bSmallHead {
 499      font-size: 85%;
 500      padding: 1ex;
 501      margin: 0;
 502      color: #929292;
 503      border-bottom: 1px solid #becdd6;
 504  }
 505  .bSmallHeadRight {
 506      float: right;
 507      text-align: right;
 508          padding-left: 1em; /* do not pad on text in .bSmallHead */
 509  }
 510  
 511  div.bComment, /* Entire comment block */
 512  form.bComment /* New comment form */
 513  {
 514      border: 1px solid #becdd6;
 515      padding: 0;
 516      margin: 1ex;
 517  }
 518  
 519  
 520  /*

 521   * Post colors on browse page

 522   */
 523  .bDate,
 524  .bTime,
 525  .bAuthor,
 526  .bStatus,
 527  .bType,
 528  .bViews,
 529  .bPriority,
 530  .bAssignee,
 531  .bExtStatus
 532  {
 533      color: #6e6256;
 534      font-weight:bold;
 535  }
 536  .bCategories,
 537  .bEmail,
 538  .bIP,
 539  .bURL,
 540  .bKarma {
 541      color:#6e6256;
 542  }
 543  div.bPost {
 544      clear: both;
 545      padding: 0;
 546      margin: 0 0 1ex 0;
 547  }
 548  div.bPostpublished {
 549      border: 1px solid #becdd6;
 550      background-color: #fff;
 551  }
 552  .bPostpublished span.bStatus,
 553  div.bCommentpublished span.bStatus {
 554      color: #0b0;
 555  }
 556  .bPostprotected {
 557      border: 1px solid #fc9;
 558      background-color: #fff;
 559      /* background-color: #fff7e7; */

 560  }
 561  .bPostprotected span.bStatus {
 562      color: #ea0;
 563  }
 564  .bPostprotected > div.bSmallHead /* Direct child only */
 565  {
 566      border-bottom: 1px solid #fc9;
 567  }
 568  .bPostprivate {
 569      border: 1px solid #f99;
 570      background-color: #fff;
 571      /* background-color: #fee; */

 572  }
 573  .bPostprivate span.bStatus {
 574      color: #e00;
 575  }
 576  .bPostprivate > div.bSmallHead /* Direct child only */
 577  {
 578      border-bottom: 1px solid #f99;
 579  }
 580  .bPostdraft,
 581  div.bCommentdraft {
 582      border: 1px dashed #ccc;
 583      background-color: #f4f4f4;
 584  }
 585  .bPostdraft span.bStatus,
 586  div.bCommentdraft span.bStatus {
 587      color: #666;
 588  }
 589  .bPostdraft > div.bSmallHead, /* Direct child only */
 590  div.bCommentdraft > div.bSmallHead /* Direct child only */
 591  {
 592      border-bottom: 1px dashed #ccc;
 593  }
 594  .bPostdeprecated,
 595  div.bCommentdeprecated {
 596      border: 1px dashed #000;
 597      background-color: #d8d8d8;
 598      color: #888;
 599  }
 600  .bPostdeprecated span.bStatus,
 601  div.bCommentdeprecated span.bStatus {
 602      color: #000;
 603  }
 604  .bPostdeprecated > div.bSmallHead, /* Direct child only */
 605  div.bCommentdeprecated > div.bSmallHead /* Direct child only */
 606  {
 607      border-bottom: 1px dashed #000;
 608  }
 609  
 610  .bContent,
 611  .bCommentContent,
 612  .bFeedback {
 613      margin: 1ex;
 614  }
 615  .bTitle {
 616      font-weight: bold;
 617      margin: 0;
 618      padding: 0;
 619  }
 620  .bText {
 621      margin: 0;
 622      padding: 0;
 623  }
 624  
 625  .bSideItem ul,
 626  .browse_side_item ul,
 627  .right_col ul {
 628      margin-left: 0ex;
 629      padding-left: 0ex;
 630      margin-top: .5ex;
 631      margin-bottom: .5ex;
 632      list-style-type:none;
 633  }
 634  .bSideItem ul ul,
 635  .browse_side_item ul ul,
 636  .right_col ul ul {
 637      margin-left: 1ex;
 638      padding-left: 1ex;
 639  }
 640  
 641  
 642  input.SearchField {
 643      width: 95%;
 644      margin: .5ex 2px 0 2px;
 645  }
 646  
 647  
 648  
 649  /*

 650   * Write/compose Screen

 651   */
 652  .left_col fieldset,
 653  .right_col fieldset  {
 654      padding: 4px 8px;
 655  }
 656  
 657  .bSideItem fieldset div,
 658  .browse_side_item fieldset div {
 659      margin: 1ex 0ex;
 660  }
 661  
 662  .bSideItem fieldset,
 663  .browse_side_item fieldset
 664  {
 665      margin: 1ex 0;
 666      clear: both;
 667      border: 1px solid #becdd6;
 668  }
 669  
 670  fieldset.extracats {
 671      padding: 0;
 672      overflow: visible;
 673  }
 674  fieldset.extracats div.extracats {
 675    /*    border: 1px solid #f00; */

 676      height: 44ex;
 677      overflow: auto;
 678      padding: 0;
 679      margin: 0;
 680  }
 681  fieldset.extracats div.extracats div {
 682      /* border: 1px solid #0f0; */

 683      margin: 0;
 684      padding: 0;
 685  }
 686  table.catselect {
 687      width:100%;
 688      border-left: none;
 689      border-right: none;
 690      border-top: none;
 691      border-color: #9db0bc;
 692  }
 693  table.catselect th {
 694      background-color: #CCDCE6;
 695      border-color: #9db0bc;
 696  }
 697  table.catselect tr.group td {
 698      border-color: #9db0bc;
 699      background-color: #C3D5E2;
 700  }
 701  table.catselect tr.even,
 702  table.catselect tr.even input {
 703      background-color: #fff;
 704  }
 705  table.catselect tr.odd,
 706  table.catselect tr.odd input {
 707      background-color: #f1f6f8;
 708  }
 709  table.catselect tr:hover,
 710  table.catselect tr:hover input {
 711      background-color: #DBE5ED;
 712  }
 713  table.catselect th.selector,
 714  table.catselect td.selector {
 715      border-color: #9db0bc;
 716  }
 717  .extracatnote {
 718      /* display: block; */

 719      font-size: 84%;
 720      margin: 1ex;
 721      padding: 0;
 722      color: #999;
 723      /* border: 1px solid #f00; */

 724  }
 725  
 726  div.edit_toolbars {
 727      margin-top: 1ex;
 728      width: 100%;
 729      text-align: center;
 730  }
 731  div.edit_toolbar {
 732      background-color: #f1f6f8;
 733      border: 1px solid #becdd6;
 734      padding: 1px 2px;
 735      margin: 1px auto;
 736      width: 98%;
 737  }
 738  div.edit_toolbar input {
 739      background: #fefefe url(../img/whitebar24.png) repeat-x center;
 740      border: 1px solid #becdd6;
 741      margin: 0 1px;
 742      padding: 0 1px;
 743  }
 744  div.edit_toolbar input:hover {
 745      border-color: #00f;
 746  }
 747  
 748  div.edit_area {
 749      width: 100%;
 750      text-align: center;
 751  }
 752  div.edit_area textarea,
 753  textarea.bComment {
 754      width: 98%;
 755      margin: 0 auto;
 756  }
 757  div.edit_actions {
 758      background-color: #f1f6f8;
 759      border: 1px solid #becdd6;
 760      padding: 2px;
 761      margin: 1ex auto;
 762      width: 98%;
 763      text-align: right;
 764  }
 765  
 766  .edit_fieldgroup {
 767      margin: 2px 0;
 768  }
 769  
 770  /*

 771   * File manager:

 772   */
 773  #fm_browser {

 774      margin: 0;
 775  }
 776  #fm_dirtree {

 777      border-color: #9db0bc;
 778      background-color: #fff;
 779  }
 780  #fm_files {

 781      border-color: #9db0bc;
 782      background-color: #E0E9F0;
 783  }
 784  .toolbaritem  {
 785      padding: 4px 0;
 786  }
 787  
 788  /*

 789   * Permissions:

 790   */
 791  span.checkall,
 792  th.checkright {
 793      font-size: 84%;
 794  }
 795  
 796  
 797  /*

 798   * Skin selection:

 799   */
 800  div.skinshot {
 801      background-color: #E0E9F0;
 802  }
 803  div.skinshot_placeholder {
 804      background: #BED1E0;
 805  }
 806  div.skinshot div.current {
 807      border: 1px solid #d00;
 808  }
 809  div.skinshot_noshot {
 810      color: #555;
 811  }
 812  
 813  
 814  /*

 815   * System checks

 816   */
 817  div.system_check {
 818      border-top: 1px solid #e1ddce;
 819  }
 820  
 821  
 822  
 823  /*

 824   * Footer (60 pixels)

 825   */
 826  .footer {
 827      clear: both;
 828      margin: 0;
 829      height: 60px;
 830  }
 831  .footer a {
 832      color: #000;
 833  }
 834  
 835  .footer_logo {
 836      float: right;
 837      margin: 10px 30px 0 0;
 838  }
 839  .footer .copyright {
 840      padding: 32px 0 0 35px;
 841      font-size: 74%;
 842  }