[Sommaire] [Imprimer]

   1  /* USED COOLORS:
   2      dark #d6d6d6;
   3      light #f4f4f4;
   4      main blue #011a7c;
   5      light blue #AAB3D3
   6      very light blue #FDFDFF;
   7  
   8  OLD:
   9      light blue #8eb2d9;
  10      medium blue #b8d3f0;
  11  */
  12  
  13  /* *****************************
  14     MAIN Selectors
  15   * *****************************/
  16  
  17  body {
  18      font-size: 10pt;
  19      margin: 0px;
  20      padding: 0px;
  21      background-color: #FFFFFF;
  22      font-size: 10px;
  23      font-family: luxi sans, trebuchet ms, bitstream vera sans, verdana, arial, helvetica, sans-serif;
  24  }
  25  
  26  a, input, textarea, p, td, th, div, span {
  27      font-family: luxi sans, "Trebuchet ms", bitstream vera sans, verdana, arial, helvetica, sans-serif;
  28  }
  29  
  30  h4,h3 {
  31      margin: 0;
  32  }
  33  
  34  a:link,
  35  a:visited,
  36  a:active {
  37      color: #011a7c;
  38      text-decoration: none;
  39  }
  40  
  41  a:hover {
  42      color: #011a7c;
  43      text-decoration: underline;
  44  }
  45  
  46  #mainpane {
  47      border: 0px;
  48      padding: 0px;
  49      margin: 20px 0px 0px 0px;
  50      width: 100%;
  51      position: relative;
  52  }
  53  
  54  /* *****************************
  55     HEADER
  56   * *****************************/
  57  
  58  #serendipity_banner {
  59      height: 150px;
  60      background-color: #011b7c;
  61      background-image: url({TEMPLATE_PATH}img/header_bar.png);
  62      background-repeat: repeat-x;
  63      width: 100%;
  64      padding: 0px;
  65      margin: 0px;
  66      border: 0px;
  67  }
  68  
  69  
  70  #serendipity_banner h1 {
  71      position: absolute;
  72      top: 0px;
  73      left: 0px;
  74      background-image: url({TEMPLATE_PATH}img/header_logo.png);
  75      background-repeat: no-repeat;
  76      padding: 78px 0px 0px 131px;
  77      height: 100px;
  78      width: 770px;
  79      font-size: 2.4em;
  80      letter-spacing: 0.05em;
  81      margin: 0px;
  82      overflow: hidden;
  83  }
  84  
  85  #serendipity_banner h2 {
  86      position: absolute;
  87      top: 108px;
  88      left: 131px;
  89      font-size: 1.3em;
  90      margin: 0px;
  91      letter-spacing: 0.03em;
  92  }
  93  
  94  a.homelink1,
  95  a.homelink1:link,
  96  a.homelink1:visited {
  97      color: #011c7c;
  98      text-decoration: none;
  99  }
 100  
 101  a.homelink2,
 102  a.homelink2:link,
 103  a.homelink2:visited {
 104      color: #011c7c;
 105      text-decoration: none;
 106  }
 107  
 108  a.homelink1:hover,
 109  a.homelink2:hover {
 110      color: #AAB3D3;
 111      border-bottom: 1px solid #AAB3D3;
 112  }
 113  
 114  /* *****************************
 115     Content Parts
 116   * *****************************/
 117  
 118  #content {
 119      padding: 0px 0px 0px 22px;
 120      margin: 10px auto 0px auto;
 121      vertical-align: top;
 122  }
 123  
 124  #contentSpacer {
 125      min-width: 400px;
 126      margin: 0px auto 0px auto;
 127  }
 128  
 129  .serendipity_content_message {
 130  }
 131  
 132  /* *****************************
 133     Entry related
 134   * *****************************/
 135  
 136  .serendipity_Entry_Date {
 137      background-color: #fcfcfc;
 138      margin-bottom: 7em;
 139      border-bottom: 1px solid #d6d6d6;
 140  }
 141  
 142  .serendipity_Entry_Header {
 143      background-color: #FFFFFF;
 144  /*
 145      border-bottom: 1px solid #AAB3D3;
 146  */
 147  }
 148  
 149  .serendipity_date {
 150      display: inline;
 151      color: #011a7c;
 152      font-size: 1.1em;
 153      margin: 0px;
 154  }
 155  
 156  h3.serendipity_date {
 157      text-align: right;
 158      display: block;
 159      padding: 0px 7px 0px 5px;
 160  }
 161  
 162  .serendipity_title {
 163      margin: 0px;
 164      background-color: #FFFFFF;
 165      font-size: 2em;
 166      font-weight: bold;
 167      color: #011a7c;
 168      padding: 10px 0px 10px 4px;
 169      border-bottom: 1px solid #d6d6d6;
 170  }
 171  
 172  .serendipity_title a,
 173  .serendipity_title a:link,
 174  .serendipity_title a:visited {
 175      color: #011a7c;
 176      text-decoration: none;
 177  }
 178  
 179  .serendipity_title a:hover {
 180      color: #AAB3D3;
 181      border-bottom: 1px solid #AAB3D3;
 182  }
 183  
 184  .serendipity_entry {
 185      color: #000000;
 186      font-size: 1.3em;
 187      font-weight: normal;
 188      padding: 5px;
 189      margin: 1em auto 0px auto;
 190      background-color: #fcfcfc;
 191  }
 192  
 193  .serendipity_entry .serendipity_entryFooter {
 194      padding: 5px 5px 0px 0px;
 195      text-align: right;
 196  }
 197  
 198  .serendipity_title_footer {
 199      text-align: right;
 200      margin: 0px;
 201      padding: 2px 7px 0px 0px;
 202      background-image: url({TEMPLATE_PATH}img/header_spacer.png);
 203      background-repeat: repeat-x;
 204      background-position: 0px 0px;
 205      background-color: white;
 206  }
 207  
 208  
 209  div.serendipity_entryFooter {
 210      font-size: x-small;
 211      color: #000000;
 212      padding-top: 10px;
 213      padding-bottom: 4px;
 214      clear: both;
 215  }
 216  
 217  img.serendipity_entryIcon {
 218      float: right;
 219      border: 0px;
 220  }
 221  
 222  /* *****************************
 223     SIDEBARS
 224   * *****************************/
 225  
 226  .serendipitySideBarContent input {
 227      width: 150px;
 228  }
 229  
 230  #serendipityRightSideBar {
 231      width: 190px;
 232  }
 233  
 234  #serendipityLeftSideBar {
 235      width: 190px;
 236  }
 237  
 238  .sideBarSpacer {
 239      margin: 0px 30px 0px 30px;
 240  }
 241  
 242  div.serendipityPlug {
 243      padding-left: 10px;
 244  }
 245  
 246  div.serendipityPlug a {
 247      text-decoration: none;
 248      border: 0px;
 249  }
 250  
 251  /* Container for each item on the side bar */
 252  div.serendipitySideBarItem {
 253      padding-bottom: 12px;
 254      margin-bottom: 12px;
 255      font-size: 12px;
 256      font-weight:normal;
 257      border: 0px;
 258      width: 180px;
 259  }
 260  
 261  .serendipitySideBarContent {
 262      background-color: #FFFFFF;
 263      background-image: url({TEMPLATE_PATH}img/sidebar_spacer.jpg);
 264      background-repeat: repeat-x;
 265      background-position: 0px 0px;
 266      padding: 5px;
 267      padding-top: 10px;
 268  }
 269  
 270  .serendipitySideBarContent form {
 271      margin: 0px;
 272      padding: 0px;
 273  }
 274  
 275  #serendipityLeftSideBar .serendipitySideBarTitle {
 276      background-image: url({TEMPLATE_PATH}img/sidebar_left.jpg);
 277      background-repeat: no-repeat;
 278      border: 1px solid #011a7c;
 279  }
 280  
 281  #serendipityRightSideBar .serendipitySideBarTitle {
 282      background-image: url({TEMPLATE_PATH}img/sidebar_left.jpg);
 283      background-repeat: no-repeat;
 284      border: 1px solid #011a7c;
 285  }
 286  
 287  /* title of an individual item */
 288  .serendipitySideBarTitle {
 289      background-color: #011a7c;
 290      margin: 0px;
 291      color: #FFFFFF;
 292      font-size: 12px;
 293      font-weight:bold;
 294      padding: 4px 5px 2px 5px;
 295      display: block;
 296  }
 297  
 298  /* *****************************
 299     COMMENTS
 300   * *****************************/
 301  
 302  .serendipity_comments {
 303      position: relative;
 304  }
 305  
 306  .serendipity_commentsTitle {
 307      font-size: small;
 308      font-weight: bold;
 309      margin-top: 10px;
 310      color: #011a7c;
 311      padding-left: 5px;
 312      border-bottom: 1px solid #AAB3D3;
 313  }
 314  
 315  td.serendipity_commentsLabel {
 316      font-size: 12px;
 317      font-weight: bold;
 318      vertical-align: top;
 319  }
 320  
 321  td.serendipity_commentsValue input,
 322  td.serendipity_commentsValue select,
 323  td.serendipity_commentsValue textarea {
 324      font-size: 12px;
 325      padding: 2px;
 326      width: 380px;
 327  }
 328  
 329  .serendipity_commentForm {
 330      font-size: 13px;
 331      margin-bottom: 13px;
 332      margin-right: 10px;
 333      margin-left: 10px;
 334      background-color: #FFFFFF;
 335  }
 336  
 337  .serendipity_comment {
 338      font-size: 13px;
 339      margin-top: 14px;
 340      margin-right: 10px;
 341      margin-left: 10px;
 342      margin-bottom: 35px;
 343      border: 1px solid #AAB3D3;
 344      background-color: #FFFFFF;
 345      padding: 5px 5px 5px 5px;
 346      clear: both;
 347  }
 348  
 349  .serendipity_commentBody {
 350      padding: 0px 0px 0px 5px;
 351      overflow: auto;
 352  }
 353  
 354  .serendipity_comment_source {
 355      margin-top: 10px;
 356      padding: 0px 0px 0px 5px;
 357      color: #011a7c;
 358      display: block;
 359      position: absolute;
 360      z-index: 3;
 361  }
 362  
 363  .serendipity_section_trackbacks .serendipity_comment {
 364      margin-bottom: 55px;
 365  }
 366  
 367  /* *****************************
 368     CALENDAR
 369   * *****************************/
 370  
 371  table.serendipity_calendar {
 372      margin: 0px auto 0px auto;
 373  }
 374  
 375  table.serendipity_calendar td {
 376      font-size:10px;
 377      padding: 3px 5px 3px 5px;
 378      text-align: center;
 379  }
 380  
 381  table.serendipity_calendar td.serendipity_calendarHeader {
 382      padding: 10px;
 383  }
 384  
 385  table.serendipity_calendar a {
 386      font-weight: bold;
 387      text-decoration: none;
 388      display: block;
 389  }
 390  
 391  table.serendipity_calendar td.Today,
 392  table.serendipity_calendar td.Today a,
 393  table.serendipity_calendar a:hover {
 394      background-color: #011a7c;
 395      color: white;
 396      text-decoration: none;
 397  }
 398  
 399  table.serendipity_calendar td.serendipity_weekDayName {
 400      font-size:11px;
 401      font-weight:bold;
 402      border-bottom: 1px solid #f4f4f4;
 403      padding: 1px;
 404  }
 405  
 406  td.LastInRow {
 407      background-color: #f4f4f4;
 408  }
 409  
 410  td.serendipity_calendarHeader a:link,
 411  td.serendipity_calendarHeader a:visited,
 412  td.serendipity_calendarHeader a:hover {
 413      border: 0;
 414      text-decoration: none;
 415  }
 416  
 417  /* *****************************
 418     IMAGE comments
 419   * *****************************/
 420  
 421  .serendipityImageButton {
 422      cursor: pointer;
 423  }
 424  
 425  .serendipity_imageComment_center,
 426  .serendipity_imageComment_left,
 427  .serendipity_imageComment_right {
 428      border: 1px solid #011a7c;
 429      background-color: #f4f4f4;
 430      margin: 3px;
 431      padding: 3px;
 432      text-align: center;
 433  }
 434  
 435  .serendipity_imageComment_center {
 436      margin: auto;
 437  }
 438  
 439  .serendipity_imageComment_left {
 440      float: left;
 441  }
 442  
 443  .serendipity_imageComment_right {
 444      float: right;
 445  }
 446  
 447  .serendipity_imageComment_img,
 448  .serendipity_imageComment_img img {
 449      margin: 0px;
 450      padding: 0px;
 451      text-align: center;
 452  }
 453  
 454  .serendipity_imageComment_txt {
 455      border-top: 1px solid #DDDDDD;
 456      margin: 0px;
 457      padding: 3px;
 458      clear: both;
 459      font-size: 8pt;
 460      text-align: center;
 461  }
 462  
 463  .serendipity_center {
 464      margin-left: auto;
 465      margin-right: auto;
 466      text-align: center;
 467  }
 468  
 469  .serendipity_msg_important {
 470      color: red;
 471  }
 472  
 473  .serendipity_msg_notice {
 474      color: green;
 475  }
 476  
 477  #copyright {
 478      margin: 0px auto 0px auto;
 479      text-align: center;
 480  }
 481  
 482  .serendipity_no_entries,
 483  .serendipity_search {
 484      margin: 0px auto 0px auto;
 485      text-align: center;
 486      padding: 15px;
 487      border-top: 1px solid #011a7c;
 488      background-image: url({TEMPLATE_PATH}img/sidebar_spacer.jpg);
 489      background-repeat: repeat-x;
 490      background-color: #FFFFFF;
 491      font-size: 1.2em;
 492      margin-bottom: 20px;
 493  }
 494