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