[Sommaire] [Imprimer]

   1  <?php
   2  /* Quick fix for installer look and feel */
   3  // Get some info from style.php
   4  // send default cacheing headers and content type
   5      header('Pragma: cache');
   6      header('Cache-Control: public');
   7      header('Content-Type: text/css');
   8  // get browser family
   9      $browserFamily = 'None';
  10      $ua = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : '';
  11  
  12      if (!empty($ua)) {
  13          if (strstr($ua, 'Opera')) {
  14              $browserFamily = 'Opera';
  15          } else if (strstr($ua, 'MSIE')) {
  16              $browserFamily = 'MSIE';
  17          } else {
  18              $browserFamily = 'Gecko';
  19          }
  20      }
  21  
  22      //  get base url for css classes that include images
  23      $path = dirname($_SERVER['PHP_SELF']);
  24      $aPath = explode('/', $path);
  25      $aPath = array_filter($aPath);
  26      array_pop($aPath);
  27      $baseUrl = join('/', $aPath);
  28      $protocol = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS']  == 'on')
  29          ? 'https' : 'http';
  30      $baseUrl = $protocol . '://' . $_SERVER['HTTP_HOST'] . '/' . $baseUrl;
  31  
  32  // Get info from vars
  33  
  34      $fontFamily             = '"Bitstream Vera Sans", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif';
  35      $fontSize               = 'small';
  36  
  37      $primary                = '#99cc00'; // lime green
  38      $primaryLight           = '#bbe713'; // light green
  39      $primaryText            = '#e6ffa2'; // pale white for text on lime green
  40      $primaryTextLight       = '#ffffff'; // white
  41      $secondaryLight         = '#e5f1ff'; // baby blue
  42      $secondary              = '#9dcdfe'; // blue
  43      $secondaryMedium        = '#3399ff'; // medium blue
  44      $secondaryDark          = '#006699'; // dark blue
  45      $secondaryDarker        = '#184a84'; // darker blue
  46      $tertiary               = '#d9d9d9'; // normal gray
  47      $tertiaryLight          = '#eeeeee'; // light gray
  48      $tertiaryMedium         = '#bcbcbc'; // medium gray
  49      $tertiaryDark           = '#999999'; // dark gray
  50      $tertiaryDarker         = '#3f3f3f'; // darker gray
  51  
  52      $blocksMarginTop        = '107px';
  53      $blocksWidthLeft        = '180px';
  54      $blocksWidthRight       = '180px';
  55      $blocksBorderBody       = $tertiaryMedium;
  56      $blocksBorderTitle      = $tertiaryMedium;
  57      $blocksBackgroundBody   = $tertiaryLight;
  58      $blocksBackgroundTitle  = $primary;
  59      $blocksColorBody        = $secondaryDarker;
  60      $blocksColorTitle       = $primaryTextLight;
  61  
  62      $tableRowLight          = 'transparent';
  63      $tableRowDark           = $tertiaryLight;
  64  
  65      /* Publisher */
  66      $sectionHeaderBackground = $tertiary;
  67      $sectionHeaderColor     = $secondaryDarker;
  68      $colHeaderBackground    = $tertiaryLight;
  69      $colHeaderColor         = $secondaryDarker;
  70      $navigatorBackground    = $tertiaryDarker;
  71      $navigatorColor         = $tertiaryMedium;
  72  
  73      $forApproval            = '#ff0000';
  74      $approved               = '#ff9933';
  75      $published              = '#00cc00';
  76      $archived               = '#909090';
  77  
  78      $error                  = '#ffcc00';
  79      $errorLight             = '#ffff99';
  80      $errorDark              = '#ff9600';
  81      $errorText              = $secondaryDarker;
  82      $errorTextLight         = '#ffffcc';
  83      $errorTextMedium        = '#ff0000';
  84  
  85      /* Button like border colors */
  86      $button     = '#ffffff #333333 #333333 #ffffff';
  87      $buttonAlt     = '#333333 #ffffff #ffffff #333333';
  88  ?>
  89  
  90  /* Put old core.php here */
  91  body {
  92      margin: 0;
  93      padding: 0;
  94      font: <?php echo $fontSize ?> <?php echo $fontFamily ?>;
  95      color: <?php echo $tertiaryDarker ?>;
  96      background: <?php echo $primaryTextLight ?>;
  97  }
  98  
  99  /******************************* LAYOUT : HEADER ******************************/
 100  
 101  #sgl #header {
 102      background-color: <?php echo $primary ?>;
 103      height: 60px;
 104  }
 105  #sgl #logo {
 106      float: left;
 107      margin: 5px 0 0 10px;
 108      font-size: 2em;
 109      font-weight: normal;
 110      color: <?php echo $primaryTextLight ?>;
 111      text-decoration: none;
 112  }
 113  #sgl #logo img {
 114      vertical-align: middle;
 115      <?php if ($browserFamily == 'Opera') {?>
 116      vertical-align: text-middle;
 117      <?php } ?>
 118  }
 119  #sgl #login {
 120      float: right;
 121      margin: 10px 10px 0 0;
 122      font-size: 0.9em;
 123      color: <?php echo $primaryTextLight ?>;
 124      /* Workaround for IE hiding bottom border of logAction. */
 125      height: 50%;
 126  }
 127  #sgl #login a {
 128      padding: 0 5px;
 129      text-decoration: none;
 130      color: <?php echo $primaryTextLight ?>;
 131  }
 132  #sgl #login a:hover {
 133      text-decoration: underline;
 134  }
 135  #sgl #login #logAction {
 136      margin-left: 0.5em;
 137      padding: 0.2em;
 138      border: 1px solid transparent;
 139      border-color: <?php echo $button ?>;
 140  }
 141  
 142  /****************************** LAYOUT : MAIN *********************************/
 143  
 144  #sgl #container {
 145      top: <?php echo $blocksMarginTop ?>;
 146  }
 147  
 148  /************************ LAYOUT : LEFT & RIGHT BLOCKS ************************/
 149  
 150  #sgl #leftSidebar, #sgl #rightSidebar {
 151      position: absolute;
 152      margin-top: <?php echo $blocksMarginTop ?>;
 153      top: 0;
 154      z-index: 1;
 155  }
 156  #sgl #leftSidebar {
 157      width: <?php echo $blocksWidthLeft ?>;
 158      left: 0;
 159  }
 160  #sgl #rightSidebar {
 161      width: <?php echo $blocksWidthRight ?>;
 162      right: 0;
 163  }
 164  #sgl .blockContainer {
 165      margin: 4px 1px 0 1px;
 166  }
 167  #sgl .blockHeader {
 168      background-color: <?php echo $blocksBackgroundTitle ?>;
 169      color: <?php echo $blocksColorTitle ?>;
 170      line-height: 1.5em;
 171      font-weight: bold;
 172      text-align: center;
 173      border: 1px solid <?php echo $blocksBorderTitle ?>;
 174      margin: 0;
 175  }
 176  #sgl .blockContent {
 177      background-color: <?php echo $blocksBackgroundBody ?>;
 178      color: <?php echo $blocksColorBody ?>;
 179      font-size: 0.9em;
 180      padding: 10px;
 181      border: 1px solid <?php echo $blocksBorderBody ?>;
 182      border-top: none;
 183  }
 184  
 185  /*************************** LAYOUT : MIDDLE BLOCKS ***************************/
 186  
 187  #sgl #content, #sgl #content-nocols, #sgl #content-leftcol, #sgl #content-rightcol {
 188      position: relative;
 189      margin: 0 <?php echo $blocksWidthRight; ?> 0 <?php echo $blocksWidthLeft ?>;
 190      width: auto;
 191      min-width: 20%;
 192      font-size: 0.9em;
 193      padding: 0 20px;
 194  }
 195  #sgl #content #options {
 196      float: right;
 197      width: 28%;
 198  }
 199  #sgl #content-nocols {
 200      margin: 0;
 201  }
 202  #sgl #content-leftcol {
 203      margin: 0 0 0 <?php echo $blocksWidthLeft ?>;
 204  }
 205  #sgl #content-rightcol {
 206      margin: 0 <?php echo $blocksWidthRight ?> 0 0;
 207  }
 208  /* Holly Hack here so that tooltips don't act screwy:
 209   * http://www.positioniseverything.net/explorer/threepxtest.html */
 210  /* Hide next from Mac IE plus non-IE \*/
 211  * html #sgl #content {
 212      height: 1%;
 213  }
 214  /* End hide from IE5/mac plus non-IE */
 215  
 216  /******************************* LAYOUT : FOOTER ******************************/
 217  
 218  #sgl #footer {
 219      clear: both;
 220      padding-top: 10px;
 221      font-size: 0.8em;
 222      text-align: center;
 223  }
 224  
 225  /***************************** CONTENT : HEADINGS *****************************/
 226  
 227  h1 {
 228      font-size: 2em;
 229      font-weight: normal;
 230  }
 231  h1.pageTitle {
 232      font-weight: normal;
 233      text-align: center;
 234      color: <?php echo $secondaryDarker ?>;
 235  }
 236  h2 {
 237      font-size: 1.5em;
 238  }
 239  h3 {
 240      font-size: 1.25em;
 241  }
 242  h4 {
 243      font-size: 1em;
 244  }
 245  .pageTitle {
 246      color: <?php echo $secondaryDarker ?>;
 247      font-size: 1.75em;
 248      font-weight: normal;
 249  }
 250  
 251  /***************************** CONTENT : ANCHORS ******************************/
 252  
 253  a {
 254      color: <?php echo $secondaryMedium ?>;
 255      font-weight: bold;
 256  }
 257  a:visited {
 258      color: <?php echo $tertiaryDark ?>;
 259  }
 260  a:hover {
 261      color: <?php echo $secondaryDarker ?>;
 262      text-decoration: none;
 263  }
 264  
 265  /***************************** CONTENT : TABLES *******************************/
 266  
 267  #content table {
 268      border: none;
 269      /* This is not a typo, we want first set a fallback for IE, then set the
 270       * real margin for real browsers ;) */
 271      margin: 0 5%;
 272      margin: 0 auto;
 273  }
 274  td, th {
 275      padding: 2px;
 276  }
 277  th {
 278      background-color: <?php echo $tertiaryLight ?>;
 279      color: <?php echo $tertiaryDarker ?>;
 280      text-align: left;
 281      font-size: 1.1em;
 282      line-height: 1.75em;
 283  }
 284  #imRead {
 285      background-color: <?php echo $tertiaryMedium ?>;
 286  }
 287  
 288  /******************************* CONTENT : BLOCKS *****************************/
 289  
 290  img.blocksAvatar {
 291      /* move the image up to be flush with bottom of title */
 292      position: relative;
 293      top: -5px;
 294      float: right;
 295      padding-left: 5px;
 296  }
 297  .navWidget {
 298      overflow: auto;
 299  }
 300  .options-block {
 301      margin: 20px 0;
 302  }
 303  
 304  /*************************** CONTENT : MISCELLANEOUS **************************/
 305  
 306  acronym {
 307      cursor: help;
 308  }
 309  hr {
 310      border: none;
 311      border-bottom: 1px solid <?php echo $tertiary ?>;
 312  }
 313  img {
 314      border: none;
 315  }
 316  .codeExample {
 317      background: #f7f7f7;
 318      border: 1px solid <?php echo $tertiary ?>;
 319      margin: 1em 1.75em;
 320      padding: 0.25em;
 321      overflow: auto;
 322      font-size: large;
 323  }
 324  .alignCenter {
 325      text-align: center;
 326  }
 327  .backLight {
 328      background-color: <?php echo $tableRowLight ?>;
 329  }
 330  .backDark {
 331      background-color: <?php echo $tableRowDark ?>;
 332  }
 333  .bold {
 334      font-weight: bold;
 335  }
 336  .error {
 337      color: <?php echo $errorTextMedium ?>;
 338  }
 339  .hide {
 340      display: none;
 341  }
 342  .small {
 343      font-size: 0.8em;
 344  }
 345  .narrow {
 346      width: 60%;
 347  }
 348  .wide {
 349      width: 90%;
 350  }
 351  .full {
 352      width: 100%;
 353  }
 354  .detail {
 355      color: <?php echo $tertiaryDark ?>;
 356      font-weight: normal;
 357      font-size: 0.8em;
 358  }
 359  .navigator {
 360      color: <?php echo $navigatorColor ?>;
 361      background-color: <?php echo $navigatorBackground ?>;
 362      padding-left: 10px;
 363      font-weight: bold;
 364      text-align: right;
 365      line-height: 18px;
 366  }
 367  .pager {
 368      background-color: <?php echo $errorTextLight ?>;
 369      white-space: nowrap;
 370      text-align: center;
 371      width: 90%;
 372      margin: 0 auto;
 373      padding: 2px 0;
 374      border: 1px dashed <?php echo $errorDark ?>;
 375  }
 376  .title {
 377      color: <?php echo $tertiaryDark ?>;
 378      font-weight: normal;
 379      font-size: 1.5em;
 380  }
 381  .toolBtnSeparate {
 382      margin-left: 20px;
 383  }
 384  .treeMenuDefault {
 385      font-size: 11px;
 386  }
 387  .dateSelector {
 388      cursor: pointer;
 389  }
 390  
 391  /******************************* CONTENT : FORMS ******************************/
 392  
 393  fieldset {
 394      width: 80%;
 395      margin: 0 auto;
 396      color: <?php echo $secondaryDarker ?>;
 397      font-size: 1.1em;
 398      font-weight: bold;
 399  }
 400  legend {
 401      color: <?php echo $secondaryDarker ?>;
 402  }
 403  .fieldName, .fieldNameWrap {
 404      background-color: <?php echo $tertiaryLight ?>;
 405      color: <?php echo $secondaryDarker ?>;
 406      font-weight: bold;
 407      text-align: left;
 408      width: 35%;
 409  }
 410  .fieldName {
 411      white-space: nowrap;
 412  }
 413  .fieldValue {
 414      background-color: <?php echo $primaryTextLight ?>;
 415      line-height: 16px;
 416      text-align: left;
 417      width: 65%;
 418  }
 419  .noBorder {
 420      border: none;
 421      font-size: 10px;
 422  }
 423  .narrowButton {
 424      text-align: center;
 425      width: 9em;
 426  }
 427  .wideButton {
 428      text-align: center;
 429      width: 13em;
 430  }
 431  
 432  /***************************** CONTENT : MESSAGES *****************************/
 433  
 434  .errorContainer, .messageContainer {
 435      margin: 0 auto;
 436      width: 50%;
 437  }
 438  .errorHeader {
 439      background-color: <?php echo $error ?>;
 440      color: <?php echo $errorTextLight ?>;
 441      font-weight: bold;
 442      letter-spacing: 1px;
 443      text-align: center;
 444      text-transform: uppercase;
 445  }
 446  .errorContent {
 447      border: 1px dotted <?php echo $errorDark ?>;
 448      border-top: 1px solid <?php echo $error ?>;
 449      color: <?php echo $errorText ?>;
 450      background-color: <?php echo $errorLight ?>;
 451      text-align: left;
 452      padding: 0 10px;
 453  }
 454  .errorMessage {
 455      margin: 0 auto;
 456      border: 1px dotted <?php echo $errorDark ?>;
 457      background-color: <?php echo $errorLight ?>;
 458      text-align: center;
 459      width: 60%;
 460  }
 461  .messageHeader {
 462      color: <?php echo $primaryTextLight ?>;
 463      background-color: <?php echo $primary ?>;
 464      font-weight: bold;
 465      font-size: 1.2em;
 466      line-height: 1.5em;
 467      text-align: center;
 468  }
 469  .messageContent {
 470      background-color: <?php echo $primaryTextLight ?>;
 471      color: <?php echo $secondaryDarker ?>;
 472      border: 1px solid <?php echo $primary ?>;
 473      text-align: center;
 474  }
 475  .messageContent div {
 476      padding: 5px;
 477  }
 478  .message div{
 479      margin: 0 15% 10px;
 480      padding: 5px;
 481      background-color: <?php echo $primaryTextLight ?>;
 482      text-align: center;
 483  }
 484  .infoMessage {
 485      border: 1px solid <?php echo $primary ?>;
 486      color: <?php echo $primary ?>;
 487  }
 488  .errorMessage {
 489      border: 1px solid <?php echo $errorDark ?>;
 490      color: <?php echo $errorDark ?>;
 491  }
 492  
 493  /* /////////////// Lists /////////////// */
 494  
 495  ul.noindent {
 496      margin-left: 5px;
 497      padding-left: 5px;
 498  }
 499  ul.bullets li {
 500      list-style-image: url('<?php echo $baseUrl ?>/images/bullet.gif');
 501  }
 502  
 503  /* /////////////// Tooltips /////////////// */
 504  
 505  .tipOwner {
 506      position: relative;
 507      cursor: help;
 508      <?php if ($browserFamily == 'MSIE') {?>
 509      behavior: url(<?php echo $baseUrl ?>/css/tooltipHover.htc);
 510      <?php } ?>
 511  }
 512  .tipOwner .tipText {
 513      display: none;
 514      position: absolute;
 515      top: 0;
 516      left: 105%;
 517      border: 1px solid transparent;
 518      border-color: <?php echo $button ?>;
 519      background-color: <?php echo $tertiaryLight ?>;
 520      color: <?php echo $secondaryDarker ?>;
 521      text-align: center;
 522      width: 15em;
 523      padding: 2px 5px;
 524      <?php if ($browserFamily == 'Gecko') {?>
 525      -moz-opacity: 0.85;
 526      <?php } else if ($browserFamily == 'MSIE') {?>
 527      filter: alpha(opacity=85);
 528      filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
 529      <?php } ?>
 530  }
 531  .tipOwner:hover .tipText {
 532      display: block;
 533  }
 534  
 535  /******************************* DEPRECATED ***********************************/
 536  
 537  .bgnd {
 538      background-color: <?php echo $secondaryLight ?>;
 539      border: 1px solid <?php echo $tertiaryDark ?>;
 540  }
 541  .bgnd a, a.noDecoration {
 542      text-decoration: none;
 543  }
 544  .bgnd a {
 545      color: <?php echo $secondaryDarker ?>;
 546      font-weight: normal;
 547  }
 548  .moduleOverview {
 549      width: 20.5em;
 550      height: 8em;
 551  }
 552  .newsItem {
 553      border: 1px solid <?php echo $tertiaryDark ?>;
 554      margin: 0 auto;
 555      padding: 0 10px 10px 10px;
 556      background-color: <?php echo $errorTextLight ?>;
 557  }
 558  .pinstripe table {
 559      background-color: <?php echo $tertiaryLight ?>;
 560      width: 90%;
 561  }
 562  .pinstripe td {
 563      background-color: <?php echo $primaryTextLight ?>;
 564  }
 565  .pinstripe img {
 566      padding: 10px;
 567  }
 568  .pinstripe button {
 569      padding: 10px 0;
 570  }