include/gallery.css

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