include/gallery.css

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