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