[Summary view] [Print] [Text view]

   1  /* $Id: gallery.css,v 1.3.2.2 2007/11/27 18:10:32 profix898 Exp $ */
   2  
   3  /**
   4   * Drupal embeded Gallery2 css overrides.
   5   * These do not make a perfect theme, but are not bad as a first step.
   6   */
   7  
   8  /* Increase font size */
   9  #gallery {
  10    font-size: 100%;
  11  }
  12  
  13   /* Remove the header */
  14  #gsHeader {
  15    display: none;
  16  }
  17  
  18  /* Removes the Gallery Title (as Drupal displays it) */
  19  #gallery .gbBlock table h2 {
  20    display: none;
  21  }
  22  
  23  /* Drupal 5.x system.css adds a border to tbody */
  24  #gallery tbody {
  25    border-top: none;
  26  }
  27  
  28  /* Garland adds a width: 100% to all tables */
  29  td.giAlbumCell table, td.giItemCell table {
  30    width: auto;
  31  }
  32  
  33  /* Garland adds td and th padding which needs to be removed for imageframes.
  34     Have to manually add each imageframe type -- annoying. */
  35  table.ImageFrame_bamboo, table.ImageFrame_bamboo td,
  36  table.ImageFrame_book, table.ImageFrame_book td,
  37  table.ImageFrame_brand, table.ImageFrame_brand td,
  38  table.ImageFrame_dotapple, table.ImageFrame_dotapple td,
  39  table.ImageFrame_filmedges, table.ImageFrame_filmedges td,
  40  table.ImageFrame_flicking, table.ImageFrame_flicking td,
  41  table.ImageFrame_gold, table.ImageFrame_gold td,
  42  table.ImageFrame_gold2, table.ImageFrame_gold2 td,
  43  table.ImageFrame_notebook, table.ImageFrame_notebook td,
  44  table.ImageFrame_notebooksquare, table.ImageFrame_notebooksquare td,
  45  table.ImageFrame_photocorners, table.ImageFrame_photocorners td,
  46  table.ImageFrame_photocorners_small, table.ImageFrame_photocorners_small td,
  47  table.ImageFrame_polaroid, table.ImageFrame_polaroid td,
  48  table.ImageFrame_polaroids, table.ImageFrame_polaroids td,
  49  table.ImageFrame_postage, table.ImageFrame_postage td,
  50  table.ImageFrame_shell, table.ImageFrame_shell td,
  51  table.ImageFrame_shadow, table.ImageFrame_shadow td,
  52  table.ImageFrame_slide, table.ImageFrame_slide td,
  53  table.ImageFrame_slidesquare, table.ImageFrame_slidesquare td,
  54  table.ImageFrame_wood, table.ImageFrame_wood td {
  55    width: auto;
  56    padding: 0px;
  57  }
  58  
  59  /* Brings h2 back for siteAdmin pages */
  60  #siteAdminForm .gbBlock h2 {
  61    display: block;
  62  }
  63  
  64  /* Do not display the breadcrumb */
  65  #gsNavBar div.gbBreadCrumb {
  66    display: none;
  67  }
  68  
  69  /* The system links ("Site Admin", "Your Album") should no longer float as the
  70     breadcrumb has been removed. Just align right */
  71  #gsNavBar div.gbSystemLinks {
  72    text-align: right;
  73    float: none;
  74  }
  75  
  76  /* .block-gallery is in the sidebar */
  77  .block-gallery #gsSidebar {
  78    border: none;
  79    width: auto;
  80    overflow: hidden;
  81  }
  82  
  83  /* Flatten left margin for SiteAdminLinks if moved to Drupal sidebar */
  84  .block-gallery #gsSidebar ul#gbSiteAdminLinks,
  85  .block-gallery #gsSidebar ul#gbSiteAdminLinks li,
  86  .block-gallery #gsSidebar ul#gbSiteAdminLinks li ul,
  87  .block-gallery #gsSidebar ul#gbSiteAdminLinks li ul li {
  88    margin-left: 2px;
  89  }
  90  
  91  /* Remove bold font from SiteAdminLinks if moved to Drupal sidebar */
  92  .block-gallery #gsSidebar #gbSiteAdminLinks a {
  93    font-weight: normal;
  94  }
  95  
  96  .block-gallery div.block-core-ItemLinks {
  97    margin: 0;
  98    border-bottom: 1px solid #aaa;
  99  }
 100  
 101  .block-gallery .gbBlock {
 102    padding: 0 5px 3px 5px;
 103  }
 104  
 105  /* Drupal 5.x system.css adds a border to tbody */
 106  .block-gallery tbody {
 107    border-top: none;
 108  }
 109  
 110  /* Garland adds padding which needs to be removed */
 111  .block-gallery td, th {
 112    padding: 0;
 113  }
 114  
 115  /* Navigation Tree */
 116  .block-gallery .dtree {
 117    font-size: 1em;
 118  }
 119  
 120  /* For G2Image */
 121  img.g2image_float_left, div.g2image_float_left {
 122    float: left;
 123    margin: 0px 4px 4px 0px;
 124  }
 125  
 126  img.g2image_float_right, div.g2image_float_right {
 127    float: right;
 128    margin: 0px 4px 4px 0px;
 129  }
 130  
 131  img.g2image_centered, div.g2image_centered {
 132    display: block;
 133    margin-left: auto;
 134    margin-right: auto;
 135    text-align: center;
 136  }
 137  
 138  /* Need to center images with frames */
 139  .g2image_centered table {
 140    margin: auto;
 141  }
 142  
 143  .g2image_clear_images {
 144    clear: both;
 145  }
 146  
 147  .post-content img {
 148    float: left;
 149    clear: both;
 150    margin: 4px;
 151  }
 152  
 153  .page-content img {
 154    float: left;
 155    clear: both;
 156    margin: 4px;
 157  }
 158  
 159  /* Embed success, warning, error messages */
 160  .g2_embed_success {
 161    color: #008800;
 162  }
 163  
 164  .g2_embed_warning {
 165    color: #f63;
 166  }
 167  .g2_embed_error {
 168    color: #880000;
 169    font-weight: bold;
 170  }
 171  
 172  /* Gallery Grid Block */
 173  .gallery-grid-block {
 174    padding: 1px;
 175  /*  width: 500px;
 176    display: block;
 177    margin-left: auto;
 178    margin-right: auto;*/
 179  }
 180  
 181  /*.gallery-grid-block .image-grid {
 182    width: 182px;
 183    width: 300px;
 184  }*/
 185  
 186  /*.gallery-grid-block .one-image {
 187    float: left;
 188    display: inline;
 189    padding: 3px;
 190  }*/
 191  
 192  /*.gallery-grid-block .one-image {
 193  //  float: left;
 194    width: 90px;
 195    margin-left: auto;
 196    margin-right: auto;
 197    display: block;
 198    padding: 1px;
 199  }*/
 200  .gallery-grid-block .one-image {
 201    margin: 1px;
 202  }
 203  
 204  /* Drupal 5.x system.css adds a border to tbody */
 205  .gallery-grid-block tbody {
 206    border-top: none;
 207  }
 208  
 209  td.gallery-grid-block {
 210    text-align:center;
 211  }
 212  
 213  /* So imageframed thumbs can be centered */
 214  /*td.gallery-grid-block table {
 215    margin: auto;
 216  }*/
 217  
 218  /* Garland adds padding which needs to be removed */
 219  .gallery-grid-block table,
 220  .gallery-grid-block .one-image td,
 221  .gallery-grid-block .one-image table {
 222    padding: 0;
 223    margin: auto;
 224  }
 225  
 226  .dtree {
 227    line-height: 100%;
 228  }
 229  
 230  .dtree a.node, .dtree a.nodeSel {
 231    margin-left: 0;
 232  }