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