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 .slideshowContainer {
  81  background-color: black;
  82  width: 100%;
  83 }
  84
  85 .slideshowControls {
  86  position: absolute;
  87  bottom: 0px;
  88  left: 0px;
  89  width: 100%;
  90  height: 30px;
  91  z-index: 3;
  92  opacity: .15;
  93 }
  94
  95 .slideshowControls:hover {
  96  opacity: 1;
  97 }
  98
  99 .controlButton {
 100  position: absolute;
 101  bottom: 3px;
 102  width: 24px;
 103  height: 24px;
 104  cursor: pointer;
 105 }
 106
 107 .controlButton#prev {
 108  left: 0px;
 109  background: url(left.png) no-repeat;
 110 }
 111
 112 .controlButton#stop {
 113  left: 25px;
 114  background: url(stop.png) no-repeat;
 115 }
 116
 117 .controlButton#play {
 118  left: 50px;
 119  background: url(play.png) no-repeat;
 120 }
 121
 122 .controlButton#next {
 123  left: 75px;
 124  background: url(right.png) no-repeat;
 125 }
 126
 127 .controlButton#exit {
 128  left: 100px;
 129  background: url(close.png) no-repeat;
 130 }
 131
 132 .controlButton#comm {
 133  left: 125px;
 134  width: auto;
 135  color: white;
 136  margin: .3ex;
 137  cursor: default;
 138 }
 139
 140 .MultiBoxContainer {
 141         position: absolute;
 142         border: 2px solid #000;
 143         background-color: #FFF;
 144         display: none;
 145         z-index: 2;
 146         text-align: left;
 147 }
 148
 149 .MultiBoxLoading {
 150         background: url(loading.gif) no-repeat center;
 151 }
 152
 153 .MultiBoxContent {
 154         position: relative;
 155         width: 100%;
 156         height: 100%;
 157         overflow: hidden;
 158 }
 159
 160 .MultiBoxClose {
 161         position: absolute;
 162         top: 0px;
 163         right: 0px;
 164         background: url(close.png) no-repeat;
 165         width: 24px;
 166         height: 24px;
 167         cursor: pointer;
 168 }
 169
 170
 171 .MultiBoxControlsContainer {
 172         overflow: hidden;
 173         height: 0px;
 174         width: 100%;
 175 }
 176
 177 .MultiBoxControls {
 178         width: 100%;
 179         height: auto;
 180         position: relative;
 181         background-color: #000000;
 182 }
 183
 184
 185 .MultiBoxPrevious {
 186         position: absolute;
 187         background: url(left.png) no-repeat;
 188         width: 24px;
 189         height: 24px;
 190         left: 0px;
 191         margin-top: 5px;
 192         cursor: pointer;
 193 }
 194
 195 .MultiBoxNext {
 196         position: absolute;
 197         background: url(right.png) no-repeat;
 198         width: 24px;
 199         height: 24px;
 200         right: 0px;
 201         margin-top: 5px;
 202         cursor: pointer;
 203 }
 204
 205 .MultiBoxNextDisabled {
 206         cursor: default;
 207         background: url(rightDisabled.png) no-repeat;
 208 }
 209
 210 .MultiBoxPreviousDisabled {
 211         cursor: default;
 212         background: url(leftDisabled.png) no-repeat;
 213 }
 214
 215 .MultiBoxTitle {
 216         position: relative;
 217         margin: 10px 0 0 35px;
 218         float: left;
 219         font-family: Verdana, Arial, Helvetica, sans-serif;
 220         font-size: 11px;
 221         color: #FFF;
 222         font-weight: bold;
 223         text-align: left;
 224 }
 225
 226 .MultiBoxNumber {
 227         position: relative;
 228         width: 50px;
 229         margin: 10px 35px 0 0;
 230         float: right;
 231         font-family: Verdana, Arial, Helvetica, sans-serif;
 232         font-size: 11px;
 233         color: #FFF;
 234         text-align: right;
 235 }
 236
 237 .MultiBoxDescription {
 238         clear: left;
 239         position: relative;
 240         margin: 0 35px 0 35px;
 241         padding-top: 5px;
 242         font-family: Verdana, Arial, Helvetica, sans-serif;
 243         font-size: 11px;
 244         color: #FFF;
 245         text-align: left;
 246 }