[Sommaire] [Imprimer]

   1  /******************************************************/
   2  /* Theme by Carl Galloway                             */
   3  /* http://www.carlgalloway.com                        */
   4  /* This is a structured and commented version         */
   5  /* of the serendipity blog default theme.             */
   6  /*                                                    */
   7  /* Styles have been organised into the following      */
   8  /* groups; general, header, footer, entry, comments   */
   9  /* commentform, sidebar, calendar, image media, and   */
  10  /* plugins.                                           */
  11  /*                                                    */
  12  /* My comments are inside the /*  */, these can       */
  13  /* safely be deleted if you do not require them.      */
  14  /******************************************************/
  15  
  16  
  17  
  18  
  19  /********* General Styles  *********/
  20  
  21   /* used in entry/sidebar titles */
  22  h4, h3    {
  23      margin: 0; }
  24  
  25  /* the input boxes used in forms */
  26  input, textarea, select {
  27      font-size: 10pt; }
  28  
  29  /* all table headers and rows */
  30  th, td {
  31      font-size: 10pt; }
  32  
  33  /* style for lists */
  34  li {
  35      list-style-position: inside; }
  36  
  37  /* style for blockquotes inserted into posts */
  38  blockquote {
  39      margin: 15px 30px 0 15px;
  40      padding-left: 15px;
  41      border-left: 4px solid #2a5a8a; }
  42  
  43  /* all links are blue with no underline */
  44  a:link, a:visited, a:active {
  45      color: #235587;
  46      text-decoration: none; }
  47  
  48  /* change link color to dark blue and underline when hovered over */
  49  a:hover {
  50      color: #5f90ba;
  51      text-decoration: underline; }
  52  
  53  /* used when s9y needs to center something */
  54  .serendipity_center {
  55      margin-left: auto;
  56      margin-right: auto;
  57      text-align: center; }
  58  
  59  /* warning messages from s9y */
  60  .serendipity_msg_important {
  61      color: red; }
  62  
  63  /* messages letting you know something has happened eg comment saved */
  64  .serendipity_msg_notice {
  65      color: green; }
  66  
  67  /* style to temporarily change something to grey */
  68  .grey {
  69      color:#999; }
  70  
  71  /********* End of General Styles *********/
  72  
  73  
  74  
  75  
  76  /********* Structural Styles *********/
  77  
  78  /* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
  79  body {
  80      direction: {LANG_DIRECTION};
  81      font-size: 0.9em;
  82      background-color: #f1f6fb;
  83      margin: 0;
  84      padding:0;
  85      font-family: "trebuchet ms", "bitstream vera sans", arial, sans-serif; }
  86  
  87  /* wrapper for page */
  88  #wrap {
  89      width:90%;
  90      margin:0 auto; }
  91  
  92  /* container for banner */
  93  #serendipity_banner {
  94      margin: auto;
  95      width: 100%;
  96      height: 72px;
  97      background-image: url({TEMPLATE_PATH}img/background.png); }
  98  
  99  /* container for content and sidebar */
 100  #mainpane {
 101      border-right:1px solid #235587;
 102      border-left:1px solid #235587;
 103      border-bottom:1px solid #235587;
 104      margin: 0 auto;
 105      width: 100%;
 106      border-top: 0px;
 107      background-color: #FFFFFF; }
 108  
 109  /* container for entries column */
 110  #content {
 111      padding: 0 10px 10px 10px;
 112      margin: 0 10px 10px 10px;
 113      width: auto; }
 114  
 115  /* container for right sidebar */
 116  #serendipityRightSideBar {
 117      width: 170px;
 118      padding: 0 0 0 10px;
 119      margin:0;
 120      vertical-align: top; }
 121  
 122  /* container for left sidebar */
 123  #serendipityLeftSideBar {
 124      width: 170px;
 125      padding:0 10px 0 1px;
 126      margin:0;
 127      vertical-align: top; }
 128  
 129  /* container for page footer */
 130  #footer {
 131      padding:0;
 132      margin:0;
 133      background-color: #ecf3fd; }
 134  
 135  /********* End of Structural Styles *********/
 136  
 137  
 138  
 139  
 140  /********* Header/Banner Styles *********/
 141  
 142  /* the big link in the banner, blog name/entry title */
 143  a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1 {
 144      color: #fff;
 145      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 146      font-size : 20px;
 147      padding-left:15px;
 148      padding-top: 20px;
 149      margin: 0px;
 150      text-decoration: none; }
 151  
 152  /* the smaller link in the banner, blog description */
 153  a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2 {
 154      color: #fff;
 155      padding-left: 15px;
 156      font-size: 14px;
 157      margin: 0px;
 158      text-decoration: none; }
 159  
 160  /********* End of Header/Banner Styles *********/
 161  
 162  
 163  
 164  
 165  /********* Footer Styles *********/
 166  
 167  /* footer paragraph text */
 168  #footer p {
 169      color:#666;
 170      text-transform:lowercase;
 171      font-size: 9pt;
 172      font-weight:bold;
 173      line-height: 1.5; }
 174  
 175  /* make footer links blue, no underline */
 176  #footer a {
 177      color:#215385;
 178      text-decoration:none; }
 179  
 180  /* underline footer links when hovered over */
 181  #footer a:hover {
 182      text-decoration:underline; }
 183  
 184  /********* End of Footer Styles *********/
 185  
 186  
 187  
 188  
 189  
 190  /********* Entry Styles *********/
 191  
 192  /* container for the entry/post */
 193  .serendipity_entry {
 194      font-family: arial, helvetica, sans-serif;
 195      color: #333;
 196      font-size: 9.5pt;
 197      font-weight: normal;
 198      margin: 10px 0 40px 0; }
 199  
 200  /* container for entry title and date */
 201  .serendipity_Entry_Date {
 202      clear:both; }
 203  
 204  /* style for the actual date below entry title */
 205  .serendipity_date {
 206      text-align:right;
 207      line-height:0.85em;
 208      color: #999;
 209      margin:10px 0 0 0;
 210      text-transform:lowercase;
 211      display:block;
 212      font-size:.9em;
 213      border-bottom: 1px solid #ddd;
 214      padding: 10px 12px 0 0; }
 215  
 216  /* entry title */
 217  .serendipity_title {
 218      font-size: medium;
 219      font-weight: bold;
 220      margin-top: 5px;
 221      color: #235587; }
 222  
 223  /* style for the meta box title */
 224  .serendipity_meta_title {
 225      font-size: small;
 226      font-weight: bold;
 227      margin: 0; padding:0;
 228      color: #235587; }
 229  
 230  /* entry title link, regular color is black */
 231  .serendipity_title a:link, .serendipity_title a:visited {
 232      text-decoration: none;
 233      font-weight: bold;
 234      border: 0;
 235      background:none;
 236      color: #235587; }
 237  
 238  /*entry title link when hovered over, changes to orange */
 239  .serendipity_title a:hover {
 240      color: #e37235; }
 241  
 242  /* additional styles used for entry text */
 243  .serendipity_entry p {
 244      margin-top: 0px;
 245      padding-bottom: 0px; }
 246  
 247  /* style for extended body */
 248  .serendipity_entry_extended {
 249      margin-top:20px; }
 250  
 251  /* prevent styling of the extended placeholder, otherwise the background image is visible */
 252  #extended {
 253      background:none;
 254      display:none; }
 255  
 256  /* the meta box that includes links to comments, trackbacks etc */
 257  div.serendipity_entryFooter {
 258      margin: 0 0 10px 10px;
 259      width:170px;
 260      float:right;
 261      border:1px solid #ddecfb;
 262      background-color:#f6f8fb;
 263      font-size: 0.8em;
 264      color: #000000;
 265      padding-bottom: 4px; }
 266  
 267  /* style for links within the page footer */
 268  div.serendipity_entryFooter a {
 269      font-weight:bolder; }
 270  
 271  /* style for hovered over links within page footer */
 272  div.serendipity_entryFooter a:hover {
 273      color: #e37235;
 274      text-decoration:none; }
 275  
 276  /* styles for category icon if used */
 277  img.serendipity_entryIcon {
 278      float: right;
 279      border: 0px;
 280      margin-top:1px; }
 281  
 282  /* styling the continue reading byline, needed to stop firefox making the link 100% wide */
 283  .continue_reading {
 284      display:block;
 285      margin-top:10px;
 286      clear:left; }
 287  
 288  /* styling the continue reading byline link */
 289  .continue_reading a {
 290      font-weight:normal;
 291      background:none; }
 292  
 293  /* styling the continue reading byline when hovered over */
 294  .continue_reading a:hover {
 295      color: #5f90ba;
 296      background:none;
 297      text-decoration: underline; }
 298  
 299  /* not used, but allows additional style to show author's posts in multi-author blogs */
 300  .serendipity_entry_author_self {
 301      }
 302  
 303  /* styles for the next/previous links above footer, includes start page and archives links */
 304  .serendipity_pageFooter {
 305      clear:both;
 306      margin-top:10px; }
 307  
 308  /* container for summary listings in archives */
 309  .archive_summary {
 310      clear:both;
 311      margin:15px 0 0 10px;
 312      font-size:0.9em;}
 313  
 314  /* style for entry title in summary archives overview */
 315  .archive_summary_title {
 316      font-size: 1.0em;
 317      font-weight: bold;
 318      margin: 0; padding:0; }
 319  
 320  /********* End of Entry Styles *********/
 321  
 322  
 323  
 324  
 325  /********* Comment Styles *********/
 326  
 327  /* container for all comments, not styled separately in default theme */
 328  .serendipity_comments {
 329      }
 330  
 331  /* comments, trackbacks and commentform titles */
 332  .serendipity_commentsTitle {
 333      font-size: medium;
 334      font-weight: bold;
 335      margin-top: 10px;
 336      color: #336d9f;
 337      clear:left; }
 338  
 339  /* container for individual comments */
 340  .serendipity_comment {
 341      padding: 3px; }
 342  
 343  /* style for comment author, date commented etc */
 344  .serendipity_comment_source {
 345      margin-top: 5px;
 346      padding-left: 5px;
 347      margin-bottom: 5px;
 348      padding-bottom: 3px; }
 349  
 350  /* style for comment author if logged in */
 351  .serendipity_comment_author_self {
 352      border-top:3px solid #e37235;
 353      border-bottom:3px solid #e37235; }
 354  
 355  /* style for even numbered comments*/
 356  .comment_evenbox {
 357      margin:0 0 20px 0;
 358      border-top:1px solid #5f90ba;
 359      border-bottom:1px solid #5f90ba;
 360      background-color:#fafbfc;
 361      color:#505050;
 362      line-height:1.5em; }
 363  
 364  /* style for odd numbered comments*/
 365  .comment_oddbox {
 366      margin:0 0 20px 0;
 367      border-top:1px solid #c0c0c0;
 368      border-bottom:1px solid #c0c0c0;
 369      background-color:#fafbfc;
 370      color:#505050;
 371      line-height:1.5em; }
 372  
 373  /********* End of Comment Styles *********/
 374  
 375  
 376  
 377  /********* Comment Form *********/
 378  
 379  /* container style for entire comment form */
 380  .serendipity_commentForm {
 381      font-size: 13px;
 382      color: #404040;
 383      margin-bottom: 13px;
 384      margin-right: 10px;
 385      margin-left: 10px;
 386      background-color: #FFFFFF; }
 387  
 388  /* style for name, email etc fields in comments form */
 389  td.serendipity_commentsLabel {
 390      font-size: 12px;
 391      font-weight: bold;
 392      vertical-align: top; }
 393  
 394  /* styles for input boxes in comments form */
 395  td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
 396      font-size: 12px;
 397      padding: 2px; }
 398  
 399  /********* End of Comment Form *********/
 400  
 401  
 402  
 403  
 404  /********* Sidebar Styles *********/
 405  
 406  /* container style for individual sidebar blocks */
 407  div.serendipitySideBarContent {
 408      padding-bottom: 12px;
 409      margin-bottom: 12px;
 410      font-size: 12px;
 411      font-weight:normal; }
 412  
 413  /* style for each sidebar title */
 414  .serendipitySideBarTitle {
 415      line-height:0.85em;
 416      color: #999;
 417      margin:10px 0 4px 0;
 418      text-transform:lowercase;
 419      display:block;
 420      font-size:.9em;
 421      border-bottom: 1px solid #ddd;
 422      padding: 10px 0 0 12px; }
 423  
 424  /* style for the powered by sidebar entry */
 425  div.serendipityPlug img {
 426      padding-left:5px; }
 427  
 428  /* style for the powered by link */
 429  div.serendipityPlug a {
 430      text-decoration: none;
 431      border: 0px; }
 432  
 433  /* style for input and select drop downs in sidebar */
 434  .serendipitySideBarContent input, .serendipitySideBarContent select {
 435      width:150px; }
 436  
 437  /* style for side bar date eg recent entries plugin */
 438  .serendipitySideBarDate {
 439      line-height:0.9em; }
 440  
 441  /********* End of Sidebar Styles *********/
 442  
 443  
 444  
 445  
 446  /********* Calendar Styles *********/
 447  
 448  /* style for entire table in calendar plugin */
 449  table.serendipity_calendar {
 450      border-bottom:1px solid #ddecfb;
 451      border-left:1px solid #ddecfb;
 452      border-right:1px solid #ddecfb; }
 453  
 454  /* container style for calendar table rows */
 455  table.serendipity_calendar td {
 456      text-align:center;
 457      padding: 3px; }
 458  
 459  /* style for calendar date links */
 460  table.serendipity_calendar a {
 461      font-weight: bold;
 462      text-decoration:none; }
 463  
 464  /* style for calendar links when hovered over */
 465  table.serendipity_calendar a:hover {
 466      text-decoration: underline; }
 467  
 468  /* style for calender header row */
 469  .serendipity_calendarHeader {background:#235587; }
 470  
 471  /* styles for month name and arrows in calendar */
 472  td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
 473      border: 0;
 474      color:#fff;
 475      text-decoration: none; }
 476  
 477  /* style for calendar weekday names */
 478  td.serendipity_weekDayName {
 479           font-size:95%!important;
 480      font-size:90%;
 481      font-weight:575;
 482      color:#fff;
 483      background:#5f90ba; }
 484  
 485  /* style for calendar day rows */
 486  td.serendipity_calendarDay {
 487      color:#888;
 488      font-size:90%; }
 489  
 490  /* separate style for today's date */
 491  td.Today {color: #444; text-decoration: overline; }
 492  
 493  /* styles for calendar days rows */
 494  .row1 {background: #ddecfb; }
 495  .row2 {background: #e2eefb; }
 496  .row3 {background: #e7f1fb; }
 497  .row4 {background: #ecf3fb; }
 498  .row5 {background: #f1f6fb; }
 499  .row6 {background: #f6f8fb; }
 500  
 501  /********* End of Calendar Styles *********/
 502  
 503  
 504  
 505  
 506  
 507  /********* Embedded images with the s9y image manager *********/
 508  
 509  /* container for images and text */
 510  .serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
 511      border: 1px solid #DDDDDD;
 512      background-color: #EFEFEF;
 513      margin: 3px;
 514      padding: 3px;
 515      text-align: center; }
 516  
 517  /* style to center image and text within entry */
 518  .serendipity_imageComment_center {
 519      margin: auto; }
 520  
 521  /* style to left align image and text within entry */
 522  .serendipity_imageComment_left {
 523      float: left; }
 524  
 525  /* style to right align image and text within entry */
 526  .serendipity_imageComment_right {
 527      float: right; }
 528  
 529  /* styles for the images */
 530  .serendipity_imageComment_img, .serendipity_imageComment_img img {
 531      margin: 0px;
 532      padding: 0px;
 533      border:none;
 534      text-align: center; }
 535  
 536  /* styles for the text below the image if used */
 537  .serendipity_imageComment_txt {
 538      border-top: 1px solid #DDDDDD;
 539      margin: 0px;
 540      padding: 3px;
 541      clear: both;
 542      font-size: 8pt;
 543      text-align: center; }
 544  
 545  /********* End of Media Manager Styles *********/
 546  
 547  
 548  
 549  
 550  
 551  /********* Plugin Styles *********/
 552  
 553  /* container for search results, static page navigation and s9y no entries message */
 554  .serendipity_search, .staticpage_navigation, .serendipity_overview_noentries {
 555      margin:10px 0 20px 0;
 556      padding:10px;
 557      border:1px solid #c0c0c0;
 558      background-color:#fafbfc;
 559      color:#505050;
 560      line-height:1.5em;
 561      clear:both; }
 562  
 563  /* style for input box for quicksearch */
 564  #serendipityQuickSearchTermField {
 565      width:70%;
 566      margin-top:10px!important;
 567      margin:0;
 568      padding:0; }
 569  
 570  /* style for the seearch term and number of results using quicksearch */
 571  .searchterm, .searchresults {color:#235587;font-weight:bold; }
 572  
 573  /* style for freetag items above entries */
 574  .serendipity_freetag_taglist {
 575      margin:10px 0 20px 0;
 576      padding:15px;
 577      font-size: 80%;
 578      color:#505050;
 579      border: 1px solid #c0c0c0;
 580      background-color: #fafbfc;
 581      line-height:1.5em;
 582      text-align: justify; }
 583  
 584  /* container for freetag plugin in entry footer */
 585  .serendipity_freeTag {
 586      margin-top:10px;}
 587  
 588  /* style for the rss feed image in freetag plugin */
 589  img.serendipity_freeTag_xmlButton {
 590      border:none;
 591      padding-left:2px; }
 592  
 593  /* container for karma vote plugin */
 594  .serendipity_karmaVoting {
 595      margin-top: 10px; }
 596  
 597  /* allows additional styling for top exits text in karma plugin */
 598  .serendipity_karmaVoting_exits {
 599      }
 600  
 601  /* style for number of top exits in karma plugin */
 602  .serendipity_karmaVoting_exits_num {
 603      }
 604  
 605  /* style for karma plugin 'Karma for this article:' and vote links */
 606  .serendipity_karmaVoting_text {}
 607  
 608  /* style for vote links in karma plugin */
 609  .serendipity_karmaVoting_links {
 610      display:block;
 611      clear:left; }
 612  
 613  /* style for karma plugin text and vote line */
 614  .serendipity_karmaVoting_current, .serendipity_karmaVoting_visits {}
 615  
 616  /* style for the separator '|' in the karma plugin top exits */
 617  .serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting br {
 618      display:none; }
 619  
 620  /* container for comments plugin within sidebar */
 621  .container_serendipity_plugin_comments {
 622      color:#333; }
 623  
 624  /* style for line break in comments plugin */
 625  .container_serendipity_plugin_comments br {
 626      line-height:0.5em; }
 627  
 628  /* container for individual comment within sidebar */
 629  .plugin_comment_wrap {
 630      display:block;
 631      margin:15px 0 0 0;
 632      border-top:1px solid #ddecfb;
 633      border-bottom:1px solid #ddecfb;
 634      background-color:#fafbfc;
 635      color:#505050; }
 636  
 637  /* style for comment body within sidebar */
 638  .plugin_comment_body {
 639      font-style:oblique; }
 640  
 641  /********* End Plugin Styles *********/