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