[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  }
  27  
  28  /* Titles */

  29  #TitleArea h1 {

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

  65  textarea,
  66  input,
  67  select {
  68      border: 1px solid #ccc5aa;
  69      background-color: #f4f3ee;
  70      padding: 1px;
  71      margin: 1px;
  72      vertical-align: middle;
  73  }
  74  input.checkbox,
  75  input.radio {
  76      background-color: #fff;
  77      border: 0;
  78      padding: 0;
  79      margin: 0;
  80  }
  81  input.field_required,
  82  select.field_required,
  83  textarea.field_required {
  84      background-image:  url("../icons/mandatory_star_desert.gif");
  85  }
  86  form.fform fieldset {
  87      border-color: #eee7e0;
  88  }
  89  
  90  legend {
  91      color: #929292;
  92  }
  93  
  94  
  95  /* Links and buttons: */

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

 231   * Page layout:

 232   */
 233  #header {

 234      float:left;
 235      width:100%;
 236      background: url(../img/bg.gif) repeat-x bottom;
 237      font-size:85%;
 238      line-height:normal;
 239      padding: 0;
 240      margin:0;
 241  }
 242  #TitleArea {

 243      clear: both;
 244      margin: 0 1em;
 245      padding: 0;
 246      border-top: 1px solid #fff;    /* force moz to display float before */
 247  }
 248  
 249  #headfunctions {

 250      float:right;
 251      margin: 3px 1em;
 252      color: #b0b0b0;
 253  }
 254  #headfunctions a {

 255      padding: 1px;
 256      color: #b0b0b0;
 257      background-color: transparent;
 258      text-decoration: none;
 259  }
 260  #headfunctions a:hover {

 261      color: #000;
 262      background-color: #f0e0e0;
 263      text-decoration: none;
 264  }
 265  
 266  .panelbody {
 267      margin: 0;
 268      padding: 0;
 269      /* border:    1px solid #f00; */

 270  }
 271  
 272  .left_col {
 273      clear: both;
 274      vertical-align: top;
 275      float: left;
 276      width: 65%;
 277      /* border:    1px solid #f00; */

 278      margin: 0;
 279      padding: 0;
 280      overflow: hidden;
 281  }
 282  .right_col {
 283      /* border:    1px solid #f00; */

 284      width: 33%;
 285      vertical-align: top;
 286      float: right;
 287      margin: 0;
 288      padding: 0;
 289      overflow: hidden;
 290  }
 291  div.action_messages /* Page top messages */
 292  {
 293      margin:1ex 1em;
 294  }
 295  div.panelinfo {
 296      clear: both;
 297      background-color: #efede0;
 298      border: 1px solid #e1ddce;
 299      padding: 0 1ex;
 300      margin: 1ex 1em;
 301  }
 302  div.tabbedpanelblock div.panelinfo {
 303      /* when embeded, no margin: */

 304      margin: 1ex 0;
 305  }
 306  div.panelinfo p {
 307      margin: 1ex 0;
 308      padding: 0;
 309  }
 310  div.panelblock,
 311  div.tabbedpanelblock {
 312      clear: both;
 313      border: 1px solid #929292;
 314      background-color: #fbfbfb;
 315      padding: 1ex 1em 1ex 1em;
 316      margin: 1ex 1em 2ex 1em;
 317  }
 318  .footer {
 319      text-align: center;
 320      font-size: 74%;
 321      margin-top: 0ex;
 322      margin-bottom: 0ex;
 323      padding-bottom: 1ex;
 324      clear: both;
 325  }
 326  
 327  /* Main tabs: */

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

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

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

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

 381  ul.hack { /* fplanque: note: I'm not sure the hack is still needed now we have removed decimal ex paddings */
 382      margin:0;
 383      clear: both;
 384      padding: 2px 1em 0;
 385      list-style: none;
 386  }
 387  ul.hack li {
 388      display: none;
 389  }
 390  div.pt
 391  {
 392      margin: 0 1em;
 393  }
 394  div.panelblocktabs
 395  {
 396      clear: both;
 397      margin-top: 1ex;
 398      float:left;
 399      width:100%;
 400      background: url(../img/tabs_bg.gif) repeat-x bottom;
 401      font-size:85%;
 402      line-height:normal;
 403  }
 404  div.tabbedpanelblock {
 405      border-top: none;
 406      margin-top: 0;
 407  }
 408  div.tabbedpanelblock fieldset {
 409      border: 1px solid #ddd;
 410      margin: 0 0 1ex 0;
 411      background-color: #fff;
 412      padding: .5ex 1ex;
 413  }
 414  div.tabbedpanelblock fieldset fieldset {
 415      border: none;
 416  }
 417  
 418  /* browse/ Edit Screen: */

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

 492  .bDate,
 493  .bTime,
 494  .bAuthor,
 495  .bStatus,
 496  .bType,
 497  .bViews,
 498  .bPriority,
 499  .bAssignee,
 500  .bExtStatus
 501  {
 502      color: #6e6256;
 503      font-weight:bold;
 504  }
 505  .bCategories,
 506  .bEmail,
 507  .bIP,
 508  .bURL,
 509  .bKarma {
 510      color:#6e6256;
 511  }
 512  div.bPost {
 513      clear: both;
 514      padding: 0;
 515      margin: 0 0 1ex 0;
 516  }
 517  div.bPostpublished {
 518      border: 1px solid #e1ddce;
 519      background-color: #fff;
 520  }
 521  .bPostpublished span.bStatus,
 522  div.bCommentpublished span.bStatus {
 523      color: #0b0;
 524  }
 525  .bPostprotected {
 526      border: 1px solid #fc9;
 527      background-color: #fff;
 528      /* background-color: #fff7e7; */

 529  }
 530  .bPostprotected span.bStatus {
 531      color: #ea0;
 532  }
 533  .bPostprotected > div.bSmallHead /* Direct child only */
 534  {
 535      border-bottom: 1px solid #fc9;
 536  }
 537  .bPostprivate {
 538      border: 1px solid #f99;
 539      background-color: #fff;
 540      /* background-color: #fee; */

 541  }
 542  .bPostprivate span.bStatus {
 543      color: #e00;
 544  }
 545  .bPostprivate > div.bSmallHead /* Direct child only */
 546  {
 547      border-bottom: 1px solid #f99;
 548  }
 549  .bPostdraft,
 550  div.bCommentdraft {
 551      border: 1px dashed #ccc;
 552      background-color: #f4f4f4;
 553  }
 554  .bPostdraft span.bStatus,
 555  div.bCommentdraft span.bStatus {
 556      color: #666;
 557  }
 558  .bPostdraft > div.bSmallHead, /* Direct child only */
 559  div.bCommentdraft > div.bSmallHead /* Direct child only */
 560  {
 561      border-bottom: 1px dashed #ccc;
 562  }
 563  .bPostdeprecated,
 564  div.bCommentdeprecated {
 565      border: 1px dashed #000;
 566      background-color: #d8d8d8;
 567      color: #888;
 568  }
 569  .bPostdeprecated span.bStatus,
 570  div.bCommentdeprecated span.bStatus {
 571      color: #000;
 572  }
 573  .bPostdeprecated > div.bSmallHead, /* Direct child only */
 574  div.bCommentdeprecated > div.bSmallHead /* Direct child only */
 575  {
 576      border-bottom: 1px dashed #000;
 577  }
 578  
 579  .bContent,
 580  .bCommentContent,
 581  .bFeedback {
 582      margin: 1ex;
 583  }
 584  .bTitle {
 585      font-weight: bold;
 586      margin: 0;
 587      padding: 0;
 588  }
 589  .bText {
 590      margin: 0;
 591      padding: 0;
 592  }
 593  a.permalink_right {
 594      margin: .3ex .3ex 0 0;
 595  }
 596  
 597  .bSideItem ul,
 598  .browse_side_item ul,
 599  .right_col ul {
 600      margin-left: 0ex;
 601      padding-left: 0ex;
 602      margin-top: .5ex;
 603      margin-bottom: .5ex;
 604      list-style-type:none;
 605  }
 606  .bSideItem ul ul,
 607  .browse_side_item ul ul,
 608  .right_col ul ul {
 609      margin-left: 1ex;
 610      padding-left: 1ex;
 611  }
 612  
 613  input.SearchField {
 614      width: 96%;
 615      margin: .5ex auto 0 auto;
 616      padding: 2px;
 617  }
 618  
 619  
 620  
 621  /* Write/compose Screen */

 622  .left_col fieldset {
 623      border: 1px solid #eee7e0;
 624      margin: 0 0 1ex 1em;
 625      padding: 0 1ex 1ex 1ex;
 626  }
 627  
 628  .bSideItem fieldset div,
 629  .browse_side_item fieldset div {
 630      margin: 1ex 0ex;
 631  }
 632  
 633  .right_col fieldset {
 634      border: 1px solid #eee7e0;
 635      margin: 0 1em 1ex 0;
 636      padding: 0 1ex 1ex 1ex;
 637  }
 638  .bSideItem fieldset,
 639  .browse_side_item fieldset
 640  {
 641      margin: 1ex 0;
 642      clear: both;
 643  }
 644  
 645  div.tabbedpanelblock fieldset.extracats {
 646      /* border: 1px solid #eee7e0; */

 647      padding: 0 0 0 1ex;
 648      margin: 0 0 1ex 0;
 649      overflow: visible;
 650  }
 651  fieldset.extracats div.extracats {
 652      /* border: 1px solid #f00; */

 653      height: 44ex;
 654      overflow: auto;
 655      padding-top: 1ex;
 656      margin: 0;
 657  }
 658  .extracatnote {
 659      /* display: block; */

 660      font-size: 80%;
 661      margin: 1ex 0;
 662      padding: 0;
 663      color: #999;
 664      /* border: 1px solid #f00; */

 665  }
 666  
 667  div.edit_toolbars {
 668      margin-top: 1ex;
 669      width: 100%;
 670      text-align: center;
 671  }
 672  div.edit_toolbar {
 673      background-color: #efede0;
 674      border: 1px solid #e1ddce;
 675      padding: 1px;
 676      margin: 1px auto;
 677      width: 98%;
 678  }
 679  div.edit_toolbar input {
 680      color:#333;
 681      background-color: #fff;
 682      background-image: url(../img/desert-button-2.gif);
 683      border: 1px solid #ccc5aa;
 684      margin: 0 1px;
 685  }
 686  div.edit_toolbar input:hover {
 687      color: #000;
 688      text-decoration: underline;
 689      border: 1px solid #000;
 690  }
 691  div.edit_area {
 692      width: 100%;
 693      text-align: center;
 694  }
 695  div.edit_area textarea,
 696  textarea.bComment {
 697      width: 98%;
 698      margin: 0 auto;
 699  }
 700  div.edit_actions {
 701      background-color: #efede0;
 702      border: 1px solid #e1ddce;
 703      padding: 1px;
 704      margin: 1ex auto;
 705      width: 98%;
 706      text-align: center;
 707  }
 708  
 709  /* User rights: */

 710  span.checkall,
 711  th.checkright {
 712      font-size: 84%;
 713  }
 714  
 715  
 716  /*

 717   * Skin selection:

 718   */
 719  div.skinshot {
 720      background-color: #efede0;
 721  }
 722  div.skinshot_placeholder {
 723      background: #e1ddce;
 724  }
 725  div.skinshot div.current {
 726      border: 1px solid #d00;
 727  }
 728  div.skinshot_noshot {
 729      color: #765;
 730  }
 731  
 732  
 733  
 734  div.system_check {
 735      border-top: 1px solid #e1ddce;
 736  }