[Sommaire] [Imprimer]

   1  /**

   2  * @version $Id: template_css.css 5857 2006-11-27 03:06:27Z rmdstudio $

   3  * @package Joomla

   4  * @copyright Copyright (C) 2005 Open Source Matters. All rights reserved.

   5  * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php

   6  * Joomla! is free software and parts of it may contain or be derived from works

   7  * licensed under the GNU General Public License or other free or open source

   8  * software licenses. See COPYRIGHT.php for copyright notices and details.

   9  */
  10  
  11  #wrapper {

  12          border: 0px;
  13          margin: 0px;
  14          margin-left: auto;
  15          margin-right: auto;
  16          padding: 0px;
  17  }
  18  
  19  #header {

  20          background-color: #FFF;
  21          background-position: right top;
  22          border-bottom: 4px solid #C64934;
  23          background: url(../images/header_bg.png);
  24  }
  25  
  26  #joomla {

  27          position: relative;
  28          width: 100%;
  29          background: url(../images/version.png) no-repeat;
  30          background-position: bottom right;
  31          margin: 0px;
  32          padding: 0px;
  33  }
  34  
  35  #wrapper1 div {

  36      border: 0px;
  37      margin: 0px;
  38      margin-left: auto;
  39      margin-right: auto;
  40      padding: 0px 5px 0px 5px;
  41      display: inline;
  42  }
  43  
  44  body {
  45      margin: 0px 0px 0px 0px;
  46      color : #333;
  47      background-color: #FFF;
  48      font-family: Arial, Helvetica, sans-serif;
  49      font-size: 12px;
  50  }
  51  a {
  52      color: #C64934;
  53      text-decoration: none;
  54  }
  55  a:hover {
  56      color : #30569D;
  57      text-decoration : underline;
  58  }
  59  a:active {
  60      color : #333333;
  61      text-decoration : underline;
  62  }
  63  
  64  table#toolbar {
  65      margin: 3px 10px;
  66  }
  67  
  68  table#toolbar a.toolbar {
  69      color : #808080;
  70      text-decoration : none;
  71      display: block;
  72      border: 1px solid #DDD;
  73      width: 55px;
  74      padding: 2px 1px 2px 1px;
  75  }
  76  table#toolbar a.toolbar:hover {
  77      color : #C64934;
  78      border: 1px solid #c24733;
  79      background-color: #f1e8e6;
  80      padding: 3px 0px 1px 2px;
  81  }
  82  table#toolbar a.toolbar:active {
  83      color : #FF9900;
  84  }
  85  .pagenav {
  86      font-size : 10px;
  87  }
  88  a.pagenav {
  89      color : #808080;
  90      font-size : 10px;
  91      text-decoration : underline;
  92  }
  93  a.pagenav:hover {
  94      color : #FFF;
  95      font-size : 10px;
  96  }
  97  a.pagenav:active {
  98      color : #333;
  99      font-size : 10px;
 100  }
 101  .sectionname {
 102      color : #FF9900;
 103      font-family : Arial, Helvetica, sans-serif;
 104      font-size : 18px;
 105      font-weight: bold;
 106  }
 107  .button {
 108      border-top : solid 1px #d5d5d5;
 109      border-right : solid 1px #808080;
 110      border-bottom : solid 1px #808080;
 111      border-left : solid 1px #d5d5d5;
 112      color : #333;
 113      font-weight : bold;
 114  }
 115  .inputbox {
 116          z-index: -3;
 117          font-size: 11px;
 118  }
 119  .text_area {
 120          border : 1px solid #ccc;
 121          z-index: -3;
 122          font-size: 11px;
 123  }
 124  input, textarea, select {
 125      z-index : -3;
 126      font-size: 11px;
 127  }
 128  .small {
 129      color : #FF9900;
 130      font-family : Arial, Helvetica, sans-serif;
 131      font-size : 10px;
 132      text-decoration : none;
 133  }
 134  .smallgrey {
 135      color : #999;
 136      font-size : 10px;
 137  }
 138  .error {
 139      color : #C40000;
 140      font-size : 11px;
 141      font-weight : bold;
 142  }
 143  .contentheading, .componentheading, .moduleheading {
 144      font-size: 14px;
 145      font-weight: bold;
 146  }
 147  table.menubar {
 148      width: 100%;
 149      
 150  }
 151  td {
 152      font-size: 11px;
 153  }
 154  /* header block */

 155  table.adminheading {
 156      background-color: #FFF;
 157      font-family : Arial, Helvetica, sans-serif;
 158      margin: 0px;
 159      padding: 0px;
 160      border: 0px;
 161      width: 100%;
 162      border-collapse: collapse;
 163      color: #C64934;
 164      font-size : 18px;
 165      font-weight: bold;
 166      text-align: left;
 167  }
 168  table.adminheading th {
 169      background: url(../../../images/generic.png) no-repeat left;
 170      text-align: left;
 171      height: 50px;
 172      width: 99%;
 173      padding-left: 50px;
 174      border-bottom: 5px solid #fff;
 175  }
 176  table.adminheading th.checkin {
 177      background: url(../../../images/checkin.png) no-repeat left;
 178  }
 179  table.adminheading th.cpanel {
 180      background: url(../../../images/cpanel.png) no-repeat left;
 181  }
 182  table.adminheading th.config {
 183      background: url(../../../images/config.png) no-repeat left;
 184  }
 185  table.adminheading th.modules {
 186      background: url(../../../images/module.png) no-repeat left;
 187  }
 188  table.adminheading th.menus {
 189      background: url(../../../images/menu.png) no-repeat left;
 190  }
 191  table.adminheading th.trash {
 192      background: url(../../../images/trash.png) no-repeat left;
 193  }
 194  table.adminheading th.user {
 195      background: url(../../../images/user.png) no-repeat left;
 196  }
 197  table.adminheading th.inbox {
 198      background: url(../../../images/inbox.png) no-repeat left;
 199  }
 200  table.adminheading th.msgconfig {
 201      background: url(../../../images/message_config.png) no-repeat left;
 202  }
 203  table.adminheading th.langmanager {
 204      background: url(../../../images/langmanager.png) no-repeat left;
 205  }
 206  table.adminheading th.mediamanager {
 207      background: url(../../../images/mediamanager.png) no-repeat left;
 208  }
 209  table.adminheading th.impressions {
 210      background: url(../../../images/impressions.png) no-repeat left;
 211  }
 212  table.adminheading th.browser {
 213      background: url(../../../images/browser.png) no-repeat left;
 214  }
 215  table.adminheading th.searchtext {
 216      background: url(../../../images/searchtext.png) no-repeat left;
 217  }
 218  table.adminheading th.templates {
 219      background: url(../../../images/templatemanager.png) no-repeat left;
 220  }
 221  table.adminheading th.massemail {
 222      background: url(../../../images/massemail.png) no-repeat left;
 223  }
 224  table.adminheading th.frontpage {
 225      background: url(../../../images/frontpage.png) no-repeat left;
 226  }
 227  table.adminheading th.sections {
 228      background: url(../../../images/sections.png) no-repeat left;
 229  }
 230  table.adminheading th.edit {
 231      background: url(../../../images/addedit.png) no-repeat left;
 232  }
 233  table.adminheading th.categories {
 234      background: url(../../../images/categories.png) no-repeat left;
 235  }
 236  table.adminheading th.install {
 237      background: url(../../../images/install.png) no-repeat left;
 238  }
 239  table.adminheading th.dbbackup {
 240      background: url(../../../images/backup.png) no-repeat left;
 241  }
 242  table.adminheading th.dbrestore {
 243      background: url(../../../images/dbrestore.png) no-repeat left;
 244  }
 245  table.adminheading th.dbquery {
 246      background: url(../../../images/query.png) no-repeat left;
 247  }
 248  table.adminheading th.info {
 249      background: url(../../../images/systeminfo.png) no-repeat left;
 250  }
 251  
 252  table.adminheading td {
 253      color : #000;
 254  }
 255  /* standard list style table */

 256  table.adminlist {
 257      background-color: #FFFFFF;
 258      margin: 0px;
 259      padding: 0px;
 260      border: 1px solid #ddd;
 261      border-spacing: 0px;
 262      width: 100%;
 263      border-collapse: collapse;
 264  }
 265  
 266  table.adminlist th {
 267      margin: 0px;
 268      padding: 6px 4px 2px 4px;
 269      height: 25px;
 270      background: url(../images/background.jpg);
 271      background-repeat: repeat;
 272      font-size: 11px;
 273      color: #000;
 274  }
 275  table.adminlist th.title {
 276      text-align: left;
 277  }
 278  
 279  table.adminlist th a:link, table.adminlist th a:visited {
 280      color: #c64934;
 281      text-decoration: none;
 282  }
 283  
 284  table.adminlist th a:hover {
 285      text-decoration: underline;
 286  }
 287  
 288  table.adminlist tr.row0 {
 289      background-color: #F9F9F9;
 290      text-align: left;
 291  }
 292  table.adminlist tr.row1 {
 293      background-color: #FFF;
 294      text-align: left;
 295  }
 296  table.adminlist td {
 297      border-bottom: 1px solid #e5e5e5;
 298      padding: 4px;
 299  }
 300  table.adminlist tr.row0:hover {
 301      background-color: #f1f1f1;
 302  }
 303  table.adminlist tr.row1:hover {
 304      background-color: #f1f1f1;
 305  }
 306  table.adminlist td.options {
 307      background-color: #ffffff;
 308      font-size: 8px;
 309  }
 310  select.options, input.options {
 311      font-size: 8px;
 312      font-weight: normal;
 313      border: 1px solid #999999;
 314  }
 315  /* standard form style table */

 316  table.adminform {
 317      background-color: #f9f9f9;
 318      border: solid 1px #d5d5d5;
 319      width: 100%;
 320      padding: 10px;
 321      border-collapse: collapse;
 322  }
 323  table.adminform tr.row0 {
 324      background-color: #f9f9f9;
 325  }
 326  table.adminform tr.row1 {
 327      background-color: #eeeeee;
 328  }
 329  table.adminform th {
 330      font-size: 11px;
 331      padding-top: 6px;
 332      padding-bottom: 2px;
 333      padding-left: 4px;
 334      padding-right: 4px;
 335      text-align: left;
 336      height: 25px;
 337      background: url(../images/background.jpg);
 338      color: #000;
 339      background-repeat: repeat;
 340  }
 341  table.adminform td {
 342      padding: 3px;
 343      text-align: left;
 344  }
 345  table.adminform td.editor {
 346      font-size: 9px;
 347  }
 348  
 349  table.cpanel td {
 350      text-align: center;
 351  }
 352  
 353  form {
 354      margin: 0px 0px 0px 0px;
 355  }
 356  /* Styles for dhtml tabbed-pages */

 357  .ontab {
 358      font-size: 12px;
 359      background-color: #ffae00;
 360      border: 1px solid #cccccc;
 361      width: 14%;
 362      text-align: center;
 363      cursor: pointer;
 364      font-weight: bold;
 365      color: #FFFFFF;
 366  }
 367  .offtab {
 368      font-size: 12px;
 369      background-color : #e5e5e5;
 370      border: 1px solid #cccccc;
 371      width: 14%;
 372      text-align: center;
 373      cursor: pointer;
 374      font-weight: normal;
 375  }
 376  .tabpadding {
 377      /*border-bottom: solid 1px #D5D5D5;*/

 378  }
 379  .tabheading {
 380      background-color: #FFAE00;
 381      color: #FFF;
 382      font-size: 10px;
 383      text-align: left;
 384  }
 385  .pagetext {
 386      visibility: hidden;
 387      display: none;
 388      position: relative;
 389      top: 0;
 390  }
 391  .menubackgr {
 392      background: #F1F3F5;
 393      border-bottom: 1px solid #cccccc;
 394  
 395  }
 396  .menudottedline {
 397      border-bottom: 1px solid #cccccc;
 398      border-top: 1px solid #ffffff;
 399      background-color: #F1F3F5;
 400  }
 401  .pathway {
 402      margin-left: 15px;
 403  }
 404  .adminheader {
 405      color : #c30;
 406      font-size : 24px;
 407  }
 408  /* Text passed with mosmsg url parameter */

 409  .message {
 410      font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
 411      font-weight: bold;
 412      font-size : 14px;
 413      color : #c30;
 414      text-align: center;
 415  }
 416  
 417  div.centermain {
 418      padding: 0 10px;
 419  }
 420  
 421  div.main {
 422      width: 99%;
 423      padding: 0;
 424  }
 425  .quote {
 426      margin: 4px;
 427      border: 1px solid #cccccc;
 428      background-color: #E9ECEF;
 429      padding: 10px;
 430      font-size: 12px;
 431      color: #254D78;
 432  }
 433  
 434  
 435  /* mod_quickicon */

 436  
 437  #cpanel {  text-align: center;  vertical-align: middle; }

 438  
 439  #cpanel div.icon   { margin: 3px; }

 440  #cpanel div.icon a { 

 441      display: block; float: left;
 442      height: 97px !important;
 443      height: 100px; 
 444      width: 108px !important;
 445      width: 110px; 
 446      vertical-align: middle; 
 447      text-decoration : none;
 448      border: 1px solid #DDD;
 449      padding: 2px 5px 1px 5px;
 450  }
 451  
 452  #cpanel div.icon a:link    {  color : #808080;  }

 453  #cpanel div.icon a:hover   { 

 454      color : #333; 
 455      background-color: #f1e8e6;  
 456      border: 1px solid #c24733;
 457      padding: 3px 4px 0px 6px; 
 458  }
 459  #cpanel div.icon a:active  {  color : #808080;  }

 460  #cpanel div.icon a:visited {  color : #808080;  }

 461  
 462  #cpanel div.icon img { margin-top: 13px; }

 463  #cpanel div.icon span { display: block; padding-top: 3px;}

 464  
 465  /* Tooltips */

 466  a.tooltip, a.tooltip:hover  {
 467      color: black;
 468      text-decoration: none;
 469      border-bottom: 1px dashed #aaa;
 470  }
 471  
 472  a.tooltiplink {
 473      display: block; 
 474      width: 100%; 
 475  }
 476  a.tooltiplink:hover {
 477      text-decoration:  none;
 478  }
 479  
 480  /* Fieldsets */

 481  fieldset {
 482      margin-bottom: 10px;
 483      border: 1px #ccc solid;
 484      padding: 5px;
 485      text-align: left;
 486  }
 487  
 488  fieldset p { 
 489      margin: 10px 0px; 
 490  }
 491  
 492  legend { 
 493      color: #c24733; 
 494      font-size: 1.1em; 
 495      font-weight: bold; 
 496  }
 497  
 498  /* Two Pane Formatting */

 499  #treecell {

 500      width: 20%; 
 501      display: block; 
 502      position: relative; 
 503      float: left;
 504      margin: 0; 
 505      padding: 2px;
 506      overflow: hidden;
 507  }
 508  
 509  .expander { 
 510      float: right;  
 511  }
 512  
 513  #datacell {

 514      width: 78%; 
 515      display: block; 
 516      float: left;
 517      margin: 0; 
 518      padding: 2px 0px 0px 0px;    
 519  }
 520  
 521  #datacellfull {

 522      width: 98%; 
 523      display: block; 
 524      float: left;
 525      margin: 0; 
 526      padding: 2px;
 527  }
 528  
 529  #treecell fieldset { 

 530  }
 531  #datacell fieldset { 

 532      border: 1px #ccc solid; 
 533  }
 534  
 535  span.editlinktip {
 536      text-decoration:  none;
 537      border-bottom: 1px dashed #aaa;
 538  }
 539  
 540  table.paramlist td {
 541      height: 30px;
 542  }
 543  
 544  div.footer {
 545      clear: both;
 546      margin-top: 10px;
 547  }