include/gallery.css

   1 /*
   2         $Id$
   3
   4         This is a part of mkgallery.pl suite
   5         http://www.average.org/mkgallery/
   6 */
   7
   8 h2.ititle {
   9         text-align: center;
  10 }
  11
  12 h2.atitle {
  13         text-align: center;
  14 }
  15
  16 img.thumbnail {
  17  clear:both;
  18  border-style: inset;
  19  border-color: gray;
  20  border-width: 2px;
  21  margin: 0.2ex;
  22 }
  23
  24 img.mainformat {
  25  clear:both;
  26  border-style: none;
  27  margin: 0px;
  28  padding: 0px;
  29 }
  30
  31 table.slide {
  32  float: left;
  33  width: 210px;
  34  height: 210px;
  35  margin: 0.2ex;
  36  border-style: outset;
  37  border-color: #e0c080;
  38  border-width: 2px;
  39  background-color: #e0c080;
  40  text-align: center;
  41  font-size: 10px
  42 }
  43 table.slide tr {
  44  margin: 0px;
  45 }
  46 table.slide td {
  47  margin: 0px;
  48  vertical-align: middle;
  49 }
  50
  51 table.ipage {
  52  background-color: #ffffc0;
  53  border: 1px solid black;
  54  border-collapse: collapse;
  55  text-align: left;
  56  margin: 0px;
  57  padding: 0px;
  58 }
  59 table.ipage td {
  60  border: 1px solid black;
  61  margin: 0px;
  62  padding: 1ex;
  63 }
  64
  65 table.infotable {
  66  border-width: 0px;
  67 }
  68 table.infotable td {
  69  border-width: 0px;
  70  padding: 0.3ex;
  71 }
  72
  73 table.navi {
  74  background-color: #c0c0c0;
  75  border: 1px solid black;
  76  border-collapse: collapse;
  77  text-align: center;
  78  margin: 0px;
  79  padding: 0px;
  80 }
  81 table.navi td {
  82  border: 1px solid black;
  83  margin: 0px;
  84  padding: 1ex;
  85 }
  86
  87 table.picframe {
  88  border: 1px solid black;
  89  margin: 10px;
  90  padding: 10px;
  91 }
  92
  93 .loading {
  94  background: url(loading.gif) center no-repeat;
  95 }
  96
  97 .slideshowContainer {
  98  background-color: black;
  99  width: 100%;
 100 }
 101
 102 .slideshowControls {
 103  position: absolute;
 104  bottom: 0px;
 105  left: 0px;
 106  width: 100%;
 107  height: 30px;
 108  z-index: 3;
 109  opacity: .15;
 110  color: white;
 111 }
 112
 113 .slideshowControls:hover {
 114  opacity: 1;
 115 }
 116
 117 .controlButton {
 118  position: absolute;
 119  bottom: 3px;
 120  width: 24px;
 121  height: 24px;
 122  cursor: pointer;
 123 }
 124
 125 .controlButton#prev {
 126  left: 3px;
 127  background: url(left.png) no-repeat;
 128 }
 129
 130 .controlButton#prevDisabled {
 131  left: 3px;
 132  background: url(leftDisabled.png) no-repeat;
 133  cursor: default;
 134 }
 135
 136 .controlButton#stop {
 137  left: 28px;
 138  background: url(stop.png) no-repeat;
 139 }
 140
 141 .controlButton#play {
 142  left: 28px;
 143  background: url(play.png) no-repeat;
 144 }
 145
 146 .controlButton#next {
 147  left: 53px;
 148  background: url(right.png) no-repeat;
 149 }
 150
 151 .controlButton#nextDisabled {
 152  left: 53px;
 153  background: url(rightDisabled.png) no-repeat;
 154  cursor: default;
 155 }
 156
 157 .controlButton#exit {
 158  left: 78px;
 159  background: url(close.png) no-repeat;
 160 }
 161
 162 .controlButton#comm {
 163  left: 103px;
 164  width: auto;
 165  font-size: 20px;
 166  margin-left: .5ex;
 167  margin-right: .5ex;
 168  padding-left: .5ex;
 169  padding-right: .5ex;
 170  background-color: rgba(0,0,0,.5);
 171  cursor: default;
 172 }
 173
 174 .controlButton#comm a {
 175  color: white;
 176  text-decoration: none;
 177 }
 178
 179 .controlPosition {
 180  vertical-align: middle;
 181  font-size: 10px;
 182  margin-right: 1ex;
 183 }
 184
 185 .MultiBoxContainer {
 186         position: absolute;
 187         border: 2px solid #000;
 188         background-color: #FFF;
 189         display: none;
 190         z-index: 2;
 191         text-align: left;
 192 }
 193
 194 .MultiBoxLoading {
 195         background: url(loading.gif) no-repeat center;
 196 }
 197
 198 .MultiBoxContent {
 199         position: relative;
 200         width: 100%;
 201         height: 100%;
 202         overflow: hidden;
 203 }
 204
 205 .MultiBoxClose {
 206         position: absolute;
 207         top: 0px;
 208         right: 0px;
 209         background: url(close.png) no-repeat;
 210         width: 24px;
 211         height: 24px;
 212         cursor: pointer;
 213 }
 214
 215
 216 .MultiBoxControlsContainer {
 217         overflow: hidden;
 218         height: 0px;
 219         width: 100%;
 220 }
 221
 222 .MultiBoxControls {
 223         width: 100%;
 224         height: auto;
 225         position: relative;
 226         background-color: #000000;
 227 }
 228
 229
 230 .MultiBoxPrevious {
 231         position: absolute;
 232         background: url(left.png) no-repeat;
 233         width: 24px;
 234         height: 24px;
 235         left: 0px;
 236         margin-top: 5px;
 237         cursor: pointer;
 238 }
 239
 240 .MultiBoxNext {
 241         position: absolute;
 242         background: url(right.png) no-repeat;
 243         width: 24px;
 244         height: 24px;
 245         right: 0px;
 246         margin-top: 5px;
 247         cursor: pointer;
 248 }
 249
 250 .MultiBoxNextDisabled {
 251         cursor: default;
 252         background: url(rightDisabled.png) no-repeat;
 253 }
 254
 255 .MultiBoxPreviousDisabled {
 256         cursor: default;
 257         background: url(leftDisabled.png) no-repeat;
 258 }
 259
 260 .MultiBoxTitle {
 261         position: relative;
 262         margin: 10px 0 0 35px;
 263         float: left;
 264         font-family: Verdana, Arial, Helvetica, sans-serif;
 265         font-size: 11px;
 266         color: #FFF;
 267         font-weight: bold;
 268         text-align: left;
 269 }
 270
 271 .MultiBoxNumber {
 272         position: relative;
 273         width: 50px;
 274         margin: 10px 35px 0 0;
 275         float: right;
 276         font-family: Verdana, Arial, Helvetica, sans-serif;
 277         font-size: 11px;
 278         color: #FFF;
 279         text-align: right;
 280 }
 281
 282 .MultiBoxDescription {
 283         clear: left;
 284         position: relative;
 285         margin: 0 35px 0 35px;
 286         padding-top: 5px;
 287         font-family: Verdana, Arial, Helvetica, sans-serif;
 288         font-size: 11px;
 289         color: #FFF;
 290         text-align: left;
 291 }